:root{--bg:#f4f6fa;--card:#ffffff;--ink:#121926;--ink-2:#4a5568;--ink-3:#7b8794;--blue:#2962c2;--blue-l:#e8f0fe;--blue-d:#1a4390;--amber:#e6a020;--amber-l:#fef9ee;--border:#dde2ea;--shadow-lg:6px 6px 0 rgba(0,0,0,.1);--shadow-blue:3px 3px 0 rgba(41,98,194,.1);--card-alt:#fafbfd;--amber-text:#8b6914;--motion-fast:.16s;--motion-base:.26s;--motion-slow:.38s;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-press:cubic-bezier(.34, 1.56, .64, 1);--space-section:28px;--space-block:24px;--font:system-ui,-apple-system,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;--max-w:620px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html{-webkit-tap-highlight-color:transparent}body{font-family:var(--font);background:var(--bg);color:var(--ink);line-height:1.6;min-height:100dvh;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}#app{max-width:var(--max-w);margin:0 auto;padding:20px 16px;min-height:100dvh;display:flex;align-items:center;justify-content:center}.page{display:none;width:100%}.page.active{display:block;animation:pageEnter var(--motion-slow) var(--ease-out)}@keyframes pageEnter{0%{opacity:0;transform:scale(.98) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes riseIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes tapPulse{0%,to{transform:scale(1)}40%{transform:scale(.95)}}#page-intro{text-align:center}.intro-stamp{font-size:3.5rem;margin-bottom:20px;display:block;animation:stampHit .6s var(--ease-press) both}@keyframes stampHit{0%{transform:scale(0) rotate(-30deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}@media(prefers-reduced-motion:reduce){.intro-stamp,.page.active{animation:none}}.intro-title{text-align:center;margin-bottom:24px}.intro-title-line1{display:block;font-size:5rem;font-weight:1000;letter-spacing:.04em;line-height:1;color:var(--blue);text-shadow:3px 3px 0 rgba(41,98,194,.12)}.intro-title-line2{display:block;font-size:1.15rem;font-weight:800;letter-spacing:.12em;color:var(--ink-2);margin-top:4px}.intro-divider{width:48px;height:4px;background:var(--amber);margin:24px auto}.intro-subtitle{text-align:center;font-size:1.05rem;color:var(--ink-2);margin-bottom:10px;line-height:1.5}.intro-summary{text-align:center;font-size:.86rem;color:var(--ink-3);margin-bottom:18px}.intro-models{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 auto 28px;max-width:560px}.intro-model-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;background:var(--card-alt);border:2px solid var(--border);color:var(--ink-2);font-size:.78rem;font-weight:700;box-shadow:var(--shadow-blue)}.intro-chip-code{color:var(--blue);font-weight:900;font-size:.8rem;letter-spacing:.06em}.intro-chip-text{white-space:nowrap}.intro-footnote{text-align:center;margin-top:28px;font-size:.8rem;color:var(--ink-3);max-width:480px;margin-left:auto;margin-right:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:none;cursor:pointer;font-family:var(--font);font-weight:700;transition:transform var(--motion-fast) ease,background var(--motion-fast) ease,border-color var(--motion-fast) ease,box-shadow var(--motion-base) var(--ease-out),color var(--motion-fast) ease;touch-action:manipulation;-webkit-user-select:none;user-select:none;outline:0;will-change:transform}.btn:focus:not(:focus-visible){outline:0}.btn:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.btn-primary{background:var(--blue);color:#fff;padding:16px 40px;font-size:1.1rem;border:3px solid var(--blue-d);box-shadow:var(--shadow-lg)}@media(hover:hover){.btn-primary:hover{background:var(--blue-d);transform:translateY(-2px);box-shadow:8px 8px #00000024}}.btn-primary.pressing,.btn-primary:active{background:var(--blue-d);transform:translateY(0) scale(.97)}.btn-primary.pressing{animation:.25s tapPulse}.btn-outline{background:0 0;color:var(--blue);padding:14px 32px;font-size:1rem;border:3px solid var(--blue)}@media(hover:hover){.btn-outline:hover{background:var(--blue-l);transform:translateY(-2px);box-shadow:var(--shadow-blue)}}.btn-outline.pressing,.btn-outline:active{background:var(--blue)!important;color:#fff!important;border-color:var(--blue-d)!important;transform:translateY(0) scale(.97)}.btn-option{display:flex;align-items:flex-start;gap:12px;width:100%;text-align:left;padding:16px 18px;margin-bottom:10px;background:var(--card);border:2.5px solid var(--border);color:var(--ink);font-size:.95rem;font-weight:500;line-height:1.55;cursor:pointer;font-family:var(--font);transition:transform var(--motion-fast) ease,background var(--motion-fast) ease,border-color var(--motion-fast) ease,box-shadow var(--motion-base) var(--ease-out),color var(--motion-fast) ease;touch-action:manipulation;-webkit-user-select:none;user-select:none;outline:0;will-change:transform}.btn-option:focus:not(:focus-visible){outline:0;background:var(--card);color:var(--ink);border-color:var(--border)}.btn-option:focus-visible{outline:3px solid var(--blue);outline-offset:3px}@media(hover:hover){.btn-option:hover{transform:translateY(-2px);border-color:var(--blue);background:var(--blue-l);box-shadow:var(--shadow-blue)}}.btn-option.pressing,.btn-option.selected,.btn-option:active{background:var(--blue)!important;color:#fff!important;border-color:var(--blue-d)!important;transform:translateY(0) scale(.985);box-shadow:none}.quiz-card .options .btn-option{animation:riseIn var(--motion-base) var(--ease-out) both}.quiz-card .options .btn-option:first-child{animation-delay:0s}.quiz-card .options .btn-option:nth-child(2){animation-delay:.06s}.quiz-card .options .btn-option:nth-child(3){animation-delay:.12s}.quiz-nav{margin-top:16px;display:flex;flex-direction:column;gap:12px}.nav-dots{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.quiz-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.qdot{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;font-size:.7rem;font-weight:800;border:2px solid var(--border);background:var(--card);color:var(--ink-3);cursor:pointer;transition:transform var(--motion-fast) ease,background var(--motion-fast) ease,border-color var(--motion-fast) ease,color var(--motion-fast) ease;padding:0;outline:0}.qdot:focus-visible{outline:3px solid var(--blue);outline-offset:2px}@media(hover:hover){.qdot:hover{transform:translateY(-1px);border-color:var(--blue);color:var(--blue)}}.qdot.answered{background:var(--blue-l);border-color:var(--blue);color:var(--blue)}.qdot.active{background:var(--blue);border-color:var(--blue-d);color:#fff}.qdot.disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.btn-nav{display:inline-flex;align-self:center;padding:8px 20px;font-size:.82rem;font-weight:700;cursor:pointer;font-family:var(--font);transition:transform var(--motion-fast) ease,background var(--motion-fast) ease,border-color var(--motion-fast) ease,color var(--motion-fast) ease;touch-action:manipulation;-webkit-user-select:none;user-select:none;outline:0}.btn-nav:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.btn-nav-back{background:0 0;color:var(--blue);border:2px solid var(--blue)}@media(hover:hover){.btn-nav-back:hover{background:var(--blue-l);transform:translateY(-1px)}}.btn-nav-back.pressing,.btn-nav-back:active{background:var(--blue)!important;color:#fff!important;border-color:var(--blue-d)!important;transform:scale(.97)}.btn-nav-done{background:var(--blue);color:#fff;border:2px solid var(--blue-d)}@media(hover:hover){.btn-nav-done:hover{background:var(--blue-d);transform:translateY(-1px)}.quiz-back-link:hover{color:var(--blue)}}.btn-nav-done.pressing,.btn-nav-done:active{background:var(--blue-d)!important;transform:scale(.97)}.quiz-card{background:var(--card);border:3px solid var(--border);padding:28px 24px;box-shadow:var(--shadow-lg)}.quiz-topbar{display:flex;align-items:center;margin-bottom:12px}.quiz-back-link{flex:1;font-size:.82rem;font-weight:800;color:var(--ink-3);background:0 0;border:none;padding:0;cursor:pointer;font-family:var(--font);text-align:left;transition:color var(--motion-fast) ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;outline:0}.quiz-back-link:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.quiz-qnum{flex:1;text-align:center;font-size:.8rem;font-weight:800;color:var(--blue);background:var(--blue-l);padding:4px 14px;border:2px solid var(--blue)}.quiz-progress{flex:1;text-align:right;font-size:.82rem;font-weight:800;color:var(--ink-3)}.progress-bar{height:8px;background:var(--border);overflow:hidden;margin-bottom:28px}.progress-fill{height:100%;background:var(--blue);transition:width var(--motion-slow) var(--ease-out);width:0%}.quiz-body{margin-bottom:24px}.question-text{font-size:1.08rem;font-weight:700;line-height:1.7;color:var(--ink)}.result-card{background:var(--card);border:3px solid var(--border);padding:36px 24px 28px;box-shadow:var(--shadow-lg)}.result-card>*{animation:riseIn var(--motion-base) var(--ease-out) both}.result-card>:first-child{animation-delay:.02s}.result-card>:nth-child(2){animation-delay:.05s}.result-card>:nth-child(3){animation-delay:.08s}.result-card>:nth-child(4){animation-delay:.11s}.result-card>:nth-child(5){animation-delay:.14s}.result-card>:nth-child(6){animation-delay:.17s}.result-card>:nth-child(7){animation-delay:.2s}.result-card>:nth-child(8){animation-delay:.23s}.result-card>:nth-child(9){animation-delay:.26s}.result-banner{text-align:center;margin-bottom:20px;border:3px solid var(--blue);padding:22px 16px 26px;background:var(--blue-l)}.result-avatar-wrap{display:flex;justify-content:center;margin-bottom:12px}.result-avatar{width:96px;height:96px;border-radius:999px;border:3px solid var(--blue);background:#fff;box-shadow:var(--shadow-blue);object-fit:cover}.result-kicker{font-size:.78rem;font-weight:800;letter-spacing:.1em;color:var(--ink-3);text-transform:uppercase;margin-bottom:8px}.result-code{font-size:3.5rem;font-weight:1000;letter-spacing:.03em;color:var(--blue);line-height:1.1}.result-name{font-size:1.2rem;font-weight:800;color:var(--ink);margin-top:4px}.result-meta-row{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap;margin-bottom:16px}.result-badge{display:inline-block;padding:4px 14px;font-size:.8rem;font-weight:700;color:var(--blue);background:var(--blue-l);border:2px solid var(--blue)}.result-level{font-size:.84rem;font-weight:700;color:var(--amber)}.result-context-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin-bottom:var(--space-section)}.result-context-card{padding:14px 16px;border:2px solid var(--border);background:var(--card-alt)}.context-label{font-size:.76rem;font-weight:900;letter-spacing:.06em;color:var(--ink-3);text-transform:uppercase;margin-bottom:10px}.result-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start}.tag{display:inline-block;padding:4px 10px;font-size:.74rem;font-weight:700;background:var(--amber-l);color:var(--amber-text);border:2px solid var(--amber)}.dim-row,.disclaimer,.result-quote,.result-secondary,.top-item{transition:transform var(--motion-fast) ease,border-color var(--motion-fast) ease,background var(--motion-fast) ease,box-shadow var(--motion-base) var(--ease-out)}.result-quote{font-size:1.05rem;font-weight:700;color:var(--ink);padding:18px 20px;margin-bottom:20px;background:var(--card-alt);border-left:5px solid var(--blue);line-height:1.65}.result-desc{font-size:.9rem;color:var(--ink-2);line-height:1.85;margin-bottom:var(--space-section);text-align:left}.result-secondary{display:flex;flex-direction:column;align-items:flex-start;gap:0;background:var(--amber-l);border:2px solid var(--amber);font-size:.85rem;font-weight:600;color:var(--amber-text)}.secondary-info{line-height:1.65}.result-section{margin-bottom:var(--space-section)}.section-title{font-size:.95rem;font-weight:900;color:var(--ink);text-align:center;margin-bottom:18px;display:flex;align-items:center;gap:12px}.section-title:after,.section-title:before{content:"";flex:1;height:2px;background:var(--border)}.section-title span{flex-shrink:0}.radar-wrap{display:flex;justify-content:center;margin-bottom:var(--space-block);padding:8px 0 4px;overflow:visible;animation:riseIn var(--motion-base) var(--ease-out) .1s both}#radar-chart{display:block;width:min(100%,360px);height:auto;overflow:visible}.dim-row{padding:14px 16px;border:2px solid var(--border);margin-bottom:10px;background:var(--card-alt);animation:riseIn var(--motion-base) var(--ease-out) both}.dim-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.dim-name{font-size:.88rem;font-weight:800;color:var(--ink)}.dim-level{font-size:.72rem;font-weight:800;padding:3px 10px;border:2px solid}.level-low{background:#fef5e8;color:#b8860b;border-color:#e6a020}.level-mid{background:#e8eef8;color:#2962c2;border-color:#2962c2}.level-high{background:#e0ecf8;color:#1a4390;border-color:#1a4390}.dim-desc{font-size:.8rem;color:var(--ink-2);line-height:1.55}.top-item{display:flex;align-items:center;gap:12px;padding:13px 16px;border:2px solid var(--border);margin-bottom:8px;background:var(--card-alt);animation:riseIn var(--motion-base) var(--ease-out) both}.top-item:first-child{border-color:var(--blue);border-width:3px}.top-rank{font-size:.78rem;font-weight:900;color:var(--ink-3);min-width:32px}.top-item:first-child .top-rank{color:var(--blue)}.top-code{font-size:.88rem;font-weight:900;color:var(--blue);min-width:70px}.top-name{font-size:.84rem;color:var(--ink);flex:1;font-weight:600}.top-sim{font-size:.82rem;font-weight:800;color:var(--ink-3)}.disclaimer{margin:20px 0 24px;padding:14px 16px;background:#fef9ee;border:2px solid var(--amber);font-size:.8rem;color:#7b6918;line-height:1.6;text-align:left}.result-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}@media(hover:hover){.dim-row:hover{transform:translateY(-2px);border-color:var(--blue);box-shadow:var(--shadow-blue)}.top-item:hover{transform:translateY(-2px);border-color:var(--blue);background:var(--blue-l);box-shadow:var(--shadow-blue)}.disclaimer:hover,.result-quote:hover,.result-secondary:hover{transform:translateY(-2px);box-shadow:var(--shadow-blue)}}@media(max-width:480px){:root{--space-section:24px;--space-block:20px}#app{padding:14px 12px;align-items:flex-start}.intro-title-line1{font-size:3.5rem}.intro-stamp{font-size:2.5rem}.result-code{font-size:2.6rem}.quiz-card,.result-card{padding:20px 16px}.result-banner{padding:20px 12px 24px}.result-avatar{width:86px;height:86px}.result-meta-row{margin-bottom:14px}.result-quote{font-size:.95rem;padding:14px}.intro-models{gap:8px;margin-bottom:24px}.intro-model-chip{padding:7px 10px;font-size:.74rem}.intro-chip-text{white-space:normal}.result-section{margin-bottom:24px}.result-context-grid{grid-template-columns:1fr;gap:10px}.result-actions{gap:10px}.result-actions .btn{width:100%}.dim-row,.disclaimer,.result-context-card,.top-item{padding-left:14px;padding-right:14px}.radar-wrap{padding-top:12px}}@media(max-width:360px){:root{--space-section:20px;--space-block:16px}#app{padding:10px 8px}.intro-title-line1{font-size:2.6rem}.result-code{font-size:2rem}.quiz-card,.result-card{padding:14px 10px}.btn-primary{padding:14px 28px;font-size:1rem}.btn-option{padding:14px;font-size:.9rem;min-height:48px}.result-banner{margin-bottom:16px}.result-avatar{width:78px;height:78px}.result-tags{gap:6px;margin-bottom:16px}.top-item{gap:10px;padding:12px}.top-code{min-width:58px}.dim-row,.result-context-card{padding:12px}.radar-wrap{padding-top:14px}}@media(prefers-reduced-motion:reduce){.dim-row,.quiz-card .options .btn-option,.result-card>*,.top-item{animation:none}.btn,.btn-option,.dim-row,.disclaimer,.progress-fill,.result-quote,.result-secondary,.top-item{transition:none}}