:root{--bg: #eef4f8;--surface: rgba(255, 255, 255, .84);--surface-strong: rgba(255, 255, 255, .96);--text: #17212b;--text-secondary: #5f6c78;--muted: #8b98a4;--accent: #1677b9;--accent-strong: #0f5f97;--accent-soft: #dff2ff;--accent-pale: #f3faff;--green: #2ca58d;--line: rgba(23, 33, 43, .15);--line-soft: rgba(23, 33, 43, .08);--radius: 14px;--shadow: 0 26px 70px rgba(42, 72, 96, .18);--shadow-soft: 0 12px 32px rgba(42, 72, 96, .1);--font: system-ui, -apple-system, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--max-width: 1120px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{min-height:100%}body{min-height:100dvh;font-family:var(--font);color:var(--text);line-height:1.6;background:linear-gradient(135deg,rgba(22,119,185,.1),transparent 36%),linear-gradient(225deg,rgba(44,165,141,.08),transparent 40%),linear-gradient(180deg,#f6fbff 0%,var(--bg) 100%)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(23,33,43,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(23,33,43,.026) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.38),transparent 72%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.38),transparent 72%)}#app{width:100%;max-width:var(--max-width);min-height:100dvh;margin:0 auto;padding:28px 18px;display:flex;align-items:center;justify-content:center}.page{display:none;width:100%}.page.active{display:block;animation:pageIn .28s ease both}@keyframes pageIn{0%{opacity:0}to{opacity:1}}.card{position:relative;overflow:hidden;background:var(--surface);border:1px solid rgba(255,255,255,.88);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.86),transparent 160px),linear-gradient(135deg,rgba(22,119,185,.08),transparent 46%)}.card>*{position:relative}#page-intro{max-width:520px;margin:0 auto}#page-quiz{max-width:860px;margin:0 auto}.intro-card{padding:54px 32px 38px;text-align:center}.intro-card:after{content:"LLMTI";position:absolute;top:18px;right:22px;color:#1677b91a;font-size:3.5rem;font-weight:900;letter-spacing:0;line-height:1}.intro-title{margin-bottom:30px;color:var(--text);font-size:2.9rem;font-weight:900;line-height:1.14}.intro-credit{margin-top:22px;color:var(--text-secondary);font-size:.9rem}.intro-note{margin-top:8px;color:var(--muted);font-size:.82rem}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border:1px solid transparent;border-radius:var(--radius);padding:11px 24px;font-family:var(--font);font-size:.98rem;font-weight:750;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease,opacity .18s ease}.btn:disabled{cursor:not-allowed;opacity:.42}.btn-primary{color:#fff;background:linear-gradient(180deg,#248bd0,var(--accent));box-shadow:0 12px 26px #1677b938}.btn-primary:hover:not(:disabled){background:linear-gradient(180deg,#1e82c4,var(--accent-strong))}.btn-secondary{color:var(--text-secondary);background:#ffffffc2;border-color:var(--line)}.btn-secondary:hover:not(:disabled){border-color:#1677b96b;color:var(--accent-strong)}.btn-option{display:block;width:100%;min-height:44px;margin-bottom:14px;padding:11px 18px;color:var(--text);background:#ffffff94;border:1px solid rgba(23,33,43,.56);border-radius:var(--radius);box-shadow:none;font-size:1rem;font-weight:650;line-height:1.55;text-align:center}.btn-option:hover{border-color:var(--accent)}.btn-option.is-selected{color:#123142;background:linear-gradient(180deg,#e9f7ff,#cfecff);border-color:var(--accent);box-shadow:0 0 0 1px #1677b91a,0 12px 30px #1677b92e}.quiz-card{margin-top:74px;padding:32px}.quiz-head{max-width:620px;margin:0 auto 24px;text-align:center}.quiz-kicker{color:var(--accent);font-size:.78rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.quiz-title{margin-top:6px;color:var(--text);font-size:2rem;font-weight:900;line-height:1.2}.quiz-subtitle{margin-top:8px;color:var(--text-secondary);font-size:.95rem}.quiz-progress-floating{position:fixed;top:calc(env(safe-area-inset-top,0px) + 8px);left:50%;transform:translate(-50%);z-index:24;width:min(620px,calc(100vw - 28px));margin:0;padding:10px 12px 8px;background:#f6fbffd6;border:1px solid rgba(22,119,185,.14);border-radius:var(--radius);box-shadow:0 8px 24px #2a48601a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.progress-bar{height:8px;max-width:100%;margin:0 0 8px;overflow:hidden;background:#1677b91a;border:1px solid rgba(22,119,185,.18);border-radius:var(--radius);box-shadow:inset 0 1px 3px #1677b91a}.progress-fill{width:0%;height:100%;background:linear-gradient(90deg,#2aa6df,var(--accent));border-radius:var(--radius);box-shadow:0 0 18px #1677b96b;transition:width .25s ease}.progress-text{margin-bottom:0;color:var(--text);font-size:1.02rem;font-weight:850;text-align:center}.questions{display:grid;gap:16px}.question-card{position:relative;padding:22px;background:#ffffffbd;border:1px solid var(--line-soft);border-radius:var(--radius);box-shadow:0 10px 28px #2a486014}.question-card.is-unanswered{border-color:#1677b938}.question-meta{padding-right:7rem;margin-bottom:8px;color:var(--accent);font-size:.78rem;font-weight:900;letter-spacing:0}.question-dim-hint{position:absolute;top:20px;right:22px;color:var(--muted);font-size:.78rem;font-weight:750}.question-text{color:var(--text);font-size:1.12rem;font-weight:900;line-height:1.68;text-align:left}.options{display:grid;gap:10px;margin-top:16px}.quiz-submit{position:sticky;bottom:14px;display:flex;align-items:center;justify-content:flex-end;gap:14px;margin-top:24px;padding:8px 0 0;background:transparent}.quiz-submit-copy{flex:1;color:var(--text-secondary);font-size:.92rem;line-height:1.6}.quiz-submit .btn{min-width:180px}.result-card{padding:22px;text-align:left}.result-hero{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);gap:18px;align-items:stretch;margin-bottom:26px}.result-visual,.result-summary{background:var(--surface-strong);border:1px solid var(--line-soft);border-radius:var(--radius);box-shadow:var(--shadow-soft)}.result-visual{min-height:410px;padding:18px;display:flex;flex-direction:column;justify-content:space-between}.result-image-frame{position:relative;width:100%;min-height:0;flex:1;display:flex;align-items:center;justify-content:center}.result-image{width:100%;max-height:100%;min-height:0;display:block;object-fit:contain;border-radius:var(--radius)}.result-image-prefix{flex:0 0 auto;margin-bottom:10px;color:#17212bbd;font-size:1.08rem;font-weight:850;line-height:1.2;text-align:center}.result-visual-title{margin-top:14px;color:var(--text-secondary);font-size:.92rem;line-height:1.75}.result-summary{padding:24px 22px}.result-kicker{display:inline-flex;min-height:26px;align-items:center;margin-bottom:14px;padding:3px 10px;color:var(--accent-strong);background:var(--accent-pale);border:1px solid rgba(22,119,185,.18);border-radius:var(--radius);font-size:.82rem;font-weight:800;letter-spacing:0}.result-code{color:var(--accent);font-size:3.2rem;font-weight:900;letter-spacing:0;line-height:1.05;overflow-wrap:anywhere}.result-name{margin:6px 0 18px;color:var(--text);font-size:1.45rem;font-weight:850}.result-badge{display:inline-block;max-width:100%;margin-bottom:22px;padding:7px 14px;color:var(--accent-strong);background:linear-gradient(180deg,#eaf8ff,var(--accent-soft));border:1px solid rgba(22,119,185,.18);border-radius:var(--radius);font-size:.84rem;font-weight:800;overflow-wrap:anywhere}.result-intro{max-width:34rem;margin:0 0 16px;color:var(--text);font-size:1rem;font-weight:800}.result-desc{margin-bottom:0;padding-top:18px;color:var(--text-secondary);border-top:1px solid var(--line-soft);font-size:.92rem;line-height:1.9;text-align:left}.result-secondary{margin-top:18px;padding:12px 14px;background:var(--accent-pale);border:1px solid rgba(22,119,185,.18);border-radius:var(--radius)}.secondary-label{margin-bottom:4px;color:var(--muted);font-size:.8rem}.secondary-info{color:var(--accent);font-size:.9rem;font-weight:800}.section-title{margin:30px 0 14px;color:var(--text);font-size:1rem;font-weight:900;text-align:left}.dimensions-detail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:24px}.dim-row{min-width:0;padding:13px 14px;background:#ffffffb8;border:1px solid var(--line-soft);border-radius:var(--radius)}.dim-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:6px}.dim-name{min-width:0;color:var(--text);font-size:.86rem;font-weight:850;overflow-wrap:anywhere}.dim-level{flex:0 0 auto;padding:2px 8px;border-radius:var(--radius);font-size:.72rem;font-weight:900}.level-low{color:#8b5a00;background:#fff3d7}.level-mid{color:var(--accent-strong);background:var(--accent-soft)}.level-high{color:#176a55;background:#dff6ee}.dim-desc{color:var(--text-secondary);font-size:.8rem;line-height:1.55}.top-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line-soft)}.top-item:last-child{border-bottom:none}.top-rank{min-width:28px;color:var(--muted);font-size:.8rem;font-weight:900}.top-code{min-width:78px;color:var(--accent);font-size:.88rem;font-weight:900;overflow-wrap:anywhere}.top-name{min-width:0;flex:1;color:var(--text);font-size:.86rem;overflow-wrap:anywhere}.top-sim{color:var(--text-secondary);font-size:.82rem;font-weight:800}.disclaimer{margin-top:24px;padding:14px;color:var(--text-secondary);background:#ffffffb8;border:1px solid var(--line-soft);border-radius:var(--radius);font-size:.8rem;line-height:1.6}.result-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px}@media(max-width:820px){#app{align-items:flex-start;justify-content:center}#page-intro.page.active{min-height:calc(100dvh - 56px);display:flex;align-items:center;justify-content:center;width:95%}#page-intro.page.active .intro-card{width:95%}.result-card{padding:16px}.result-hero{grid-template-columns:1fr;gap:14px}.result-visual{min-height:0;padding:14px}.result-image{max-height:420px}.result-image-prefix{margin-bottom:8px;font-size:.98rem}.result-summary{padding:22px 18px}.result-code{font-size:2.75rem;overflow-wrap:anywhere}.dimensions-detail{grid-template-columns:1fr}.top-item{flex-wrap:wrap;gap:4px 10px}.top-rank{min-width:24px}.top-code{min-width:0}.top-name{flex-basis:100%;padding-left:34px}}@media(max-width:480px){#app{padding:18px 14px}.intro-card{padding:46px 20px 34px}.intro-card:after{top:14px;right:14px;font-size:2.5rem}.intro-title{font-size:2.1rem}.quiz-card{margin-top:68px;padding:30px 18px 24px}.quiz-progress-floating{top:calc(env(safe-area-inset-top,0px) + 6px);width:calc(100vw - 20px);padding:9px 10px 7px}.question-text{font-size:1.04rem}.question-card{padding:18px 14px}.question-dim-hint{top:16px;right:14px}.quiz-submit{flex-direction:column;align-items:stretch;bottom:10px;padding:10px 0 0}.quiz-submit-copy{font-size:.82rem}.quiz-submit .btn{width:100%;min-width:0}.result-card{padding:12px}.result-image-prefix{font-size:.92rem}.result-code{font-size:2.25rem}.result-actions{flex-direction:column}.result-actions .btn{width:100%}}