@layer base,layout,components;
@layer base{
:root{--paper:#f7f5ef;--ink:#263c33;--muted:#6f786e;--line:#dedfd4;--accent:#3d6150;--pale:#eaf0e4;--orange:#bc6242;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;line-height:1.75}button,input,textarea{font:inherit}button,a,label,input{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.4;font-weight:600}p{overflow-wrap:anywhere}h1{letter-spacing:-.04em}h2{font-size:23px}h3{font-size:18px}p+p{margin-top:12px}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid #bd6c48;outline-offset:4px}h1:focus,main:focus{outline:none}::selection{background:#dfe8c9}textarea{width:100%;resize:vertical;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink)}
}
@layer layout{
.site-header{max-width:1200px;margin:auto;padding:26px 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-size:20px;font-weight:650;letter-spacing:.1em}.brand small{display:block;font-size:9px;letter-spacing:.15em;line-height:1.4;font-weight:500}.brandmark{display:grid;place-items:center;width:37px;height:43px;background:var(--ink);color:var(--paper);border-radius:11px 3px 11px 3px;font-size:30px}.header-link{font-size:13px;padding:10px 0}.header-link span{margin-left:16px}main{max-width:1120px;margin:auto;padding:0 24px}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:30px;align-items:center;min-height:550px;padding:68px 0 60px}.hero h1{font-family:"Songti SC","SimSun",serif;font-size:clamp(36px,4.4vw,58px);font-weight:500;line-height:1.4;margin:18px 0 24px}.hero h1 em{font-style:normal;color:var(--orange)}.hero-copy>p:not(.eyebrow){max-width:430px;color:var(--muted);font-size:15px;line-height:1.9}.hero .btn{margin-top:30px}.hero-notes{display:flex;gap:17px;margin-top:24px;color:var(--muted);font-size:11px}.hero-notes span:before{content:'·';padding-right:5px;color:var(--orange)}.hero-art{position:relative;height:345px;border-radius:50%;background:radial-gradient(ellipse,#e4e9db 0%,transparent 68%)}.orbit-label{position:absolute;top:5px;left:65px;font-size:11px;letter-spacing:.17em;color:var(--muted)}.art-note{position:absolute;background:#fffef9;box-shadow:0 18px 38px #263c330c;border:1px solid #dedfd1;padding:24px;border-radius:4px}.art-note small{font-size:10px;letter-spacing:.1em;color:var(--muted)}.art-note strong{display:block;font-family:"Songti SC","SimSun",serif;font-size:24px;font-weight:500;line-height:1.7}.art-note strong span{display:block}.note-a{width:255px;top:55px;left:24px;transform:rotate(-7deg);z-index:2}.note-a strong{margin-top:20px}.note-a b{position:absolute;right:24px;bottom:20px;color:var(--orange);font-size:30px}.note-b{background:#dce5d2;right:0;bottom:0;transform:rotate(8deg);width:235px;height:190px}.note-b strong{font-size:20px}.sun{display:block;font-size:47px;line-height:1.6;color:#647453}.art-stamp{position:absolute;right:4px;top:16px;z-index:3;display:flex;align-items:center;justify-content:center;white-space:pre-line;width:87px;height:87px;border-radius:50%;background:var(--orange);color:#fff4dc;font-size:11px;line-height:1.9;transform:rotate(12deg);outline:1px dashed #e8c3a6;outline-offset:-7px}.collection{padding:35px 0 60px;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px}.section-heading h2{margin-top:8px;font-size:29px}.section-heading>.muted{font-size:12px}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 28px}.quiz-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.quiz-card{position:relative;padding:24px 27px 20px;border:1px solid var(--line);background:#fbfaf5;border-radius:10px;overflow:hidden;transition:border-color .2s,transform .2s}.quiz-card:hover{transform:translateY(-3px);border-color:var(--accent)}.card-top{display:flex;justify-content:space-between;align-items:center}.card-number{font-size:12px;color:#879082;font-variant-numeric:tabular-nums}.quiz-card h3{position:relative;font-size:23px;max-width:360px;padding-right:38px;margin:28px 0 12px}.quiz-card>p{font-size:13px;color:var(--muted);max-width:370px;min-height:46px;padding-right:12px}.card-symbol{position:absolute;right:28px;top:69px;color:var(--accent);opacity:.17;font-size:67px;font-family:serif;line-height:1}.card-bottom{margin-top:26px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);border-top:1px solid var(--line);padding-top:15px}.card-arrow{width:30px;height:30px;border:1px solid var(--line);border-radius:50%;font-size:17px;display:grid;place-items:center;color:var(--accent)}.closing-note{display:flex;gap:25px;align-items:center;padding:30px 34px;margin-bottom:55px;border:1px solid var(--line);border-radius:10px;background:#edf0e5}.closing-note>span{font-size:55px;color:#879777;line-height:1}.closing-note h2{font-size:21px;margin-bottom:9px}.closing-note p{font-size:13px;color:var(--muted)}.site-footer{max-width:1120px;margin:auto;padding:25px 24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:11px;color:var(--muted)}.site-footer p{width:100%;font-size:10px;color:#858b80}
.test-main{max-width:808px;padding:30px 24px 60px;min-height:75vh}.back-link{display:inline-flex;align-items:center;min-height:44px;font-size:13px;color:var(--muted);margin-bottom:20px}.test-intro>h1,.result-hero h1{font-family:"Songti SC","SimSun",serif;font-weight:500;font-size:38px;margin:22px 0 16px;line-height:1.5}.intro-description{color:var(--muted);font-size:16px;max-width:650px}.intro-pills{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.test-intro .panel{margin-top:35px}.dimension-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px 30px}.dimension-grid h3{margin:4px 0 8px}.dimension-grid p{font-size:13px;color:var(--muted)}.intro-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 20px}.quiz-view{padding-top:10px}.question-meta{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}progress{width:100%;height:4px;border:0;display:block;margin-top:12px;appearance:none;background:#e5e7dc;border-radius:3px}progress::-webkit-progress-bar{background:#e5e7dc}progress::-webkit-progress-value{background:var(--accent);border-radius:3px}progress::-moz-progress-bar{background:var(--accent)}.question-heading{margin:40px 0 28px}.question-heading h1{font-size:26px;letter-spacing:-.01em;margin-top:12px;line-height:1.6}.options{border:0;margin:0;padding:0;display:grid;gap:12px}.option{position:relative;display:flex;align-items:center;gap:16px;padding:17px 20px;min-height:65px;border:1px solid var(--line);border-radius:9px;background:#fffdf8;cursor:pointer;transition:background .15s,border-color .15s}.option input{position:absolute;opacity:0;width:1px;height:1px}.option:focus-within{outline:3px solid #bd6c48;outline-offset:3px}.option.selected{border-color:var(--accent);background:var(--pale)}.option-letter{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;border:1px solid var(--line);border-radius:5px;font-size:12px;color:var(--muted)}.selected .option-letter{background:var(--accent);color:white;border-color:var(--accent)}.option-check{margin-left:auto;color:var(--accent)}.question-actions{display:flex;gap:12px;margin:28px 0 16px}.question-actions>.primary{margin-left:auto;min-width:145px}.question-footer{display:flex;justify-content:space-between}.question-footer .btn{padding:6px 0}.quiz-view>p{margin-top:20px}.result-hero{text-align:center;padding:5px 0 18px}.result-hero .eyebrow{margin-top:25px}.result-hero .intro-pills{justify-content:center}.result-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.result-actions .text{width:100%}.axis-reading+.axis-reading{padding-top:20px;border-top:1px solid var(--line);margin-top:20px}
}
@layer components{
.eyebrow{font-size:11px;letter-spacing:.12em;color:var(--muted)}.muted{color:var(--muted)}.small{font-size:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:46px;padding:11px 22px;border:1px solid transparent;border-radius:7px;font-size:14px;line-height:1.5}.primary{background:var(--accent);color:#fffdf5}.primary:hover{filter:brightness(.94)}.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.secondary:hover{background:#eeeede}.text{background:transparent;color:var(--muted);padding:8px 12px}.filter{min-height:44px;padding:9px 19px;border-color:var(--line);background:transparent;color:var(--muted);border-radius:30px;font-size:12px}.filter.active{background:var(--ink);border-color:var(--ink);color:white}.tag{font-size:11px;padding:4px 11px;background:var(--pale);color:var(--accent);border-radius:4px;font-weight:500;display:inline-block}.career{--accent:#3d6150;--pale:#eaf0e4}.love{--accent:#9a5b63;--pale:#f3e7e8}.self{--accent:#9c743e;--pale:#f1ebdb}.personality{--accent:#58658c;--pale:#e9ecf4}.income{--accent:#3d7777;--pale:#e2eeeb}.badge{display:inline-block;font-size:11px;padding:4px 10px;border:1px solid var(--line);border-radius:20px;color:var(--muted)}.panel{background:#fffdf8;border:1px solid var(--line);border-radius:10px;padding:26px;margin:20px 0}.panel h2{margin-bottom:20px}.panel h3{margin:22px 0 8px;font-size:15px}.panel p{font-size:14px;line-height:1.9}.dimension{margin:23px 0}.dimension-top{display:flex;justify-content:space-between;gap:12px;font-size:13px}.dimension-top>span{color:var(--accent);font-size:12px}.track{height:9px;border-radius:5px;background:#ebece3;overflow:hidden;margin:10px 0 7px}.track>span{height:100%;display:block;background:var(--accent);border-radius:5px}.end-labels{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:var(--muted)}.end-labels>span{max-width:48%}.end-labels>span:last-child{text-align:right}details{font-size:12px;color:var(--muted);margin-top:10px}summary{cursor:pointer;min-height:35px;display:list-item;padding:4px 0}details>p{font-size:12px!important}.steps{list-style:none;counter-reset:step;padding:0;display:grid;gap:12px}.steps li{counter-increment:step;display:flex;gap:13px;font-size:14px;align-items:baseline}.steps li:before{content:counter(step,decimal-leading-zero);font-variant-numeric:tabular-nums;color:var(--accent);font-size:12px}.experiment{padding:18px;margin:22px 0;background:var(--pale);border-left:3px solid var(--accent);border-radius:0 6px 6px 0}.experiment strong{font-size:13px}.experiment p{margin-top:7px}.notice,.boundary-notice{font-size:13px;background:#f6ead8;border:1px solid #dbc7a9;border-radius:8px;padding:15px 18px;margin:16px 0;color:#684b27}.boundary-notice h2{font-size:19px;margin-bottom:12px}.modal-backdrop{position:fixed;inset:0;display:grid;place-items:center;padding:24px;background:#14291d85;z-index:50}.modal{background:var(--paper);padding:28px;border-radius:12px;width:min(100%,440px);box-shadow:0 20px 80px #15291d33}.modal h2{margin-bottom:14px}.modal p{font-size:14px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:12px;z-index:99;background:white;padding:12px}.skip-link:focus{top:12px}
}
@media(max-width:760px){.site-header{padding:20px 22px}.hero{grid-template-columns:1fr;padding:40px 0 34px;min-height:auto;gap:18px}.hero h1{font-size:43px;margin:15px 0 20px}.hero-art{height:270px;max-width:380px;width:100%;margin:auto}.note-a{width:235px;top:22px;left:9px;padding:20px}.note-a strong{font-size:23px}.note-b{height:165px;width:205px;right:0;bottom:0;padding:18px}.note-b strong{font-size:17px}.sun{font-size:38px}.art-stamp{width:73px;height:73px;font-size:10px;top:0}.orbit-label{display:none}.hero-copy>p:not(.eyebrow){max-width:500px}.hero .btn{margin-top:24px}.hero-notes{gap:12px;flex-wrap:wrap}.collection{padding-top:28px}.section-heading{display:block}.section-heading h2{font-size:25px}.section-heading>.muted{display:block;margin-top:8px}.filters{gap:7px;margin-top:20px}.filter{padding:9px 14px}.quiz-grid{grid-template-columns:1fr;gap:14px}.quiz-card{padding:22px}.quiz-card h3{font-size:22px;margin-top:22px}.quiz-card>p{min-height:0}.card-bottom{margin-top:20px}.closing-note{padding:23px 21px;gap:15px;align-items:flex-start}.closing-note>span{font-size:37px}.closing-note h2{font-size:18px}.closing-note p{font-size:12px}.site-footer{font-size:10px}.test-main{padding:20px 20px 40px}.test-intro>h1,.result-hero h1{font-size:30px}.panel{padding:21px;margin:17px 0}.panel h2{font-size:20px}.dimension-grid{gap:20px}.dimension-grid h3{font-size:15px}.dimension-grid p{font-size:12px}.question-heading{margin-top:30px}.question-heading h1{font-size:24px}.question-meta{font-size:12px}.option{padding:16px;gap:13px;font-size:15px}.intro-actions .primary{flex:1}.result-actions .btn{flex:1}.result-actions .text{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* 测试与报告采用同一套深色金色视觉，合集仍保留原有浅色入口。 */
body.report-mode{--paper:#101214;--ink:#f2f1e9;--muted:#a0a59f;--line:#303538;--accent:#d4b25e;--pale:#20241f;background:var(--paper);color:var(--ink)}
.report-mode .test-main{--accent:#d4b25e;--pale:#20241f}
.report-mode .brandmark{background:#c7a659;color:#111411}
.report-mode .tag{background:#272719;color:#dfc77b}
.report-mode .primary{background:#d4b25e;color:#171910;font-weight:600}
.report-mode .panel,.report-mode .option{background:#181c1e;border-color:#303538}
.report-mode .option.selected{border-color:#cfaf60;background:#28291e}
.report-mode .selected .option-letter{background:#cfaf60;color:#151710;border-color:#cfaf60}
.report-mode .track{background:#2b3032}.report-mode .track>span{background:#cfaf60}
.report-mode .secondary{color:#e7e7df;border-color:#454b4b}.report-mode .secondary:hover{background:#242829}
.report-mode .experiment{background:#24271e;border-color:#cfaf60}
.report-mode .boundary-notice,.report-mode .notice{background:#28251c;border-color:#75663d;color:#e3d7b5}
.report-mode .modal{background:#1b1f20}.report-mode textarea{background:#111517;color:#ecece4}
.report-mode .site-header,.report-mode .site-footer{border-color:#2d3333}
.edition-label{font-size:12px;letter-spacing:.12em;color:#d4b25e;border-left:2px solid #a88e4b;padding-left:10px;margin-bottom:18px}
.preview-report{padding:25px 27px;border:1px solid #303538;border-radius:12px;background:linear-gradient(155deg,#171b1c,#111416)}
.report-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #323631;padding-bottom:14px;font-size:11px;color:#ddc071}
.report-topline>span:last-child{font-size:9px;letter-spacing:.12em;color:#929a92}
.preview-type{text-align:center;padding:27px 0 10px}.preview-type h1{font-size:31px;line-height:1.6;margin:16px 0 9px;letter-spacing:-.02em}
.preview-type>p{font-size:13px;color:#a7aca4}.preview-type .badge{color:#ddc071;background:#29291e;border-color:#3c3929}
.preview-count{display:flex;align-items:baseline;justify-content:center;gap:8px;margin:15px 0}.preview-count strong{font-size:38px;font-variant-numeric:tabular-nums;color:#debd65;line-height:1.3}.preview-count span{font-size:12px;color:#a1a89e}
.core-conclusion{padding:18px 20px;border:1px solid #303635;border-radius:8px;background:#1a1f21;margin:8px 0 20px}.core-conclusion h2,.free-action h2{font-size:13px;color:#d9bd6b;margin-bottom:8px}.core-conclusion p{font-size:15px;line-height:1.9}.free-action{padding:0 5px 10px}.free-action p{font-size:14px;line-height:1.9;color:#d9ddd3}
.preview-limit{font-size:11px;line-height:1.8;color:#969e92;border-top:1px solid #303631;padding-top:16px;margin-top:15px}
.premium-teaser{position:relative;border:1px solid #34382f;border-radius:12px;padding:25px 27px;margin:22px 0;background:#121618;overflow:hidden}.teaser-heading h2{font-size:19px}.teaser-heading p{font-size:11px;color:#9ca495;margin-top:8px}.locked-sample{padding:22px 0 15px;filter:blur(2px);opacity:.35;user-select:none;pointer-events:none;max-height:180px;overflow:hidden}.locked-sample>div{margin-bottom:20px}.sample-number{display:inline-block;color:#d4b25e;margin-right:12px;font-size:11px}.locked-sample strong{font-size:14px;font-weight:400}.sample-line{height:6px;border-radius:3px;background:#747b63;display:block;margin:13px 0 0 25px;width:85%}.sample-line.short{width:61%;opacity:.6}
.teaser-cta{text-align:center;position:relative;margin-top:-25px;padding:40px 5px 3px;background:linear-gradient(0deg,#121618 85%,transparent)}.teaser-cta h3{font-size:19px;margin:20px 0 10px}.teaser-cta>p{font-size:12px;color:#b6ad89}.teaser-cta .btn{margin:20px 0 10px;min-width:220px}.teaser-cta .availability{font-size:11px;color:#9ea48f}
.lock-symbol{display:block;width:20px;height:17px;border:2px solid #d4b25e;border-radius:3px;position:relative;margin:0 auto}.lock-symbol:before{content:'';position:absolute;border:2px solid #d4b25e;border-bottom:0;width:9px;height:10px;border-radius:7px 7px 0 0;left:3.5px;top:-11px}.lock-symbol:after{content:'';position:absolute;background:#d4b25e;width:2px;height:5px;left:7px;top:5px}
.product-hero{padding:10px 0 18px}.product-hero .eyebrow{margin-bottom:16px}.product-hero h1{font-size:35px;line-height:1.55;margin:20px 0 15px;font-family:"Songti SC","SimSun",serif;font-weight:500}.product-hero>p:not(.eyebrow){color:#a7aea1;font-size:14px}.product-modules{display:grid;gap:24px}.product-modules>div{display:flex;gap:17px}.module-number{font-size:11px;letter-spacing:.1em;color:#d4b25e;font-variant-numeric:tabular-nums}.product-modules h3{margin:0 0 7px}.product-modules p{color:#b0b5a9;font-size:13px}.version-comparison{display:grid;grid-template-columns:1fr 1fr;gap:20px}.version-comparison h3{margin:0 0 10px}.purchase-panel{border:1px solid #6f613d;background:#20231c;border-radius:10px;padding:27px;margin:24px 0;text-align:center}.purchase-panel h2{margin:12px 0}.purchase-panel>p{font-size:13px;color:#c1c6b5;max-width:500px;margin:0 auto 22px}.purchase-panel .btn{display:flex;width:100%;max-width:340px;margin:15px auto}.purchase-panel .back-link{margin:12px auto 0}
.evidence-row+.evidence-row{border-top:1px solid #303538;margin-top:24px;padding-top:7px}.evidence-row blockquote{border-left:2px solid #8e7c47;padding:5px 0 5px 14px;margin:14px 0}.evidence-row blockquote p{font-size:13px;color:#adb4a5}.evidence-row blockquote strong{display:block;margin-top:7px;font-size:12px;color:#dcc47c;font-weight:500}.verification-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.verification-grid h3{margin:7px 0}.verification-grid p{font-size:13px;color:#b5bbaf}
@media(max-width:760px){.preview-report,.premium-teaser{padding:20px 18px}.preview-type h1{font-size:27px}.preview-count strong{font-size:34px}.core-conclusion{padding:16px}.core-conclusion p{font-size:14px}.report-topline{font-size:10px}.report-topline>span:last-child{font-size:8px}.teaser-heading h2{font-size:17px}.teaser-cta h3{font-size:18px}.product-hero h1{font-size:29px}.version-comparison,.verification-grid{grid-template-columns:1fr}.purchase-panel{padding:22px 19px}}
.skip-link{color:#263c33}