:root{--paper:#eeeade;--ink:#26352f;--accent:#31594c;--muted:#5e6d62;--line:#bec6b9;--night:#142b28;--serif:'Songti SC','Noto Serif SC',SimSun,serif;--sans:'Microsoft YaHei','PingFang SC',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.8;min-width:320px}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button:disabled{cursor:default}header{max-width:1320px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:26px 54px;gap:24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:14px;font:21px var(--serif);letter-spacing:.07em}.seal{font:13px var(--serif);padding:10px 8px;background:var(--accent);color:var(--paper)}.brand-sub{display:block;font:10px var(--sans);letter-spacing:.12em;margin-top:7px;color:var(--muted)}.header-links{display:flex;gap:24px;align-items:center}.text-btn{color:var(--accent);background:transparent;border:0;padding:8px 0;font-size:12px;line-height:1.8}.primary,.secondary{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:16px 24px;min-height:52px;border:1px solid var(--accent);font-size:14px;line-height:1.5;font-weight:500}.primary{background:var(--accent);color:var(--paper)}.primary:hover{filter:brightness(1.12)}.secondary{background:transparent;color:var(--accent)}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.15em;color:var(--muted);margin:0 0 18px;line-height:1.8}.story-hero{max-width:1200px;display:grid;grid-template-columns:1.35fr 1fr;gap:80px;align-items:center;margin:50px auto 36px;padding:0 54px}.story-hero h1{font:500 clamp(55px,6vw,86px)/1.2 var(--serif);letter-spacing:.06em;margin:22px 0 30px}.story-hero h1 span{display:block;font:400 24px/1.7 var(--serif);letter-spacing:.06em;margin-top:22px;color:var(--accent)}.hero-intro{max-width:530px;font-size:15px;line-height:2.1;color:var(--muted);margin:0 0 30px}.hero-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.hero-meta{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:24px;font-size:11px;color:var(--muted)}.scope-note{font-size:11px;line-height:1.9;color:var(--muted);max-width:500px;margin-top:16px}.story-cover{max-width:380px;width:100%;position:relative;justify-self:end;padding:15px;border:1px solid var(--line);background:var(--night)}.story-cover img{width:100%;height:auto;display:block}.cover-edition{position:absolute;left:-20px;bottom:30px;background:var(--accent);color:var(--paper);font-size:11px;letter-spacing:.12em;padding:10px 20px;writing-mode:vertical-rl}.story-guide{max-width:1092px;margin:50px auto 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;display:flex;justify-content:space-between;font-size:12px;letter-spacing:.1em;color:var(--muted)}.disclaimer{font-size:11px;color:var(--muted);max-width:1050px;margin:25px auto 45px;text-align:center;padding:0 24px;line-height:2}footer{max-width:1210px;margin:70px auto 0;padding:24px 30px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;font-size:10px;color:var(--muted)}.quiz-page{max-width:940px;margin:35px auto 55px;padding:0 40px}.quiz-top{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:11px;color:var(--muted)}.count{font-size:25px;font-family:var(--serif);color:var(--ink)}.count i{font-size:13px;font-style:normal;color:var(--muted)}.progress{display:flex;gap:5px;margin:17px 0 28px}.progress i{flex:1;height:3px;background:var(--line)}.progress i.answered{background:var(--accent);opacity:.6}.progress i.active{background:var(--accent);height:5px;margin-top:-1px;opacity:1}.question-card{border:1px solid var(--line);padding:32px 40px 36px;position:relative;background:color-mix(in srgb,var(--paper),white 18%)}.scene-heading{display:flex;align-items:center;gap:24px;padding-bottom:24px;border-bottom:1px solid var(--line)}.scene-number{font:70px/1 var(--serif);color:var(--accent);opacity:.9}.scene-heading .eyebrow{margin-bottom:7px;font-size:9px}.scene-name{font-size:16px;color:var(--accent);margin:0;letter-spacing:.08em}.story-context{font-size:15px;line-height:2.1;margin:26px 0 22px;color:var(--muted)}.question-card h1{font:600 29px/1.65 var(--serif);margin:0 0 28px;color:var(--ink);letter-spacing:.02em}.options{display:flex;flex-direction:column;gap:12px}.option{display:grid;grid-template-columns:34px 1fr 20px;align-items:center;gap:16px;text-align:left;padding:19px 20px;background:transparent;border:1px solid var(--line);color:var(--ink);font-size:15px;line-height:1.9;transition:background .16s,border-color .16s,transform .16s}.letter{font:23px var(--serif);color:var(--accent)}.option-mark{font-size:13px;color:var(--muted);text-align:right}.option:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent),transparent 95%)}.option.selected{background:var(--accent);color:var(--paper);border-color:var(--accent)}.option.selected .letter,.option.selected .option-mark{color:var(--paper)}.quiz-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;font-size:11px;color:var(--muted);min-height:35px}.quiz-bottom p{margin:0}.storage-note{font-size:10px;color:var(--muted);margin:10px 0}.result-page{max-width:1160px;margin:50px auto 70px;padding:0 44px}.result-heading{border-bottom:1px solid var(--line);padding:10px 0 38px}.result-lede{font-size:15px;color:var(--muted);letter-spacing:.05em;margin:20px 0 10px}.result-heading h1{font:600 clamp(56px,8vw,104px)/1.3 var(--serif);letter-spacing:.1em;margin:0;color:var(--accent);overflow-wrap:anywhere}.result-role{font-size:19px;letter-spacing:.1em;margin:13px 0 24px}.tags{display:flex;gap:10px;flex-wrap:wrap}.tags span{border:1px solid var(--line);padding:5px 13px;font-size:11px;color:var(--muted)}.result-feature{display:grid;grid-template-columns:1.3fr 1fr;gap:55px;align-items:center;padding:38px 0}.result-feature h2{font:600 33px/1.65 var(--serif);margin:0 0 21px}.result-feature-copy>p:not(.eyebrow):not(.poster-hint){font-size:15px;line-height:2.1;color:var(--muted)}.match{display:flex;gap:22px;align-items:center;margin:25px 0}.match strong{font:500 55px var(--serif);color:var(--accent)}.match strong small{font-size:23px}.match>span{font-size:10px;line-height:1.9;color:var(--muted)}.poster-hint{font-size:10px;color:var(--muted);margin:13px 0 0}.result-emblem{background:var(--night);color:var(--paper);border:1px solid var(--line);padding:12px;max-width:380px;width:100%;justify-self:end}.result-emblem svg{display:block;width:100%;height:auto}.result-jump{display:flex;gap:32px;border-block:1px solid var(--line);padding:18px 0;align-items:center;font-size:12px;color:var(--accent);flex-wrap:wrap}.reading-section,.dimensions-section,.answers-section{margin-top:70px;scroll-margin-top:30px}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:baseline;border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:32px}.section-heading>span{font-size:9px;letter-spacing:.13em;color:var(--muted);white-space:nowrap}.section-heading h2{font:500 29px/1.6 var(--serif);margin:0}.reading-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px 50px}.reading-block{padding-top:10px}.reading-block h3{font:500 22px/1.6 var(--serif);margin:0 0 20px}.reading-block .eyebrow{margin-bottom:8px}.reading-block>p:not(.eyebrow){font-size:14px;line-height:2.15;color:var(--muted);margin:0 0 15px}.evidence-block{margin-top:40px;border-left:3px solid var(--accent);padding:24px 30px;background:color-mix(in srgb,var(--accent),transparent 96%)}.evidence-block h3{font:500 23px var(--serif);margin:0 0 24px}.evidence-block a{display:block;border-bottom:1px solid var(--line);padding:17px 0}.evidence-block a>span{font-size:11px;color:var(--accent)}.evidence-block a p{font-size:14px;margin:8px 0}.evidence-block a small{font-size:10px;color:var(--muted)}.dimension-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.dimension-card{border:1px solid var(--line);padding:22px}.dimension-card>div:first-child{display:flex;justify-content:space-between;align-items:baseline}.dimension-card h3{font:24px var(--serif);margin:0}.dimension-card strong{font:36px var(--serif);color:var(--accent)}.trait-bar{height:4px;background:var(--line);margin:17px 0;overflow:hidden}.trait-bar i{display:block;height:100%;background:var(--accent)}.dimension-card p{font-size:12px;line-height:2;color:var(--muted);margin:0}.ranking{border-block:1px solid var(--line);margin-top:30px;padding:14px 0}.ranking>summary{font-size:13px;padding:8px 0;cursor:pointer}.ranking>summary>span{float:right}.rank{display:grid;grid-template-columns:30px minmax(86px,1fr) 2fr 50px;gap:15px;align-items:center;font-size:12px}.rank b{font-weight:500}.rank>span{color:var(--muted)}.fine-print{font-size:10px;line-height:2;color:var(--muted)}.analysis-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.analysis-controls p{font-size:12px;color:var(--muted);margin:0}.analysis-controls .text-btn{white-space:nowrap}.answer-detail{border-top:1px solid var(--line);scroll-margin-top:24px}.answer-detail:last-child{border-bottom:1px solid var(--line)}.answer-detail>summary{list-style:none;display:grid;grid-template-columns:40px 1fr 20px;align-items:start;gap:17px;padding:25px 0;cursor:pointer;font:500 19px/1.6 var(--serif)}summary::-webkit-details-marker{display:none}.detail-no{font:22px var(--serif);color:var(--accent)}.answer-detail>summary small{display:block;font:12px/1.9 var(--sans);color:var(--muted);margin-top:9px}.detail-toggle{font:22px var(--sans);color:var(--accent)}.answer-detail[open]>summary .detail-toggle{transform:rotate(45deg)}.answer-body{padding:0 38px 35px 58px}.answer-context{font-size:13px;line-height:2.1;color:var(--muted);padding:18px 22px;background:color-mix(in srgb,var(--accent),transparent 96%)}.answer-body h3{font:500 23px/1.7 var(--serif);margin:24px 0}.analysis-layer{margin:24px 0}.analysis-layer>span,.reflection>span{font-size:11px;font-weight:600;letter-spacing:.06em;color:var(--accent)}.analysis-layer p,.reflection p,.other-paths p{font-size:14px;line-height:2.1;color:var(--muted);margin:8px 0 0}.your-reading{border-left:2px solid var(--accent);padding-left:20px}.other-paths{border-block:1px solid var(--line);padding:14px 0;margin:25px 0}.other-paths summary{cursor:pointer;font-size:12px;color:var(--accent)}.other-paths>div{padding:15px 0}.other-paths h4{font-size:13px;font-weight:500;margin:0}.reflection{margin:25px 0}.result-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin:45px 0}.result-page>.disclaimer{text-align:left;padding:0}.poster-dialog{border:1px solid var(--line);background:var(--paper);color:var(--ink);width:min(660px,94vw);max-height:94svh;padding:22px 28px}.poster-dialog::backdrop,#about::backdrop{background:#09110fe0;backdrop-filter:blur(5px)}.poster-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.poster-dialog h2{font:23px var(--serif);margin:0}.poster-preview{text-align:center;min-height:100px}.poster-preview img{max-width:100%;max-height:64svh;width:auto;display:block;margin:auto;height:auto}.poster-preview img:not([src]){display:none}.poster-message{text-align:center;font-size:11px;color:var(--muted)}.poster-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.poster-actions [hidden]{display:none}.poster-actions a:not([href]){pointer-events:none;opacity:.4}.poster-is-open{overflow:hidden}#about{border:1px solid var(--line);background:var(--paper);color:var(--ink);width:min(660px,90vw);max-height:90svh;padding:38px}#about h2{font:30px var(--serif)}#about p{font-size:13px;color:var(--muted);line-height:2.1}#about .close{display:block;margin-left:auto;background:transparent;border:0;color:var(--ink);font-size:25px}#about a{text-decoration:underline;text-underline-offset:4px}.source-note{font-size:11px!important}.note{font-size:11px;color:var(--muted)}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,10px);max-width:90vw;background:var(--night);color:#fff;padding:12px 22px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:30}#toast.show{opacity:1;transform:translate(-50%,0)}
body[data-theme=guishe]{background-image:radial-gradient(ellipse at 50% 2%,#681e2530,transparent 60%)}body[data-theme=guishe] .story-cover{box-shadow:0 15px 70px #b224331c}body[data-theme=guishe] .question-card{border-top:3px solid var(--accent);background:#101820}body[data-theme=guishe] .scene-number{color:#d9656d}body[data-theme=qianfu] .question-card{background-image:repeating-linear-gradient(0deg,transparent,transparent 31px,#52664b07 32px)}body[data-theme=arknights] .question-card,body[data-theme=arknights] .result-emblem{clip-path:polygon(0 0,96% 0,100% 26px,100% 100%,0 100%)}body[data-theme=arknights] .eyebrow,body[data-theme=arknights] .scene-number{font-family:var(--sans)}body[data-theme=cliff]{background-image:radial-gradient(circle at 10% 20%,#a0c4cf0b 1px,transparent 2px);background-size:51px 51px}body[data-theme=mysteries] .question-card{border-radius:2px;border-block:2px solid var(--accent)}body[data-theme=zhenhuan] .result-heading h1{color:#842d41}body[data-theme=soldiers] .scene-number{font-family:var(--sans);font-weight:700}
@media(max-width:1050px){.story-hero{gap:45px}.story-guide{margin-inline:54px}.result-feature{gap:30px}.dimension-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){header{padding:21px 23px;gap:18px}.brand{font-size:17px;gap:9px}.brand-sub{font-size:8px}.seal{font-size:11px;padding:8px 6px}.header-links{gap:15px}.header-links .text-btn{font-size:10px}.story-hero{grid-template-columns:1fr 1fr;padding:0 26px;gap:28px;margin-top:37px}.story-hero h1{font-size:47px}.story-hero h1 span{font-size:19px}.hero-intro{font-size:13px}.hero-meta{font-size:10px}.story-guide{margin-inline:26px;font-size:10px}.quiz-page{padding:0 25px;margin-top:24px}.question-card{padding:27px}.question-card h1{font-size:25px}.result-page{padding:0 27px;margin-top:30px}.result-feature h2{font-size:27px}.result-feature-copy>p:not(.eyebrow):not(.poster-hint){font-size:14px}.result-feature{grid-template-columns:1.4fr 1fr;gap:24px}.reading-grid{gap:24px}.reading-block h3{font-size:20px}.section-heading{display:block}.section-heading>span{display:block;margin-bottom:12px}.section-heading h2{font-size:26px}.answer-body{padding-left:24px;padding-right:0}.story-hero .primary{font-size:13px;padding:14px 18px}.scope-note{font-size:10px}footer{padding:20px 25px}.poster-dialog{padding:20px}.result-jump{gap:23px}}
@media(max-width:540px){.story-hero{display:flex;flex-direction:column;align-items:stretch;padding:0 23px;gap:34px}.story-hero-copy{padding-top:5px}.story-hero h1{font-size:62px;margin-top:16px;margin-bottom:22px}.story-hero h1 span{font-size:22px;margin-top:17px}.hero-intro{font-size:14px;line-height:2}.story-cover{max-width:285px;align-self:center;padding:10px}.hero-meta{gap:6px 14px}.cover-edition{left:-15px;font-size:10px}.story-guide{margin:35px 23px 0;gap:14px;letter-spacing:0;font-size:10px}.disclaimer{font-size:10px}.quiz-page{padding:0 18px}.quiz-top{font-size:10px;gap:10px}.quiz-top>span:not(.count){max-width:46%;text-align:center}.count{font-size:23px;white-space:nowrap}.count i{font-size:12px}.question-card{padding:22px 19px}.scene-heading{gap:18px;padding-bottom:20px}.scene-number{font-size:56px}.scene-name{font-size:14px;letter-spacing:.03em}.story-context{font-size:14px;line-height:2.05;margin:22px 0}.question-card h1{font-size:23px;line-height:1.65;margin-bottom:23px}.option{padding:15px 13px;gap:10px;grid-template-columns:25px 1fr 13px;font-size:14px;line-height:1.95}.letter{font-size:21px}.quiz-bottom{font-size:10px;align-items:flex-start}.quiz-bottom .text-btn{font-size:10px;white-space:nowrap}.storage-note{font-size:9px}.result-page{padding:0 22px}.result-heading h1{font-size:64px;letter-spacing:.06em}.result-role{font-size:17px}.result-lede{font-size:13px}.tags span{font-size:10px;padding:4px 10px}.result-feature{display:flex;flex-direction:column;align-items:stretch;gap:30px}.result-feature-copy h2{font-size:28px}.result-emblem{max-width:250px;align-self:center}.match{margin:20px 0}.match strong{font-size:47px}.result-jump{gap:18px;font-size:11px}.result-jump .text-btn{font-size:11px}.reading-section,.dimensions-section,.answers-section{margin-top:45px}.section-heading{margin-bottom:22px;padding-bottom:20px}.section-heading h2{font-size:25px}.reading-grid{grid-template-columns:1fr;gap:22px}.reading-block>p:not(.eyebrow){font-size:14px}.reading-block h3{font-size:22px;margin-bottom:16px}.evidence-block{padding:20px;margin-top:27px}.evidence-block h3{font-size:20px;line-height:1.6}.dimension-grid{gap:12px}.dimension-card{padding:17px 14px}.dimension-card h3{font-size:22px}.dimension-card strong{font-size:31px}.dimension-card p{font-size:11px}.rank{grid-template-columns:22px minmax(68px,auto) 1fr 36px;font-size:11px;gap:8px}.analysis-controls{display:block}.analysis-controls p{font-size:11px}.analysis-controls button{margin-top:10px}.answer-detail>summary{grid-template-columns:29px 1fr 15px;gap:12px;font-size:17px;padding:21px 0}.answer-detail>summary small{font-size:11px}.detail-no{font-size:20px}.answer-body{padding:0 0 27px 0}.answer-context{padding:15px;font-size:12px}.answer-body h3{font-size:21px}.analysis-layer p,.reflection p,.other-paths p{font-size:14px}.result-actions{gap:17px;margin-top:30px}.result-actions .primary,.result-actions .secondary{padding:14px 18px;font-size:12px}.poster-dialog{width:96vw;max-height:96svh;padding:18px}.poster-dialog h2{font-size:20px}.poster-preview img{max-height:62svh}.poster-actions .primary,.poster-actions .secondary{font-size:12px;padding:14px 20px}.poster-message{font-size:10px}#about{padding:24px}#about h2{font-size:26px}footer{flex-direction:column;gap:5px;margin-top:45px}.fine-print{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.quiz-bottom:empty{display:none}.analysis-controls{justify-content:flex-end}.story-hero{margin-bottom:60px}