.qb-wrap{max-width:960px;margin:0 auto;padding:100px 16px 72px}@media(max-width:768px){.qb-wrap{padding:84px 12px 56px}}.qb-head{margin-bottom:16px}.qb-head h1{font-size:1.85rem;color:var(--text-hi);letter-spacing:.06em}.qb-head p{margin-top:6px;color:var(--jade-soft);font-size:.88rem;line-height:1.7}.qb-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.qb-tabs button{background:var(--ink-card-sm);color:var(--jade-mute);border:1px solid var(--jade-line);border-radius:var(--radius);padding:8px 14px;font-size:.88rem;font-family:inherit;cursor:pointer;transition:color .18s,border-color .18s,background .18s}.qb-tabs button:hover{color:var(--jade);border-color:var(--jade-line-5)}.qb-tabs button.on{color:var(--gold-lite);border-color:var(--jade-line-6);background:var(--ink-card-hi)}.qb-badge{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:999px;background:var(--gold);color:#1a1408;font-size:.7rem;font-weight:700}.qb-card{background:var(--ink-card);border:1px solid var(--jade-line-2);border-radius:var(--radius-lg);padding:16px 18px;margin-bottom:14px;-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass)}.qb-card h2{font-size:1.02rem;color:var(--text-hi);margin-bottom:12px;letter-spacing:.04em}.qb-hint{color:var(--jade-soft-2);font-size:.8rem;line-height:1.8}.qb-dim{color:var(--jade-soft-2)}.qb-loading{color:var(--jade-soft);font-size:.9rem;padding:28px 0;text-align:center}.qb-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.qb-metric{text-align:center;padding:12px 6px;border-radius:var(--radius);background:var(--ink-card-sm);border:1px solid var(--jade-line)}.qb-metric b{display:block;font-size:1.4rem;color:var(--gold-lite);font-variant-numeric:tabular-nums}.qb-metric span{display:block;margin-top:4px;font-size:.74rem;color:var(--jade-soft-2)}@media(max-width:560px){.qb-metrics{grid-template-columns:repeat(2,1fr)}}.qb-btn{display:inline-block;padding:10px 20px;border-radius:var(--radius);border:1px solid var(--jade-line-4);background:0 0;color:var(--jade);font-size:.9rem;font-family:inherit;cursor:pointer;transition:border-color .18s,color .18s,background .18s}.qb-btn:hover{border-color:var(--jade-line-8);color:var(--text-hi);background:var(--ink-card-hi)}.qb-btn.primary{border-color:var(--gold);color:var(--gold-lite)}.qb-btn.primary:hover{background:rgba(212,160,48,.12)}.qb-btn.sm{padding:6px 12px;font-size:.8rem}.qb-btn[disabled]{opacity:.38;cursor:not-allowed}.qb-btn[disabled]:hover{background:0 0;color:var(--jade);border-color:var(--jade-line-4)}.qb-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.qb-board{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.qb-chap{background:var(--ink-card-sm);border:1px solid var(--jade-line);border-radius:var(--radius);padding:12px 14px}.qb-chap-name{font-size:.9rem;color:var(--text);margin-bottom:8px;line-height:1.5}.qb-stage{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:7px 0;margin:0;border:none;border-top:1px dashed var(--jade-line-2);background:0 0;color:inherit;font-family:inherit;font-size:.82rem;text-align:left;cursor:pointer}.qb-stage[disabled]{cursor:default}.qb-stage:first-of-type{border-top:none}.qb-stage-name{color:var(--jade-mute)}.qb-stage-tier{color:var(--jade);white-space:nowrap}.qb-stage.locked .qb-stage-name,.qb-stage.locked .qb-stage-tier{color:var(--text-dim)}.qb-stage-num{color:var(--jade-soft-2);font-size:.74rem;font-variant-numeric:tabular-nums}.qb-pg{height:5px;border-radius:999px;background:var(--jade-line);overflow:hidden;margin-top:5px}.qb-pg i{display:block;height:100%;background:linear-gradient(90deg,var(--jade),var(--gold))}.qb-global{margin-top:16px}.qb-global .qb-stage{font-size:.86rem;padding:9px 0}.qb-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.84rem;color:var(--jade-soft);margin-bottom:12px;flex-wrap:wrap}.qb-q{font-size:1.06rem;color:var(--text-hi);line-height:1.85;margin-bottom:16px}.qb-q .qb-tag{display:inline-block;margin-right:8px;padding:2px 8px;border-radius:999px;border:1px solid var(--jade-line-5);color:var(--jade-soft);font-size:.72rem;vertical-align:middle}.qb-opts{display:flex;flex-direction:column;gap:8px}.qb-opt{display:flex;align-items:flex-start;gap:10px;padding:11px 14px;border:1px solid var(--jade-line);border-radius:var(--radius);background:var(--ink-card-sm);color:var(--text-body);font-size:.93rem;line-height:1.7;cursor:pointer;font-family:inherit;text-align:left;transition:border-color .15s,background .15s,color .15s}.qb-opt:hover{border-color:var(--jade-line-6);color:var(--text-hi)}.qb-opt.on{border-color:var(--jade);background:var(--ink-card-hi);color:var(--text-hi);box-shadow:inset 0 0 0 1px var(--jade)}.qb-opt.right{border-color:var(--jade);background:rgba(85,184,160,.14);color:var(--text-hi);box-shadow:inset 0 0 0 1px var(--jade)}.qb-opt.wrong{border-color:#b4553f;background:rgba(180,85,63,.14);color:var(--text-hi);box-shadow:inset 0 0 0 1px #B4553F}.qb-opt.missed{border-color:var(--gold);background:rgba(212,160,48,.14);color:var(--text-hi);box-shadow:inset 0 0 0 1px var(--gold)}.qb-opt[disabled]{cursor:default}.qb-opt .lab{flex:0 0 22px;height:22px;line-height:21px;text-align:center;border:1px solid var(--jade-line-5);border-radius:50%;font-size:.76rem;color:var(--jade-soft);transition:background .15s,border-color .15s,color .15s}.qb-opt.on .lab,.qb-opt.right .lab{background:var(--jade);border-color:var(--jade);color:#0e1f1a;font-weight:700}.qb-opt.wrong .lab{background:#b4553f;border-color:#b4553f;color:#fff;font-weight:700}.qb-opt.missed .lab{background:var(--gold);border-color:var(--gold);color:#1a1408;font-weight:700}.qb-opt .qb-txt{flex:auto;min-width:0}.qb-opt .qb-mark{flex:none;margin-left:6px;align-self:center;font-size:1rem;line-height:1;font-weight:700;color:var(--jade);opacity:0;transform:scale(.5);transition:opacity .15s,transform .15s}.qb-opt.on .qb-mark,.qb-opt.right .qb-mark{opacity:1;transform:scale(1)}.qb-opt.wrong .qb-mark{opacity:1;transform:scale(1);color:#d98a72}.qb-opt.missed .qb-mark{opacity:1;transform:scale(1);font-size:1.15rem;color:var(--gold-lite)}.qb-fill{width:100%;padding:11px 14px;border-radius:var(--radius);border:1px solid var(--jade-line-4);background:var(--ink-card-sm);color:var(--text-hi);font-size:.95rem;font-family:inherit}.qb-fill:focus{outline:none;border-color:var(--jade-line-8)}.qb-result{margin-top:16px;padding-top:14px;border-top:1px dashed var(--jade-line-3)}.qb-verdict{font-size:.95rem;margin-bottom:8px}.qb-verdict.ok{color:var(--jade)}.qb-verdict.no{color:#d98a72}.qb-answer{font-size:.86rem;color:var(--gold-lite);margin-bottom:8px}.qb-explain{font-size:.88rem;color:var(--jade-mute);line-height:1.9}.qb-list{display:flex;flex-direction:column;gap:8px}.qb-item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--jade-line);border-radius:var(--radius);background:var(--ink-card-sm);font-size:.86rem;color:var(--text-body)}.qb-item .qb-item-q{flex:1;line-height:1.6}.qb-empty{padding:24px 0;text-align:center;color:var(--jade-soft-2);font-size:.88rem}