:root{color-scheme:light;--bg:#f2efe8;--paper:#faf7f0;--ink:#211c18;--muted:#777066;--line:#ddd5c9;--accent:#927b5c;--serif:"Noto Serif SC","Songti SC","SimSun",serif;font-family:"Microsoft YaHei",system-ui,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at top,#f8f5ef 0,#f2efe8 68%)}button{font:inherit;color:inherit}.site-shell{width:min(100%,464px);margin:0 auto;padding:28px 18px 48px}.screen{display:none}.screen.active{display:block;animation:appear .35s ease}@keyframes appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.cover-card,.page-card,.question-card,.report-card{background:var(--paper);border:1px solid #d9d1c5;box-shadow:0 2px 12px #392b180a;border-radius:3px;padding:30px 30px 28px}.cover-card{text-align:center;padding-top:38px}.archive-line,.eyebrow{font-family:var(--serif);font-size:10px;letter-spacing:2.4px;color:#71634e}.cover-subtitle{font-family:var(--serif);font-style:italic;font-size:10px;letter-spacing:1.3px;margin-top:15px}.cover-card h1{font-family:Georgia,var(--serif);font-size:clamp(52px,14vw,72px);font-weight:400;letter-spacing:2px;line-height:1;margin:27px 0 13px}.cover-cn{font-family:var(--serif);letter-spacing:7px;margin:0;color:#534a40;font-size:17px}.cover-intro{margin:51px auto 0;max-width:320px;font-family:var(--serif);font-size:14px;line-height:2.2;color:#39332d}.ornament{margin:19px 0 18px;color:#b5a893;letter-spacing:7px}.button{min-height:44px;padding:11px 18px;border:1px solid #a99b88;background:transparent;border-radius:4px;font-size:13px;letter-spacing:.6px;cursor:pointer;transition:background .2s,color .2s,transform .2s}.button:hover,.path-choice:hover,.gender-choice:hover{transform:translateY(-1px)}.button-dark{background:#211c18;border-color:#211c18;color:#faf7f0}.button-dark:hover{background:#463a2e}.button-outline:hover{background:#eee8dc}.button-wide{display:block;width:100%;margin-top:10px}.history-trigger{color:#665a4b}.intro-card{text-align:left;margin-top:23px;border:1px solid #ded6ca;border-radius:4px;padding:18px 17px 17px}.intro-card .eyebrow{letter-spacing:1.7px}.intro-card h2{font-family:var(--serif);font-size:19px;font-weight:500;margin:9px 0}.intro-card p,.intro-card li{font-size:12px;line-height:1.9;color:#5d554a}.intro-card ol{list-style:none;padding:0;margin:10px 0 0}.intro-card li+li{margin-top:3px}.page-card{padding:30px 28px}.page-card h1{font-family:var(--serif);font-size:26px;font-weight:500;line-height:1.5;margin:14px 0 7px}.step-label,.muted,.footnote{font-size:12px;color:var(--muted);line-height:1.9}.step-label{margin:18px 0 0}.choice-hint{font-size:12px;line-height:2;color:#756c60;background:#f1ece3;border-left:2px solid #a28a68;padding:11px 13px;margin:24px 0}.path-choice,.gender-choice{width:100%;display:grid;grid-template-columns:33px 36px 1fr 18px;gap:10px;align-items:center;text-align:left;border:1px solid #ddd4c7;background:#fbf9f4;padding:14px 12px;margin-top:11px;border-radius:3px;cursor:pointer;transition:.2s}.path-choice:hover,.gender-choice:hover{border-color:#aa977b;background:#fffdf8}.choice-index{font:11px Georgia,serif;letter-spacing:1px;color:#94856e}.choice-mark{display:grid;place-items:center;width:31px;height:31px;border:1px solid #c9bead;border-radius:50%;font-family:var(--serif);font-size:15px;color:#655744}.path-choice b,.gender-choice b{font-family:var(--serif);font-size:15px;font-weight:500}.path-choice small,.gender-choice small{display:block;font-size:11px;line-height:1.7;color:#777066;margin-top:4px}.arrow,.gender-choice i{font-style:normal;color:#9a886e}.footnote{text-align:center;margin:20px 0 7px}.text-button{border:0;background:none;color:#746650;font-size:12px;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:9px 5px}.page-card>.text-button{display:block;margin:10px auto 0}.gender-choice{grid-template-columns:36px 1fr 18px;grid-template-rows:auto auto;padding:15px 13px}.gender-choice>span{grid-row:1/3;grid-column:1;width:32px;height:32px;display:grid;place-items:center;border:1px solid #c9bead;border-radius:50%;font-family:var(--serif);font-size:16px;color:#655744}.gender-choice b{grid-column:2;grid-row:1}.gender-choice small{grid-column:2;grid-row:2}.gender-choice i{grid-column:3;grid-row:1/3}.question-card{padding:22px 24px 20px}.quiz-top{display:flex;align-items:center;gap:12px}.quiz-top>div{flex:1}.icon-button{border:1px solid var(--line);background:none;border-radius:50%;width:34px;height:34px;font-size:19px;cursor:pointer}.quiz-top .eyebrow{font-size:9px}.progress-label{font-family:Georgia,var(--serif);font-size:11px;letter-spacing:1px;color:#81735f;margin-top:4px}.history-small{font-size:11px}.progress-track{height:2px;background:#e1dbd1;margin:19px 0 24px}.progress-track span{display:block;background:#8d785d;height:100%;transition:width .3s}.question-number{font-size:10px;letter-spacing:1.3px;color:#96866f;margin-bottom:13px}.question-card h1{font-family:var(--serif);font-size:23px;line-height:1.7;font-weight:500;margin:0 0 10px}.question-note{font-size:12px;line-height:1.8;color:#8b8174;min-height:20px}.options-list{display:grid;gap:9px;margin-top:23px}.answer-option{display:grid;grid-template-columns:29px 1fr;gap:10px;align-items:start;width:100%;text-align:left;padding:13px 12px;border:1px solid #ded6ca;background:#fbf9f5;border-radius:3px;line-height:1.8;font-size:13px;cursor:pointer;transition:.2s}.answer-option .letter{font:12px Georgia,serif;color:#927b5c;border:1px solid #c9bead;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;margin-top:1px}.answer-option:hover{border-color:#a79475;background:#fffdf8}.answer-option.selected{border-color:#8a765b;background:#eee8dc}.answer-option.selected .letter{background:#817052;color:white;border-color:#817052}.question-footer{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:23px}.question-footer .button{min-height:37px;padding:8px 12px;font-size:11px}.question-footer span{font-size:10px;color:#928777;text-align:center}.button:disabled{opacity:.4;cursor:default;transform:none}.report-card{padding:21px 24px 30px}.report-head{display:flex;justify-content:space-between;align-items:center;font:10px Georgia,var(--serif);letter-spacing:2px;color:#71634e}.report-head span+span{letter-spacing:.6px}.report-kicker{text-align:center;font-family:var(--serif);font-size:12px;font-style:italic;color:#756c61;margin-top:43px}.report-card h1{text-align:center;font-family:var(--serif);font-size:32px;font-weight:400;letter-spacing:2px;margin:10px 0}.report-meta{text-align:center;font-family:var(--serif);font-style:italic;font-size:13px;color:#6f6557}.report-quote{text-align:center;font-family:var(--serif);font-size:15px;font-style:italic;line-height:1.9;margin:29px 8px 19px;color:#51473c}.report-tags{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.report-tags span{border:1px solid #cfc4b2;padding:7px 13px;border-radius:20px;font-family:var(--serif);font-size:11px;color:#6d5f4c}.report-block{border-top:1px solid #ded7cb;margin-top:23px;padding-top:18px}.report-block.first{border-top:0;margin-top:37px;padding-top:0}.block-title{font-family:var(--serif);font-size:16px;letter-spacing:.5px;margin:0 0 14px;font-weight:600}.block-title .orn-icon{color:#948064;margin-right:8px}.profile-copy{font-size:14px;line-height:2.05;color:#413a32;margin:0 0 14px}.profile-copy.lead{font-weight:600}.radar-wrap{display:grid;justify-items:center;margin:5px 0 12px}.radar-chart{width:min(100%,360px);overflow:visible}.radar-legend{font-size:10px;color:#81796e;display:flex;gap:17px;align-items:center}.legend-dot{display:inline-block;width:9px;height:9px;margin-right:5px;border-radius:50%;background:#77694f}.legend-dot.reference{background:#b69f7c}.chart-footnote{font-size:10px;line-height:1.7;color:#887f72;text-align:center;margin:7px 0}.dimension-list{display:grid;gap:11px;margin-top:16px}.dimension-row{border-top:1px solid #e8e2d8;padding-top:10px}.dimension-row-head{display:flex;align-items:center;justify-content:space-between;font-size:12px}.dimension-row-head b{font-family:var(--serif);font-weight:600}.dimension-row-head span{color:#76664e}.dimension-row-head small{font-size:10px;color:#93897a;margin-left:5px}.dimension-row p{font-size:11px;line-height:1.7;color:#777066;margin:5px 0 8px}.meter{height:4px;background:#e7e1d7;position:relative;border-radius:4px}.meter>span{height:100%;display:block;background:#786b52;border-radius:4px}.meter>i{position:absolute;top:-2px;width:2px;height:8px;background:#b59d78}.comparison-intro{font-size:11px;text-align:center;color:#8b8174;line-height:1.7;margin:11px 0 0}.path-summary{font-family:var(--serif);font-weight:600;font-size:15px;line-height:1.7;margin:-3px 0 13px}.path-step{display:grid;grid-template-columns:28px 1fr;gap:9px;margin-top:12px}.path-step .step-no{font:12px Georgia,serif;color:#927b5c}.path-step h3,.advice-item h3{font-family:var(--serif);font-weight:600;font-size:14px;margin:0 0 5px}.path-step p,.advice-item p{font-size:13px;line-height:1.9;color:#484138;margin:0}.advice-item{border-top:1px solid #e7e1d7;padding-top:13px;margin-top:13px}.advice-label{font-size:10px;letter-spacing:1px;color:#8d795d;margin-bottom:5px}.advice-detail{font-size:11px!important;color:#837969!important;margin-top:7px!important}.ending{font-family:var(--serif);font-size:15px;line-height:1.9;text-align:center;margin:4px 8px;color:#5e5140}.report-foot{font:9px Georgia,var(--serif);letter-spacing:1.6px;color:#9a8d79;text-align:center;margin-top:27px}.report-actions{display:flex;flex-direction:column;gap:9px;margin:14px 4px}.history-page h1{margin-bottom:3px}.history-item{display:flex;gap:12px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}.history-item .record-info{flex:1}.record-info b{font-family:var(--serif);font-size:15px;font-weight:500}.record-info small{display:block;color:#897f71;font-size:10px;margin-top:5px}.history-item button{border:1px solid #cfc4b2;background:none;padding:7px 10px;border-radius:3px;font-size:11px;cursor:pointer}.empty-history{text-align:center;padding:36px 10px;color:#8b8174;font-size:13px}.error-note{color:#854d40;font-size:12px;line-height:1.8;margin-top:14px}@media(max-width:430px){.site-shell{padding:12px 10px 30px}.cover-card,.page-card{padding-left:20px;padding-right:20px}.question-card,.report-card{padding-left:17px;padding-right:17px}.question-card h1{font-size:21px}.report-card h1{font-size:29px}.question-footer span{max-width:105px}}