:root{color:#16233b;background:#eaf3fb;font-family:Georgia,"Noto Serif SC",Microsoft YaHei UI,serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}.page-shell{min-height:100vh;padding:clamp(14px,4vw,46px);background:linear-gradient(115deg,rgba(12,57,111,.08) 0 1px,transparent 1px 26px),radial-gradient(circle at 86% 12%,rgba(97,170,230,.4),transparent 30%),linear-gradient(145deg,#f7fbff,#dcebf7 48%,#edf6ff)}.hero-panel{position:relative;width:min(1140px,100%);min-height:calc(100vh - clamp(28px,8vw,92px));margin:0 auto;padding:clamp(18px,4vw,38px);overflow:hidden;border:1px solid rgba(35,90,151,.2);border-radius:28px;background:#ffffffc2;box-shadow:0 28px 88px #193e6c2e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-panel:before{content:"";position:absolute;inset:18px auto 18px 50%;width:1px;background:linear-gradient(transparent,rgba(24,86,151,.2),transparent)}.brand-row{position:relative;z-index:1;display:flex;align-items:center;gap:10px;color:#164d91;font-family:Aptos,Microsoft YaHei UI,sans-serif;font-weight:850;letter-spacing:0}.brand-mark,.result-icon{display:inline-grid;width:38px;height:38px;place-items:center;border-radius:13px;color:#fff;background:linear-gradient(135deg,#0c4f9b,#4aa4ee);box-shadow:0 12px 28px #145ca847}.content-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(270px,.92fr) minmax(320px,1.08fr);gap:clamp(24px,5vw,64px);align-items:center;min-height:calc(100vh - 172px);padding:22px 0 8px}.intro-copy{max-width:500px}.eyebrow{margin:0 0 12px;color:#2b75bd;font-family:Aptos,Microsoft YaHei UI,sans-serif;font-size:.78rem;font-weight:900;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:20px;color:#102647;font-size:clamp(2.55rem,8vw,6.5rem);line-height:.92;letter-spacing:0}.lead{margin-bottom:22px;max-width:35rem;color:#405d7e;font-size:clamp(1rem,2vw,1.18rem);line-height:1.9}.chapter-note{display:inline-flex;align-items:center;gap:8px;margin-bottom:30px;padding:10px 13px;border:1px solid rgba(43,117,189,.18);border-radius:999px;color:#245985;background:#ffffffa8;font-family:Aptos,Microsoft YaHei UI,sans-serif;font-size:.92rem;font-weight:750}.meter{width:min(360px,100%);height:9px;overflow:hidden;border:1px solid rgba(47,116,189,.14);border-radius:999px;background:#d9e9f7}.meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0b549f,#60b5f7);transition:width .32s ease}.meter-text{margin:10px 0 0;color:#547191;font-family:Aptos,Microsoft YaHei UI,sans-serif;font-weight:800}.test-card{width:100%;min-height:560px;padding:clamp(20px,4vw,34px);border:1px solid rgba(34,93,158,.18);border-radius:26px;background:linear-gradient(90deg,rgba(22,84,151,.08),transparent 18px),#ffffffe8;box-shadow:0 26px 64px #1e498036}.section-title{display:flex;align-items:center;gap:12px;margin-bottom:28px;color:#155da9}.section-title h2,.question-view h2,.result-modal h2{margin:0;color:#112d55;font-size:clamp(1.42rem,4vw,2rem);line-height:1.28}.profile-form{display:flex;flex-direction:column;min-height:492px}.field-label{margin-bottom:10px;color:#385675;font-family:Aptos,Microsoft YaHei UI,sans-serif;font-weight:850}input{width:100%;height:58px;margin-bottom:24px;padding:0 18px;border:1px solid #c4daef;border-radius:17px;color:#10284d;background:#f9fcff;outline:none;box-shadow:inset 0 1px #ffffffe6}input:focus{border-color:#348bdb;box-shadow:0 0 0 4px #348bdb24}.gender-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:22px}.choice,.answer{border:1px solid #c6dcf2;color:#1d416b;background:#fbfdff;box-shadow:0 12px 28px #1f5fa614;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}.choice{height:58px;border-radius:17px;font-family:Aptos,Microsoft YaHei UI,sans-serif;font-weight:850}.choice:hover,.answer:hover{transform:translateY(-2px);border-color:#6aaae3;box-shadow:0 18px 34px #1f5fa629}.choice.active,.answer.active{border-color:#1269c4;color:#fff;background:linear-gradient(135deg,#0f5fab,#4ca6ee);box-shadow:0 20px 42px #1567be45}.error-text{margin:0 0 16px;color:#b42318;font-family:Aptos,Microsoft YaHei UI,sans-serif;font-weight:800}.primary-action,.ghost-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 18px;border-radius:16px;font-family:Aptos,Microsoft YaHei UI,sans-serif;font-weight:900}.primary-action{margin-top:auto;border:0;color:#fff;background:#0f63b7;box-shadow:0 18px 34px #126cc747}.ghost-action{border:1px solid #c8def4;color:#24527f;background:#fff}.question-view{display:flex;flex-direction:column;min-height:492px}.question-topline,.nav-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.question-topline{margin-bottom:18px;color:#226eb8;font-family:Aptos,Microsoft YaHei UI,sans-serif;font-size:.9rem;font-weight:900}.answers{display:grid;gap:14px;margin:28px 0}.answer{display:flex;min-height:68px;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border-radius:19px;text-align:left;font-family:Aptos,Microsoft YaHei UI,sans-serif;font-weight:800;line-height:1.38}.nav-row{margin-top:auto}.modal-backdrop{position:fixed;inset:0;display:grid;place-items:center;padding:20px;background:#0c1f3a6e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.result-modal{width:min(450px,100%);padding:34px;border:1px solid rgba(35,90,151,.16);border-radius:26px;text-align:center;background:#fff;box-shadow:0 30px 90px #0d274b57}.result-modal .result-icon{margin-bottom:18px}.result-modal p{margin:16px 0 28px;color:#315173;font-size:1.2rem;font-weight:850;line-height:1.7}.site-footer{width:min(1140px,100%);margin:14px auto 0;text-align:center;font-family:Aptos,Microsoft YaHei UI,sans-serif;font-size:.82rem;line-height:1.6}.site-footer a{color:#496884;text-decoration:none}.site-footer a:hover{color:#0f63b7;text-decoration:underline}@media(max-width:800px){.page-shell{padding:12px}.hero-panel{min-height:calc(100vh - 24px);border-radius:23px}.hero-panel:before{display:none}.content-grid{grid-template-columns:1fr;min-height:0;gap:22px}.intro-copy{max-width:none}h1{max-width:7ch}.lead{margin-bottom:18px}.chapter-note{align-items:flex-start;border-radius:18px}.test-card{min-height:520px;border-radius:23px}.profile-form,.question-view{min-height:456px}.nav-row{align-items:stretch;flex-direction:column}.primary-action,.ghost-action{width:100%}.site-footer{margin-top:10px;padding:0 8px 4px;font-size:.76rem}}