:root{--paper: #efe9dd;--paper-light: #f3efe7;--card: #fffcf5;--card-warm: #f8f1e7;--ink: #11161a;--muted: #5f6972;--teal: #174e59;--teal-dark: #123f48;--brown: #a2673d;--brown-dark: #8a5128;--accent-soft: #e8d7c4;--border: #d8cdbd;--border-soft: #e6ddd0;--shadow: 0 16px 40px rgba(40, 32, 20, .08);--shadow-soft: 0 8px 22px rgba(40, 32, 20, .06);color:var(--ink);background:var(--paper);font-family:Inter,Noto Sans SC,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% 18%,rgba(255,252,245,.8),transparent 34%),radial-gradient(circle at 18% 28%,rgba(162,103,61,.08),transparent 24%),radial-gradient(circle at 84% 76%,rgba(18,63,72,.08),transparent 26%),linear-gradient(115deg,rgba(255,255,255,.22) 0 1px,transparent 1px 14px),radial-gradient(rgba(38,31,22,.055) .7px,transparent .8px),var(--paper);background-size:auto,auto,auto,18px 18px,7px 7px,auto}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 42%,transparent 0,transparent 54%,rgba(55,42,25,.1) 100%),linear-gradient(90deg,rgba(255,252,245,.16),transparent 18%,transparent 82%,rgba(75,54,32,.08));mix-blend-mode:multiply}button{font:inherit}.page{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:34px 0 52px}.start-page{min-height:100vh;display:grid;place-items:center}.hero,.question-shell,.result-hero,.chart-panel,.scores-panel,.insight-grid article,.method,.debug-panel,.reason-card,.feedback-card,.profile-hero,.profile-article,.profile-side,.keyword-card{position:relative;border:1px solid var(--border);background:linear-gradient(180deg,#fffcf5e6,#f8f1e7f5),var(--card-warm);box-shadow:var(--shadow)}.hero:before,.question-shell:before,.result-hero:before,.chart-panel:before,.scores-panel:before,.insight-grid article:before,.method:before,.reason-card:before,.feedback-card:before,.profile-hero:before,.profile-article:before,.profile-side:before,.keyword-card:before{content:"";position:absolute;inset:10px;border:1px solid rgba(216,205,189,.5);pointer-events:none}.hero{width:100%;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(280px,.82fr);gap:clamp(26px,5vw,58px);align-items:center;border-radius:18px;padding:clamp(28px,6vw,68px);overflow:hidden}.hero:after,.result-hero:after{content:"";position:absolute;width:180px;height:180px;right:-86px;top:-92px;border:1px solid rgba(162,103,61,.22);border-radius:50%;box-shadow:inset 0 0 0 18px #e8d7c42e;pointer-events:none}.hero-copy,.result-hero>div,.chart-panel>*,.scores-panel>*,.insight-grid article>*,.method>*,.debug-panel>*,.reason-card>*,.feedback-card>*,.profile-hero>*,.profile-article>*,.profile-side>*,.keyword-card>*{position:relative;z-index:1}.eyebrow{color:var(--brown-dark);font-size:.78rem;font-weight:700;letter-spacing:.13em;margin:0 0 16px;text-transform:uppercase}h1,h2,p{overflow-wrap:anywhere}h1,h2{font-family:"Noto Serif SC",Songti SC,SimSun,serif}h1{color:var(--ink);font-size:clamp(2.35rem,7.8vw,4.8rem);font-weight:700;letter-spacing:0;line-height:1.04;margin:0}h2{color:var(--ink);font-size:clamp(1.22rem,3.8vw,1.82rem);font-weight:650;line-height:1.36;margin:0}.subtitle{color:#293943;font-size:clamp(1.08rem,3vw,1.38rem);line-height:1.58;margin:18px 0 0}.intro,.result-summary,.insight-grid p,.method p,.score-item p{color:var(--muted);line-height:1.86}.intro{max-width:680px;font-size:1.02rem;margin:30px 0 32px}.primary-button,.secondary-button{min-height:46px;border-radius:12px;padding:0 22px;cursor:pointer;font-weight:700;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease,color .16s ease}.primary-button{color:#fffaf1;border:1px solid rgba(10,35,41,.28);background:linear-gradient(180deg,rgba(255,255,255,.09),transparent),var(--teal);box-shadow:0 12px 24px #123f4833,inset 0 1px #fffcf52e}.secondary-button{color:var(--teal-dark);border:1px solid var(--border);background:#efe5d6;box-shadow:inset 0 1px #fffcf5a6}.primary-button:hover{transform:translateY(-1px);background:linear-gradient(180deg,rgba(255,255,255,.08),transparent),#123f48;box-shadow:0 14px 28px #123f483b,inset 0 -2px #a2673d3d}.secondary-button:hover{transform:translateY(-1px);border-color:#bda991;background:#ead9c4}.secondary-button:disabled{cursor:not-allowed;opacity:.48;transform:none}.coordinate-preview-card{position:relative;z-index:1;align-self:center;width:min(100%,430px);min-height:440px;display:grid;grid-template-rows:auto 1fr auto;gap:18px;border:1px solid var(--border);border-radius:22px;padding:22px 24px 20px;background:radial-gradient(circle at 50% 45%,rgba(232,215,196,.22),transparent 48%),linear-gradient(180deg,#fffdf8,#f8f1e7);box-shadow:0 18px 50px #28201414}.coordinate-preview-card:before{content:"";position:absolute;inset:14px;border:1px solid rgba(216,205,189,.46);border-radius:16px;pointer-events:none}.coordinate-preview-head{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-start;gap:18px;color:#9b5e2e;font-size:.86rem;font-weight:500;line-height:1.45}.coordinate-preview-head span:last-child{color:#9b5e2ec7;text-align:right}.coordinate-preview-radar{position:relative;z-index:1;align-self:center;justify-self:center;width:min(100%,310px);height:auto;overflow:visible}.preview-grid{fill:none;stroke:#d8cdbdb3;stroke-width:1}.preview-axis{stroke:#d8cdbd8c;stroke-width:1}.preview-area{fill:#174e5929}.preview-line{fill:none;stroke:#174e59d9;stroke-width:2.4;stroke-linejoin:round}.preview-dot{fill:#a2673d;stroke:#fffdf8;stroke-width:2}.preview-label{fill:#5f6972d1;font-size:11px;font-weight:600}.coordinate-preview-note{position:relative;z-index:1;margin:0;color:#5f6972d1;font-size:.92rem;line-height:1.5;text-align:center}.question-page{display:grid;min-height:100vh;align-items:center}.question-shell{max-width:860px;width:100%;margin:0 auto;border-radius:18px;padding:clamp(24px,5vw,46px)}.question-shell:after{content:"";position:absolute;left:0;top:30px;bottom:30px;width:5px;background:linear-gradient(var(--teal),var(--brown));border-radius:0 999px 999px 0}.question-top,.question-actions,.result-actions,.score-label,.type-pair{display:flex;align-items:center}.question-top{position:relative;z-index:1;justify-content:space-between;gap:12px;margin-bottom:13px}.counter{color:var(--teal-dark);font-size:.95rem;font-weight:800;letter-spacing:.08em}.soft-note{color:#837463;font-size:.9rem}.progress-track{position:relative;z-index:1;height:5px;border-radius:999px;background:#e4d7c5;overflow:hidden;margin-bottom:30px;box-shadow:inset 0 1px 2px #3d2f1e14}.progress-bar{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--teal),var(--brown));transition:width .22s ease}.question-shell h2{position:relative;z-index:1;max-width:780px}.options{position:relative;z-index:1;display:grid;gap:14px;margin:30px 0 26px}.option-button{position:relative;display:grid;grid-template-columns:42px 1fr;gap:13px;align-items:start;width:100%;border:1px solid var(--border);border-radius:14px;background:linear-gradient(180deg,#fffcf5c7,#f8f1e7e6),var(--card-warm);color:#26323a;padding:16px 17px;text-align:left;line-height:1.68;cursor:pointer;box-shadow:0 4px 12px #28201409;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.option-button:before{content:"";position:absolute;left:-1px;top:12px;bottom:12px;width:4px;border-radius:0 999px 999px 0;background:transparent}.option-button:hover{transform:translateY(-1px);border-color:#b79f82;box-shadow:0 8px 16px #2820140e}.option-button.selected{border-color:#b99776;background:linear-gradient(180deg,#fffcf59e,#e8d7c4b8),#f1e3d2;box-shadow:inset 0 0 0 1px #a2673d38,0 8px 18px #2820140f}.option-button.selected:before{background:linear-gradient(var(--teal),var(--brown))}.option-id{display:inline-grid;place-items:center;width:32px;height:30px;border:1px solid var(--border);border-radius:8px;background:#efe3d2;color:#7a5534;font-size:.9rem;font-weight:800;box-shadow:inset 0 1px #fffcf5b8}.selected .option-id{color:#fffaf1;border-color:var(--teal-dark);background:var(--teal)}.question-actions,.result-actions{position:relative;z-index:1;gap:12px;flex-wrap:wrap;justify-content:space-between}.warning{position:relative;z-index:1;color:#93461f;margin:16px 0 0;font-weight:700}.result-page{display:grid;gap:20px}.result-hero{display:grid;grid-template-columns:190px 1fr;gap:clamp(20px,4vw,38px);align-items:center;border-radius:18px;padding:clamp(22px,5vw,42px);overflow:hidden}.result-hero:before{inset:12px}.result-hero .eyebrow:after{content:"";display:block;width:82px;height:1px;margin-top:12px;background:var(--border)}.result-hero h1{font-size:clamp(2rem,5.4vw,4rem)}.portrait{position:relative;z-index:1;width:184px;aspect-ratio:1;border:8px solid #fffaf1;border-radius:16px;object-fit:cover;background:#d8d0c5;box-shadow:0 14px 28px #28201421,0 0 0 1px var(--border);filter:saturate(.82) sepia(.08) contrast(1.02)}.portrait-button{position:relative;z-index:1;display:inline-grid;place-items:center;width:fit-content;padding:0;border:0;border-radius:16px;background:transparent;cursor:pointer}.portrait-button:hover .portrait,.portrait-button.portrait-fallback:hover{transform:translateY(-2px)}.portrait-fallback{display:grid;place-items:center;color:var(--teal);font-family:"Noto Serif SC",Songti SC,SimSun,serif;font-size:1.75rem;font-weight:700;background:radial-gradient(circle at 30% 25%,rgba(255,252,245,.75),transparent 28%),linear-gradient(135deg,#d8e8e9,#eadbc7)}.result-summary{max-width:800px;margin:20px 0}.learn-inline-button{margin-top:4px}.learn-note{margin:10px 0 0;color:#5f6972db;font-size:.92rem;line-height:1.6}.type-pair{display:inline-flex;gap:10px;border:1px solid var(--border);border-radius:999px;background:#f0e5d6;padding:9px 14px;box-shadow:inset 0 1px #fffcf58c}.type-pair span{color:#7a6859}.type-pair strong{color:var(--teal-dark)}.result-grid{display:grid;grid-template-columns:minmax(280px,.92fr) minmax(320px,1.08fr);gap:20px;align-items:start}.chart-panel,.scores-panel,.insight-grid article,.method,.debug-panel{border-radius:16px;padding:24px}.chart-panel{display:grid;justify-items:center;gap:14px;background:linear-gradient(180deg,#fffcf5d1,#f8f1e7f2),var(--card-warm)}.reason-card{width:100%;margin-top:4px;border-radius:14px;padding:18px;background:linear-gradient(90deg,#e8d7c485,#fffcf5d6),var(--card);box-shadow:var(--shadow-soft)}.reason-card h2{color:var(--teal-dark);font-size:1.18rem}.reason-card p{margin:10px 0 0;color:var(--muted);line-height:1.78}.radar{width:min(100%,334px);height:auto}.radar-grid{fill:none;stroke:#d2c2ad;stroke-width:1}.radar-axis{stroke:#dfd2c0;stroke-width:1}.radar-label{fill:#4e5a60;font-size:13px;font-weight:700}.radar-area{fill:#174e592e}.radar-line{fill:none;stroke:var(--teal);stroke-width:2.5;stroke-linejoin:round}.radar-dot{fill:var(--brown);stroke:#fffaf1;stroke-width:2}.score-list{display:grid;gap:0;margin-top:18px}.score-item{padding:13px 0 15px;border-bottom:1px solid rgba(216,205,189,.72)}.score-item:first-child{padding-top:0}.score-item:last-child{border-bottom:0;padding-bottom:0}.score-label{justify-content:space-between;gap:12px;margin-bottom:9px}.score-label span{color:#2a353b;font-weight:700}.score-label strong{color:var(--teal);font-family:"Noto Serif SC",Songti SC,SimSun,serif;font-size:1.42rem;font-weight:700}.score-track{height:7px;border-radius:999px;background:#e8dccb;overflow:hidden;box-shadow:inset 0 1px 2px #3d2f1e14}.score-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--teal-dark),var(--teal))}.score-item p{font-size:.9rem;margin:8px 0 0}.insight-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.embedded-insights{width:100%;grid-template-columns:1fr;gap:14px;margin-top:4px}.insight-grid article{border-radius:16px}.embedded-insights article{padding:18px;box-shadow:var(--shadow-soft)}.insight-grid article:nth-child(1){border-left:5px solid var(--teal)}.insight-grid article:nth-child(1) h2{color:var(--teal-dark)}.insight-grid article:nth-child(2){border-left:5px solid var(--brown)}.insight-grid article:nth-child(2) h2{color:var(--brown-dark)}.insight-grid article.wide{grid-column:1 / -1;border-left:6px solid var(--teal);background:linear-gradient(90deg,#e8d7c49e,#fffcf5db),var(--card)}.insight-grid p{margin:13px 0 0}.embedded-insights p{font-size:.94rem;line-height:1.74}.result-actions{justify-content:center;padding:8px 0 2px}.method summary{position:relative;z-index:1;cursor:pointer;color:var(--teal-dark);font-weight:800}.method-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.method-grid article{border-top:1px solid var(--border);padding-top:14px}.method-grid h2{color:var(--brown-dark);font-size:1.05rem}.method-grid p{margin:8px 0 0}.feedback-card{display:grid;width:100%;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;border-radius:16px;padding:22px 24px;background:linear-gradient(180deg,#fffcf5d6,#f8f1e7f5),var(--card-warm)}.feedback-card h2{color:var(--brown-dark);font-size:1.18rem}.feedback-card p{margin:8px 0 0;color:var(--muted);line-height:1.74}.feedback-button{display:inline-flex;align-items:center;justify-content:center;justify-self:end;min-height:42px;text-decoration:none;white-space:nowrap}.profile-page{display:grid;gap:20px}.profile-hero{display:grid;grid-template-columns:170px 1fr;gap:clamp(18px,4vw,34px);align-items:center;border-radius:18px;padding:clamp(22px,5vw,38px)}.profile-portrait{position:relative;z-index:1;width:164px;aspect-ratio:1;border:8px solid #fffaf1;border-radius:16px;object-fit:cover;background:#d8d0c5;box-shadow:0 14px 28px #28201421,0 0 0 1px var(--border);filter:saturate(.82) sepia(.08) contrast(1.02)}.profile-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:20px;align-items:start}.profile-article,.profile-side,.keyword-card{border-radius:16px;padding:24px}.profile-article p{position:relative;z-index:1;color:var(--muted);line-height:1.92;margin:16px 0 0}.profile-side{display:grid;gap:18px;background:linear-gradient(180deg,#fffcf5d1,#f8f1e7f2),var(--card-warm)}.concept-illustration{position:relative;z-index:1;margin:0;border:1px solid var(--border);border-radius:14px;background:radial-gradient(circle at 50% 42%,rgba(232,215,196,.4),transparent 48%),#fffaf1;padding:10px;box-shadow:inset 0 1px #fffcf5b8;overflow:hidden}.concept-illustration img{display:block;width:100%;height:auto;border-radius:10px;object-fit:contain;filter:saturate(.92) sepia(.04)}.keyword-card{box-shadow:none}.keyword-list{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.keyword-list span{border:1px solid var(--border);border-radius:999px;padding:8px 11px;color:var(--teal-dark);background:#efe3d2;font-size:.92rem}.debug-panel{background:#efe4d6}.debug-panel pre{overflow:auto;max-height:420px;padding:14px;border-radius:12px;background:#172026;color:#dce8e8;font-size:.85rem}@media(max-width:860px){.hero{grid-template-columns:1fr}.coordinate-preview-card{min-height:320px;transform:none}}@media(max-width:760px){.page{width:min(100% - 22px,1120px);padding:18px 0 36px}.hero,.question-shell,.result-hero,.chart-panel,.scores-panel,.insight-grid article,.method,.debug-panel,.reason-card,.feedback-card,.profile-hero,.profile-article,.profile-side,.keyword-card{border-radius:14px}.hero:before,.question-shell:before,.result-hero:before,.chart-panel:before,.scores-panel:before,.insight-grid article:before,.method:before,.reason-card:before,.feedback-card:before,.profile-hero:before,.profile-article:before,.profile-side:before,.keyword-card:before{inset:8px}.coordinate-preview-card{min-height:340px;padding:20px}.coordinate-preview-head{flex-direction:column;gap:4px}.coordinate-preview-head span:last-child{text-align:left}.coordinate-preview-radar{width:min(100%,260px)}.question-top,.question-actions{align-items:stretch;flex-direction:column}.question-actions .primary-button,.question-actions .secondary-button,.result-actions .primary-button,.result-actions .secondary-button{width:100%}.result-hero,.result-grid,.insight-grid,.profile-hero,.profile-grid,.method-grid,.feedback-card{grid-template-columns:1fr}.result-hero{text-align:center}.result-hero .eyebrow:after{margin-left:auto;margin-right:auto}.portrait{width:min(156px,50vw);margin:0 auto}.profile-portrait{width:min(148px,48vw);margin:0 auto}.profile-hero{text-align:center}.feedback-button{width:100%}.type-pair{border-radius:12px;flex-direction:column}.option-button{grid-template-columns:38px 1fr;padding:15px}}