:root{--orange:#ea580c;--orange-dark:#c2410c;--blue:#2563eb;--ink:#1c1917;--muted:#78716c;--paper:#faf7f2;--card:#fff;--line:#e7e0d8}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{background:var(--paper);color:var(--ink);margin:0;font-family:-apple-system,PingFang SC,Helvetica Neue,sans-serif;line-height:1.6}.shell{flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex}.screen{flex-direction:column;flex:1;padding:20px 20px 40px;display:flex}.landing{text-align:center;justify-content:center;gap:24px}.landing-ball{font-size:56px}.landing h1{letter-spacing:2px;margin:8px 0 0;font-size:34px}.landing-sub{color:var(--muted);margin:6px 0 0;font-size:15px}.landing-points{text-align:left;background:var(--card);border:1px solid var(--line);border-radius:16px;margin:0;padding:18px 18px 18px 36px;font-size:14.5px}.landing-points li+li{margin-top:10px}.btn-primary{background:var(--orange);color:#fff;cursor:pointer;border:none;border-radius:14px;width:100%;min-height:54px;font-size:17px;font-weight:700}.btn-primary:active{background:var(--orange-dark)}.disclaimer{color:var(--muted);margin-top:8px;font-size:11.5px}.progress-wrap{background:var(--line);border-radius:3px;height:5px;margin-bottom:14px;position:sticky;top:0;overflow:hidden}.progress-bar{background:var(--orange);border-radius:3px;height:100%;transition:width .25s}.quiz-meta{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.kind-badge{color:var(--blue);background:#eff4fe;border-radius:999px;padding:3px 12px;font-size:12px;font-weight:700;display:inline-block}.quiz-count{color:var(--muted);font-size:13px}.scene{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--blue);border-radius:12px;margin:0 0 12px;padding:12px 14px;font-size:15px}.prompt{margin:0 0 16px;font-size:17px;font-weight:700}.hint{color:var(--muted);margin:-8px 0 16px;font-size:13px}.options{flex-direction:column;gap:12px;display:flex}.option{text-align:left;background:var(--card);border:1.5px solid var(--line);cursor:pointer;min-height:52px;color:var(--ink);border-radius:14px;flex-direction:column;gap:2px;padding:14px 16px;font-size:15px;line-height:1.55;display:flex}.option:active,.option.selected{border-color:var(--orange);background:#fff6f0}.option-desc{color:var(--muted);font-size:13px}.btn-ghost{color:var(--muted);cursor:pointer;background:0 0;border:none;margin-top:18px;padding:10px;font-size:14px}.type-card{background:var(--card);border:1px solid var(--line);text-align:center;border-radius:20px;margin-bottom:18px;padding:24px 20px}.type-main{margin:0;font-size:30px;font-weight:800}.type-nick{color:var(--orange);margin:6px 0 14px;font-size:15px}.type-letters{justify-content:center;gap:8px;display:flex}.letter-chip{background:#f4efe8;border-radius:10px;padding:6px 12px;font-size:15px;font-weight:700;position:relative}.letter-chip.mixed:after{content:"临界";color:#fff;background:var(--blue);border-radius:999px;padding:1px 6px;font-size:10px;font-weight:600;position:absolute;top:-8px;right:-10px}.mixed-note{color:var(--muted);margin-top:10px;font-size:12.5px}.section{background:var(--card);border:1px solid var(--line);border-radius:16px;margin-bottom:14px;padding:16px 18px}.section h3{color:var(--orange-dark);margin:0 0 10px;font-size:15px}.section p,.section li{margin:0;font-size:14.5px}.section ul{margin:0;padding-left:20px}.section li+li{margin-top:6px}.axis-row{margin-bottom:12px}.axis-labels{justify-content:space-between;margin-bottom:4px;font-size:13px;display:flex}.axis-labels .active{color:var(--orange-dark);font-weight:800}.axis-name{color:var(--muted);font-size:12px}.axis-track{background:#f0ece5;border-radius:6px;height:12px;position:relative}.axis-fill{border-radius:6px;position:absolute;top:0;bottom:0}.axis-fill.from-mid-left{background:var(--orange);right:50%}.axis-fill.from-mid-right{background:var(--blue);left:50%}.axis-mid{background:var(--ink);opacity:.3;width:2px;position:absolute;top:-3px;bottom:-3px;left:50%}.axis-mixed-tag{color:#fff;background:var(--blue);border-radius:999px;padding:1px 7px;font-size:10px;font-weight:600;position:absolute;top:-9px;left:50%;transform:translate(-50%)}.statement{background:var(--card);border:1px solid var(--line);border-radius:16px;align-items:center;min-height:120px;margin:8px 0 22px;padding:22px 18px;font-size:17.5px;font-weight:600;line-height:1.7;display:flex}.scale{justify-content:space-between;gap:6px;display:flex}.scale-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:8px;padding:8px 0;display:flex}.scale-dot{border:2.5px solid var(--line);background:var(--card);border-radius:50%;transition:transform .1s;display:block}.scale-btn.s1 .scale-dot{border-color:#c9b8a8;width:40px;height:40px}.scale-btn.s2 .scale-dot{border-color:#d5c7b9;width:32px;height:32px}.scale-btn.s3 .scale-dot{width:26px;height:26px}.scale-btn.s4 .scale-dot{border-color:#f0b490;width:32px;height:32px}.scale-btn.s5 .scale-dot{border-color:var(--orange);width:40px;height:40px}.scale-btn:active .scale-dot,.scale-btn.selected .scale-dot{background:var(--orange);border-color:var(--orange-dark);transform:scale(1.05)}.scale-btn.s1:active .scale-dot,.scale-btn.s1.selected .scale-dot,.scale-btn.s2:active .scale-dot,.scale-btn.s2.selected .scale-dot{background:#8c7a6b;border-color:#6d5d50}.scale-label{color:var(--muted);font-size:11.5px}.star-card{border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.star-card+.star-card{margin-top:10px}.star-name{font-size:15px;font-weight:700}.star-note{color:var(--muted);font-size:13.5px}.result-actions{flex-direction:column;gap:10px;margin-top:6px;display:flex}.pair-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;font-size:15.5px;font-weight:600;line-height:1.65}.pair-card.top{border-left:4px solid var(--orange)}.pair-card.bottom{border-left:4px solid var(--blue)}.vscale{flex-direction:column;align-items:stretch;margin:6px 0;display:flex}.vscale-btn{cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;padding:5px 8px 5px 28px;display:flex}.vscale-dot{border:2.5px solid var(--line);background:var(--card);border-radius:50%;flex:none;display:block}.vscale-btn.v1 .vscale-dot{border-color:var(--orange);width:34px;height:34px}.vscale-btn.v2 .vscale-dot{border-color:#f0b490;width:26px;height:26px}.vscale-btn.v3 .vscale-dot{width:20px;height:20px}.vscale-btn.v4 .vscale-dot{border-color:#9db9e8;width:26px;height:26px}.vscale-btn.v5 .vscale-dot{border-color:var(--blue);width:34px;height:34px}.vscale-btn:active .vscale-dot,.vscale-btn.selected .vscale-dot{background:var(--ink);border-color:var(--ink)}.vscale-btn.v1:active .vscale-dot,.vscale-btn.v1.selected .vscale-dot,.vscale-btn.v2:active .vscale-dot,.vscale-btn.v2.selected .vscale-dot{background:var(--orange);border-color:var(--orange-dark)}.vscale-btn.v4:active .vscale-dot,.vscale-btn.v4.selected .vscale-dot,.vscale-btn.v5:active .vscale-dot,.vscale-btn.v5.selected .vscale-dot{background:var(--blue);border-color:#1d4fbe}.vscale-label{color:var(--muted);font-size:13px}.type-abbr{letter-spacing:6px;color:var(--orange);margin:0 0 2px;font-size:20px;font-weight:800}.star-bucket+.star-bucket{margin-top:12px}.star-bucket-label{color:var(--blue);margin:0 0 6px;font-size:12.5px;font-weight:700}.weak-signal{background:#fef3e2;border:1px solid #f0b490;border-radius:12px;margin-bottom:14px;padding:12px 14px;font-size:13.5px}.axis-track.share{display:flex}.axis-track.share .share-left{border-radius:6px 0 0 6px}.axis-track.share .share-right{border-radius:0 6px 6px 0}.share-left{background:#f5d5c0;height:100%}.share-left.win{background:var(--orange)}.share-right{background:#ccdaf6;height:100%}.share-right.win{background:var(--blue)}.team-role{font-weight:600}.type-roast{color:var(--ink);background:#f4efe8;border-radius:10px;margin:2px 0 12px;padding:6px 14px;font-size:14px;display:inline-block}.ladder{align-items:center;gap:4px;height:18px;display:flex}.ladder-seg{background:#ece6dd;border-radius:4px;flex:1;height:8px;transition:all .2s}.ladder-seg.on-left{background:var(--orange);outline:2px solid var(--orange-dark);height:16px}.ladder-seg.on-right{background:var(--blue);outline:2px solid #1d4fbe;height:16px}.ladder-seg.on-mixed{background:#a09a90;outline:2px solid #78716c;height:16px}.ladder-scale{color:var(--muted);justify-content:space-between;margin-top:3px;padding:0 6%;font-size:10.5px;display:flex}.btn-primary.secondary{background:var(--card);color:var(--orange-dark);border:2px solid var(--orange);margin-top:10px}.share-overlay{z-index:50;background:#140f0ad9;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.share-overlay img{border-radius:14px;max-width:80%;max-height:72vh;box-shadow:0 12px 40px #00000080}.share-overlay p{color:#fff;margin:14px 0 0;font-size:15px}.btn-ghost.light{color:#d6d3d1}.axis-name-line{text-align:center;color:var(--muted);margin:0 0 2px;font-size:11.5px}.help-btn{border:1.5px solid var(--muted);width:20px;height:20px;color:var(--muted);cursor:pointer;vertical-align:2px;background:0 0;border-radius:50%;justify-content:center;align-items:center;margin-left:8px;font-size:12px;font-weight:700;display:inline-flex}.help-overlay{z-index:60;background:#140f0a99;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.help-card{background:var(--paper);border-radius:18px;width:100%;max-width:440px;max-height:82vh;padding:22px 20px;overflow-y:auto}.help-card h3{margin:0 0 8px;font-size:18px}.help-intro{color:var(--muted);margin:0 0 14px;font-size:13.5px}.help-axis{background:var(--card);border:1px solid var(--line);border-radius:14px;margin-bottom:12px;padding:12px 14px}.help-axis-name{margin:0 0 2px;font-size:14.5px;font-weight:800}.help-axis-code{color:var(--orange);font-size:12px;font-weight:600}.help-axis-what{color:var(--muted);margin:0 0 8px;font-size:13px}.help-pole{border-left:3px solid var(--line);margin-bottom:8px;padding-left:10px}.help-pole-title{margin:0;font-size:13.5px;font-weight:700}.help-pole-desc{margin:2px 0 0;font-size:13px}