:root{--bg:#f7fbfe;--panel:#fff;--text:#18394c;--muted:#506e81;--line:#dbe9f1;--soft:#e8f5fc;--accent:#268bb5;--accent-strong:#167eaa;--radius:28px;--shadow:0 14px 40px -24px rgba(39,103,141,.27)}
:root[data-theme="dark"]{--bg:#122b40;--panel:#19374e;--text:#edf8ff;--muted:#b5cede;--line:#34566f;--soft:#21445f;--accent:#78c9eb;--accent-strong:#78c9eb;color-scheme:dark}
body{background:var(--bg);font-family:Inter,"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.65}
a{color:var(--accent-strong);text-underline-offset:4px}button,a,label{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.sc-header{border-bottom:1px solid var(--line)}.sc-nav{width:min(1200px,calc(100% - 64px));margin:auto;min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.sc-brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;white-space:nowrap}.sc-brand img{width:34px;height:34px;border-radius:10px;object-fit:contain}.sc-brand>span{font-size:27px;font-weight:650;letter-spacing:-1.2px}.sc-brand small{font-size:14px;font-weight:500;letter-spacing:0;border-left:1px solid var(--line);padding-left:16px;margin-left:6px;color:var(--muted)}
.sc-nav nav{display:flex;align-items:center;gap:24px;font-size:14px}.sc-nav nav a{color:var(--muted);text-decoration:none}.sc-nav nav a:hover{color:var(--accent-strong)}#themeToggle{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:var(--panel);color:var(--text);padding:0}
.shell{width:min(1080px,calc(100% - 64px));max-width:none;padding:0;margin:36px auto 0;min-height:calc(100dvh - 240px)}
.hero{margin:0}.sc-intro{padding:52px 44px;display:grid;grid-template-columns:1.25fr 1fr;gap:48px;align-items:center;background:radial-gradient(ellipse at 100% 0,var(--soft),transparent 72%),var(--panel)}.hero::after{display:none}.sc-eyebrow{font-size:11px;letter-spacing:1.8px;color:var(--accent-strong);font-weight:600;margin-bottom:20px}.hero h1{font-size:clamp(32px,4.5vw,48px);font-weight:650;line-height:1.25;letter-spacing:-1.5px}.hero h1 span{color:var(--accent-strong)}.hero .sub{font-size:15px;line-height:1.9;margin-top:20px;max-width:460px}.hero-actions{margin-top:28px}.intro-note{font-size:12px;color:var(--muted);margin-top:18px}
.btn-primary,.btn-secondary{font-weight:550;border-radius:999px;padding:12px 24px;font-size:14px}.btn-primary{background:#167eaa;color:#fff;box-shadow:0 8px 20px -12px #167eaa}.btn-primary:hover{background:#116c94}.btn-primary>span{margin-left:24px;font-size:20px}.btn-secondary{background:var(--panel);color:var(--accent-strong)}
.intro-guide{background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:26px}.guide-label{font-size:12px;color:var(--muted);margin-bottom:8px}.guide-row{display:flex;gap:16px;align-items:center;padding:20px 0}.guide-row+.guide-row{border-top:1px solid var(--line)}.guide-row>span{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;font-size:11px;color:var(--accent-strong);flex-shrink:0}.guide-row h2{font-size:16px;font-weight:600}.guide-row p{font-size:12px;color:var(--muted);margin-top:4px}
.test-wrap,.result-wrap{margin-top:0;padding:32px}.screen-heading{margin-bottom:28px}.screen-heading .sc-eyebrow{margin-bottom:10px}.screen-heading h1{font-size:30px;font-weight:650;letter-spacing:-1px}.screen-heading>p:last-child{font-size:14px;color:var(--muted);margin-top:8px}.topbar{position:sticky;top:0;z-index:3;background:var(--panel);padding:18px 0;border-bottom:1px solid var(--line)}.progress{min-width:120px;height:7px;background:var(--soft)}.progress>span{background:linear-gradient(90deg,#89cfe9,#167eaa)}
.question{padding:24px;background:var(--panel);border-radius:22px}.question-meta{margin-bottom:16px}.badge{font-size:11px;font-weight:550}.question-title{font-weight:500;line-height:1.85}.option{background:var(--panel);padding:15px 18px;cursor:pointer;border-radius:14px}.option:hover,.option:has(input:checked){background:var(--soft);border-color:var(--accent)}.option:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.option input{margin-top:6px}.option-code{font-weight:550}.actions-bottom{padding-top:18px}
.type-box{display:flex;flex-direction:column;justify-content:center;padding:28px}.type-name{font-weight:650;line-height:1.3}.type-subname{line-height:1.9}.match{align-self:flex-start;font-weight:550}.poster-box,.type-box,.analysis-box,.dim-box,.note-box,.author-box{background:var(--panel);border-radius:22px}.poster-box{background:radial-gradient(ellipse at top right,var(--soft),transparent),var(--panel)}.analysis-box,.dim-box,.note-box{padding:24px}.analysis-box p,.author-content p{color:var(--text)}.dim-item,.score-item,.dim-pill,.top3-item{background:var(--panel)}.dim-item-score{font-weight:600}.dim-list{grid-template-columns:repeat(2,minmax(0,1fr))}.dim-item:last-child:nth-child(odd){grid-column:1/-1}.poster-image{max-height:360px;background:#fff}.note-box{background:var(--soft)}
.sc-footer{width:min(1080px,calc(100% - 64px));margin:36px auto 0;padding:24px 0;display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.sc-footer a{text-decoration:none}
@media(max-width:900px){.sc-nav{flex-direction:column;align-items:flex-start;gap:12px;padding:20px 0}.sc-intro{gap:24px;padding:32px}.sc-nav nav{gap:20px}.sc-intro{grid-template-columns:1fr}.intro-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:20px}.guide-label{grid-column:1/-1}.guide-row{display:block;padding:0}.guide-row+.guide-row{border:0}.guide-row>span{margin-bottom:12px}.guide-row h2{font-size:14px}.guide-row p{font-size:11px}.dim-list{grid-template-columns:1fr}}
@media(max-width:600px){.sc-nav,.shell,.sc-footer{width:calc(100% - 32px)}.sc-brand>span{font-size:25px}.sc-brand small{padding-left:10px;font-size:12px}.sc-nav nav{font-size:12px;gap:20px;width:100%}#themeToggle{margin-left:auto}.shell{margin-top:24px}.sc-intro{padding:28px 22px}.hero h1{font-size:34px}.intro-guide{grid-template-columns:1fr;padding:20px;gap:0}.guide-row{display:flex;padding:14px 0}.guide-row+.guide-row{border-top:1px solid var(--line)}.guide-row>span{margin-bottom:0}.guide-label{margin-bottom:8px}.guide-row h2{font-size:15px}.guide-row p{font-size:12px}.test-wrap,.result-wrap{padding:18px}.screen-heading h1{font-size:26px}.question{padding:18px}.question-title{font-size:15px}.option{padding:14px 12px;gap:9px}.type-box{padding:22px}.analysis-box,.dim-box,.note-box{padding:18px}.sc-footer{flex-direction:column;gap:8px}.actions-bottom>div{width:100%}.actions-bottom button{flex:1;padding:12px 14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}