:root{--bg: #f8f7f4;--surface: #fff;--primary: #2c5f5b;--primary-hover: #1e4541;--accent: #b8956a;--text: #2d2d2d;--text-muted: #6b6b6b;--border: #e0dcd5;--shadow: 0 1px 3px rgba(0,0,0,.06);--radius: 6px;font-family:Microsoft YaHei UI,PingFang SC,system-ui,sans-serif;color:var(--text);background:var(--bg);background:#f6f4ef;font-synthesis:none;--ink: #252721;--muted: #717468;--paper: #fffdf8;--line: #ddd9cd;--green: #315d4a;--green-dark: #244638;--sage: #dfe8de;--amber: #d49b50;--danger: #a24135}*{box-sizing:border-box}html{min-height:100%}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(ellipse at 5% 0%,rgba(212,155,80,.14),transparent 40rem),radial-gradient(ellipse at 95% 10%,rgba(49,93,74,.12),transparent 35rem),radial-gradient(ellipse at 50% 80%,rgba(148,180,159,.08),transparent 45rem),radial-gradient(ellipse at 20% 50%,rgba(200,170,130,.06),transparent 30rem),#f6f4ef}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}.site-header{height:68px;z-index:10;position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,64px);border-bottom:1px solid rgba(37,39,33,.08);background:#f6f4efd6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0;z-index:20}.brand{color:var(--ink);text-decoration:none;display:flex;gap:10px;align-items:center;font-weight:700}.brand-mark{width:32px;height:32px;display:grid;place-items:center;border-radius:50% 50% 46% 54%;color:#fff;background:var(--green);font-family:STSong,serif}.version{color:var(--muted);font-size:13px}.landing{width:min(1100px,calc(100% - 32px));margin:0 auto;padding:clamp(50px,8vw,100px) 0 80px;display:grid;grid-template-columns:1.08fr .92fr;gap:20px;align-items:start}.hero{padding:20px 4vw 0 0;position:sticky;top:100px}.eyebrow{color:var(--green);font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.hero h1,.report-heading h1,.center-stage h1{font-family:STSong,SimSun,serif;font-size:clamp(38px,5.2vw,68px);line-height:1.15;margin:14px 0 24px;letter-spacing:-.04em}.lead{color:#55594e;font-size:18px;line-height:1.9;max-width:620px}.feature-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.feature-row span{padding:7px 12px;border:1px solid var(--line);border-radius:999px;color:#64675e;background:#ffffff80;font-size:13px}.card{border:1px solid rgba(126,118,99,.22);border-radius:22px;box-shadow:0 20px 55px #302e2612;padding:clamp(24px,4vw,38px)}.card h2{font-family:STSong,SimSun,serif;margin:0 0 22px;font-size:24px}.consent-card,.recover{grid-column:2}.check-row{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:start;padding:15px 0;border-bottom:1px solid #ece8dd}.check-row:last-of-type{border-bottom:0}.check-row input{width:18px;height:18px;margin-top:3px;accent-color:var(--green)}.check-row strong,.check-row small{display:block}.check-row small{color:var(--muted);margin-top:5px;line-height:1.65}.required strong:after{content:" 必选";color:var(--danger);font-size:11px}.turnstile-wrap{min-height:38px;display:flex;align-items:center;color:var(--muted);font-size:12px;margin:16px 0}.primary,.secondary,.ghost{min-height:46px;border-radius:12px;padding:0 19px;border:1px solid transparent;font-weight:600;transition:transform .15s ease,background .15s ease,border-color .15s ease}.primary{width:100%;background:var(--green);color:#fff;box-shadow:0 8px 24px #315d4a2e}.primary:hover:not(:disabled){background:var(--green-dark);transform:translateY(-1px)}.primary.compact{width:auto;min-width:118px}.secondary{background:#fff;color:var(--green);border-color:#b9c9be}.secondary:hover:not(:disabled){border-color:var(--green)}.ghost{background:transparent;color:#63675c;border-color:transparent}.ghost:hover:not(:disabled){background:#eeece5}.save-btn{font-size:13px;margin-right:8px;color:#fff;background:var(--amber);border-radius:10px;padding:7px 18px;font-weight:700;letter-spacing:.04em;box-shadow:0 3px 10px #d49b5040;transition:all .18s ease}.save-btn:hover{background:#c48840;transform:translateY(-2px);box-shadow:0 6px 18px #d49b5059}.resume-banner{grid-column:2;padding:16px 0;text-align:center}.fine-print,.privacy-note{color:var(--muted);font-size:12px;line-height:1.7}.inline{display:flex;gap:10px}input,textarea{width:100%;border:1px solid #cbc7bb;background:#fff;border-radius:12px;padding:13px 15px;color:var(--ink);outline:none}input:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #315d4a17}textarea{min-height:170px;resize:vertical;line-height:1.8}.error{color:var(--danger);font-size:13px;line-height:1.6}.assessment-shell{width:min(820px,calc(100% - 28px));margin:0 auto;padding:42px 0 70px}.progress-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:13px;margin-bottom:10px}.progress-track{height:5px;background:#e1ded5;border-radius:99px;overflow:hidden}.progress-track span{display:block;height:100%;background:linear-gradient(90deg,var(--amber),var(--green));border-radius:inherit;transition:width .45s ease}.question-card{background:var(--paper);border:1px solid var(--line);border-radius:26px;margin-top:26px;padding:clamp(26px,5vw,52px);min-height:510px;box-shadow:0 25px 70px #2f2d2512;display:flex;flex-direction:column}.question-index{color:var(--green);font-weight:700;font-size:12px;letter-spacing:.08em;margin:0 0 12px}.question-card h1{font-family:STSong,SimSun,serif;font-size:clamp(25px,3.2vw,36px);line-height:1.55;margin:0 0 28px;font-weight:600}.hint{color:var(--muted);margin:-14px 0 20px}.options{display:grid;gap:11px}.option{display:grid;grid-template-columns:34px 1fr 24px;gap:12px;align-items:center;min-height:58px;text-align:left;color:#373a33;background:#fff;border:1px solid #d9d5ca;border-radius:14px;padding:10px 14px}.option:hover{border-color:#91a596;background:#fafcf9}.option.selected{border-color:var(--green);background:var(--sage);box-shadow:inset 0 0 0 1px var(--green)}.option-code{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#f0eee8;font-weight:700;font-size:13px}.option.selected .option-code{background:var(--green);color:#fff}kbd{color:#999c91;font-size:11px;border:1px solid #dedbd2;border-radius:5px;text-align:center;background:#faf9f6}.question-actions{display:flex;justify-content:flex-end;gap:8px;align-items:center;margin-top:auto;padding-top:28px}.privacy-note{text-align:center;margin:18px auto 0}.center-stage{min-height:calc(100vh - 68px);display:grid;place-items:center;padding:32px 16px}.center-stage .card{width:min(650px,100%);text-align:center}.center-stage h1{font-size:clamp(34px,5vw,52px)}.report-setup p,.generating p{color:var(--muted);line-height:1.8}.report-setup .check-row{text-align:left;margin:20px 0}.loader{width:52px;height:52px;margin:0 auto 26px;border:4px solid #dce5dc;border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.recovery-code{margin-top:28px;padding:18px;border-radius:14px;background:#f0eee7;display:grid;gap:6px}.recovery-code strong{font-size:20px;letter-spacing:.08em}.report-page{width:min(980px,calc(100% - 28px));margin:0 auto;padding:54px 0 100px}.report-heading{text-align:center;margin-bottom:35px}.report-heading h1{font-size:clamp(34px,5vw,55px)}.notice{background:#fff3d9;color:#765322;padding:12px 16px;border-radius:12px}.report-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:22px}.tabs{display:flex;justify-content:center;gap:6px;margin-bottom:14px}.tabs button{border:0;background:transparent;color:var(--muted);padding:10px 18px;border-radius:999px}.tabs button.active{background:var(--green);color:#fff}.markdown-preview{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:clamp(22px,4vw,48px);box-shadow:0 20px 55px #2f2d250f}.markdown-preview pre{white-space:pre-wrap;word-wrap:break-word;font-family:Microsoft YaHei UI,PingFang SC,sans-serif;line-height:1.9;margin:0}.feedback{margin-top:28px}.range{display:grid;grid-template-columns:120px 1fr 42px;gap:12px;align-items:center;margin:16px 0}.range input{padding:0;accent-color:var(--green)}.feedback textarea{margin:15px 0;min-height:110px}.toast{position:fixed;right:20px;bottom:20px;background:var(--green-dark);color:#fff;padding:12px 18px;border-radius:12px;box-shadow:0 12px 30px #0003}.floating-error{position:fixed;left:50%;bottom:20px;transform:translate(-50%);background:#fff;padding:10px 16px;border-radius:10px;box-shadow:0 10px 30px #0000001f}.admin-page{width:min(1120px,calc(100% - 28px));margin:50px auto}.admin-page input{margin:14px 0}.admin-title{display:flex;justify-content:space-between;align-items:center;gap:20px}.admin-title h1{margin:4px 0}.admin-json{max-height:70vh;overflow:auto;background:#242721;color:#e6eadf;border-radius:14px;padding:20px;white-space:pre-wrap;font-size:12px}@media(max-width:820px){.landing{grid-template-columns:1fr;padding-top:24px;gap:20px}.hero h1{font-size:clamp(28px,6vw,38px);line-height:1.25;margin:10px 0 16px}.lead{font-size:15px;line-height:1.7}.card{padding:clamp(18px,3vw,28px);border-radius:18px}.primary,.secondary{min-height:44px;font-size:14px}.hero{position:static;padding-right:0}.consent-card,.recover,.resume-banner{grid-column:1}.version{display:none}.question-card{min-height:calc(100vh - 190px);border-radius:20px}.option{grid-template-columns:32px 1fr}.option kbd{display:none}.question-actions{display:grid;grid-template-columns:1fr 1fr}.question-actions .primary{grid-column:1 / -1;grid-row:1}.range{grid-template-columns:1fr 42px}.range input{grid-column:1 / -1}}.assessment-shell{position:relative}.site-header{box-shadow:0 1px #315d4a14,0 4px 16px #00000008;transition:box-shadow .3s ease}.card{transition:transform .2s ease,box-shadow .3s ease}.card:hover{box-shadow:0 24px 60px #302e261a}.question-card{transition:box-shadow .4s ease,border-color .3s ease}.question-card:focus-within{border-color:var(--green);box-shadow:0 28px 75px #2f2d2517,0 0 0 3px #315d4a0f}.option{transition:all .18s ease;cursor:pointer}.option:hover{transform:translate(3px);box-shadow:0 4px 12px #0000000d}.option.selected{transform:translate(5px);box-shadow:0 6px 20px #315d4a1f}.option:active{transform:scale(.98)}.primary,.secondary{transition:all .2s ease}.primary:hover:not(:disabled){box-shadow:0 10px 28px #315d4a3d}.secondary:hover:not(:disabled){background:#f6faf5;box-shadow:0 4px 14px #0000000d}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.markdown-preview pre{line-height:2}.recovery-code{border:2px solid var(--danger);background:#fff5f5;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{border-color:var(--danger)}50%{border-color:#e88}}.tabs button{transition:all .2s ease}.tabs button:hover{background:var(--sage)}.save-btn{transition:all .18s ease}.save-btn:hover{background:var(--sage);transform:translateY(-1px)}.resume-banner{animation:fadeInUp .5s ease-out}.resume-banner button{min-width:200px;font-size:15px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c5c1b5;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a5a194}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--green);outline-offset:2px}@media(max-width:820px){.question-card{min-height:calc(100dvh - 190px);border-radius:18px}}.counter-badge{margin-top:18px;font-size:14px;color:var(--muted);background:#ffffff80;border:1px solid var(--line);border-radius:999px;display:inline-block;padding:7px 16px}.counter-badge strong{color:var(--green);font-size:16px}.author-signature{margin-top:20px;display:flex;align-items:center;gap:10px;padding:8px 16px;border-radius:12px;background:#fff6;border:1px solid var(--line);display:inline-flex}.author-avatar{width:28px;height:28px;border-radius:8px;background:var(--green);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:700}.author-name{font-weight:700;color:var(--amber);font-size:15px}.author-label{color:var(--text-muted);font-size:12px}@media(max-width:820px){.author-signature{margin-top:12px}.author-name{font-size:14px}}@media(max-width:820px){.radar-wrap{z-index:49!important;bottom:10px;right:8px;padding:6px 10px 4px}}@keyframes ripple{0%{box-shadow:0 0 #315d4a4d}to{box-shadow:0 0 0 12px #315d4a00}}.option:active{animation:ripple .5s ease-out}@keyframes progressPulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}.progress-track span{animation:progressPulse 2s ease-in-out infinite}.progress-track span{transition:width .6s cubic-bezier(.4,0,.2,1)}.question-card{animation:fadeInUp .4s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.theme-toggle{background:none;border:1px solid var(--line);border-radius:999px;width:34px;height:34px;display:grid;place-items:center;font-size:16px;cursor:pointer;margin-right:4px;transition:background .2s ease}.theme-toggle:hover{background:var(--sage)}[data-theme=dark]{--bg: #1a1d18;--surface: #252821;--paper: #2a2d26;--text: #d8dacf;--text-muted: #969a8e;--border: #3d4038;--line: #3d4038;--ink: #d8dacf;--muted: #969a8e;--sage: #3a4a3c;--shadow: 0 1px 3px rgba(0,0,0,.3)}[data-theme=dark] body{background:radial-gradient(ellipse at 5% 0%,rgba(212,155,80,.08),transparent 40rem),radial-gradient(ellipse at 95% 10%,rgba(49,93,74,.07),transparent 35rem),#1a1d18}[data-theme=dark] .site-header{background:#1a1d18e6}[data-theme=dark] .card{background:#2a2d26f0}[data-theme=dark] .option{background:#2d3029;color:#d8dacf;border-color:#3d4038}[data-theme=dark] .option:hover{background:#353830}[data-theme=dark] .option.selected{background:#3a4a3c}[data-theme=dark] .option-code{background:#353830}[data-theme=dark] input,[data-theme=dark] textarea{background:#2d3029;color:#d8dacf;border-color:#3d4038}[data-theme=dark] .markdown-preview{background:var(--paper)}[data-theme=dark] .recovery-code{background:#3a2818}[data-theme=dark] .secondary,[data-theme=dark] .ghost:hover{background:#353830}[data-theme=dark] .radar-wrap{z-index:49!important;background:#2a2d26eb}[data-theme=dark] .counter-badge{background:#ffffff0a}[data-theme=dark] .author-signature{background:#ffffff0f}[data-theme=dark] .author-label{color:#888}[data-theme=dark] kbd{background:#2d3029}.author-signature{display:inline-flex;align-items:center;gap:8px;margin-bottom:8px;padding:5px 14px;border-radius:99px;background:linear-gradient(135deg,var(--green),var(--amber))}.author-avatar{width:22px;height:22px;border-radius:6px;background:#ffffff40;color:#fff;display:grid;place-items:center;font-size:10px;font-weight:800}.author-name{color:#fff;font-weight:700;font-size:14px}.author-label{color:#ffffffbf;font-size:12px}@media(max-width:820px){.author-signature{margin-bottom:4px;padding:4px 12px}.author-name{font-size:13px}.author-label{display:none}}.hero-quote{font-family:STSong,SimSun,serif;font-size:clamp(16px,2.2vw,22px);color:var(--amber);margin:0 0 2px;letter-spacing:.15em;animation:fadeIn 1.2s ease-out;opacity:.85}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:.85;transform:translateY(0)}}.card{background:#fffdf8c7;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}[data-theme=dark] .card{background:#2a2d26d1}.progress-track{background:repeating-linear-gradient(to right,transparent,transparent calc(25% - 1.5px),rgba(0,0,0,.12) calc(25% - 1.5px),rgba(0,0,0,.12) calc(25% + 1.5px),transparent calc(25% + 1.5px)),#e1ded5}.retest-compare{margin-top:24px}.retest-compare h2{font-size:20px}.retest-bars{margin-top:12px;display:flex;flex-direction:column;gap:6px}.retest-bar-row{display:flex;align-items:center;gap:8px;font-size:13px}.retest-label{width:28px;font-weight:600;color:var(--text-muted)}.retest-prev{height:8px;background:#ccc;border-radius:4px;min-width:4px}.retest-arrow{font-size:12px;color:var(--amber);white-space:nowrap;min-width:52px}.retest-curr{height:8px;background:var(--green);border-radius:4px;min-width:4px}.radar-container{position:fixed;bottom:20px;right:20px;z-index:48;display:flex;flex-direction:column;align-items:flex-end;gap:6px;pointer-events:none}.radar-panel{background:#fffdf8eb;border:1px solid var(--line);border-radius:16px;padding:10px 14px 6px;box-shadow:0 8px 30px #302e261a;text-align:center;transition:opacity .4s ease,transform .4s ease}.radar-panel.visible{opacity:1;transform:scale(1)}.radar-panel.hidden{opacity:0;transform:scale(.92);visibility:hidden}.radar-panel small{color:var(--muted);font-size:11px}.radar-switch{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;pointer-events:auto;padding:5px 12px;background:#fffdf8eb;border:1px solid var(--line);border-radius:99px;box-shadow:0 4px 14px #302e2614}.switch-track{width:38px;height:22px;border-radius:99px;display:flex;align-items:center;padding:2px;transition:background .25s ease}.switch-track.on{background:var(--green)}.switch-track.off{background:#c5c1b5}.switch-knob{width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000026;transition:transform .25s ease}.switch-track.on .switch-knob{transform:translate(16px)}.switch-track.off .switch-knob{transform:translate(0)}.switch-label{font-size:12px;color:var(--muted);font-weight:500}[data-theme=dark] .radar-panel,[data-theme=dark] .radar-switch{background:#2a2d26eb}@media(max-width:820px){.radar-container{bottom:10px;right:6px;gap:4px}.radar-panel{padding:6px 10px 4px;border-radius:14px}.radar-switch{padding:4px 10px}.switch-label{font-size:11px}}.header-nav{display:flex;align-items:center;gap:4px}.header-link{font-size:13px;color:var(--muted);padding:4px 10px;border-radius:8px}.header-link:hover{color:var(--green);background:var(--sage)}.mode-select{grid-column:2;padding:0 0 8px;margin:0}.mode-select h2{font-family:STSong,SimSun,serif;font-size:18px;margin:0 0 12px}.mode-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mode-btn{display:flex;flex-direction:column;gap:4px;padding:12px;border:2px solid var(--line);border-radius:14px;background:#fff;cursor:pointer;text-align:left;transition:all .2s ease}.mode-btn:hover{border-color:var(--green);box-shadow:0 4px 12px #0000000d}.mode-btn.active{border-color:var(--green);background:var(--sage);box-shadow:0 4px 14px #315d4a1a}.mode-btn strong{font-size:15px;color:var(--ink)}.mode-btn small{font-size:12px;color:var(--muted);line-height:1.4}.mode-btn.active strong{color:var(--green)}[data-theme=dark] .mode-btn{background:#2d3029}[data-theme=dark] .mode-btn.active{background:#3a4a3c}.compare-page{width:min(900px,calc(100% - 32px));margin:0 auto;padding:40px 0 80px}.compare-page h1{font-family:STSong,SimSun,serif;font-size:clamp(28px,4vw,40px);margin-bottom:8px}.compare-tools{margin:20px 0;display:flex;flex-direction:column;gap:10px}.compare-results{display:flex;flex-direction:column;gap:20px}.compare-card h3{margin:0 0 4px;font-size:18px}.compare-bars{margin-top:12px;display:flex;flex-direction:column;gap:5px}.compare-row{display:grid;grid-template-columns:90px 1fr 42px;gap:8px;align-items:center;font-size:13px}.compare-label{color:var(--text-muted);font-size:12px}.compare-bar-track{height:8px;background:#e8e4d8;border-radius:4px;overflow:hidden}.compare-bar-fill{height:100%;background:var(--green);border-radius:4px;transition:width .5s ease}.compare-pct{font-size:12px;font-weight:600;color:var(--ink);text-align:right}.compare-diff{margin-top:8px}.diff-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid var(--line);font-size:13px}.diff-label{font-weight:600}.diff-arrow{color:var(--amber);font-weight:600}@media(max-width:820px){.mode-select{grid-column:1}.compare-row{grid-template-columns:60px 1fr 36px}}.auth-page{min-height:100vh;display:grid;place-items:center;padding:32px}.auth-card{width:min(400px,100%);text-align:left}.auth-card h1{text-align:center}.auth-card input{margin:10px 0}.auth-card .primary{margin-top:8px}.header-user{font-size:13px;color:var(--green);font-weight:600;padding:4px 10px;background:var(--sage);border-radius:8px}.mode-select-inline{display:flex;align-items:center;gap:8px;padding:8px 0 16px;border-bottom:1px solid var(--line);margin-bottom:16px}.mode-label{font-size:14px;color:var(--text-muted);font-weight:500}.mode-pill{font-size:13px;padding:5px 14px;border-radius:99px;border:1.5px solid var(--line);background:transparent;cursor:pointer;font-weight:600;color:var(--text-muted);transition:all .2s ease}.mode-pill:hover{border-color:var(--green);color:var(--green)}.mode-pill.active{background:var(--green);color:#fff;border-color:var(--green)}@media(max-width:820px){.mode-select-inline{flex-wrap:wrap;padding:6px 0 12px;margin-bottom:12px}.mode-label{width:100%;margin-bottom:2px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.header-username{font-size:.85em;color:var(--text-secondary);margin-right:8px}.recovery-card{margin-top:16px}.recovery-card .inline{display:flex;gap:8px;align-items:center;margin-top:8px}.compare-card-header{display:flex;align-items:center;gap:12px;margin-bottom:4px}.mbti-badge{display:inline-block;padding:4px 12px;border-radius:6px;background:var(--accent,#3a5a8a);color:#fff;font-weight:700;font-size:1.1em}.compare-card-body{display:flex;gap:24px;margin-top:12px;flex-wrap:wrap}.compare-radar{flex:0 0 auto}.compare-section-title{font-weight:700;font-size:.85em;color:var(--text-secondary);margin-bottom:4px;text-transform:uppercase;letter-spacing:.05em}.compare-card{margin-bottom:16px}.compare-card-body{display:flex;gap:24px;margin-top:12px;flex-wrap:wrap;align-items:flex-start;justify-content:center}.compare-radar{flex:0 0 auto;display:flex;justify-content:center;align-items:center}.compare-detail{flex:1;min-width:240px}.compare-section-title{font-weight:700;font-size:.85em;color:var(--text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}.compare-dim-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px}.compare-dim-item{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px solid rgba(128,128,128,.1)}.compare-dim-label{font-size:.9em;color:var(--text-secondary)}.compare-dim-pct{font-weight:700;font-size:.95em;color:var(--text)}@media(max-width:640px){.compare-dim-grid{grid-template-columns:1fr}.compare-card-body{flex-direction:column;align-items:center}}