:root{color-scheme:light;--bg:#f5f7fb;--panel:#fff;--panel-soft:#eef4ff;--text:#18212f;--muted:#5f6b7a;--primary:#2d6cf6;--primary-soft:#dfe9ff;--danger:#d14343;--danger-soft:#ffe9e9;--success:#0f9f6f;--border:#d8e0ef;--shadow:0 16px 36px rgba(24,33,47,.08)}*{box-sizing:border-box}#__nuxt,body,html{min-height:100%}body{background:linear-gradient(180deg,#f7f9ff 0,var(--bg) 100%);color:var(--text);font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif;margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}.app-shell{min-height:100vh}.container{margin:0 auto;width:min(1120px,calc(100vw - 32px))}.topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f5f7fbe0;border-bottom:1px solid rgba(216,224,239,.8);position:sticky;top:0;z-index:10}.topbar__inner{align-items:center;display:flex;gap:16px;justify-content:space-between;padding:16px 0}.brand{align-items:center;display:inline-flex;font-size:1.1rem;gap:12px}.brand__badge{background:var(--primary-soft);border-radius:999px;color:var(--primary);font-size:.82rem;font-weight:700;padding:6px 10px}.topbar__nav{display:flex;flex-wrap:wrap;gap:12px}.topbar__nav a{border-radius:10px;color:var(--muted);padding:8px 12px}.router-link-active,.topbar__nav a:hover{background:var(--primary-soft);color:var(--primary)}.page-content{padding:28px 0 48px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow)}.hero{display:grid;gap:20px;grid-template-columns:1.3fr .9fr}.hero__aside,.hero__content,.question-card,.section,.wrong-item{padding:24px}.eyebrow{color:var(--primary);font-size:.9rem;font-weight:700;margin:0 0 10px}.page-title,.section-title{line-height:1.2;margin:0 0 12px}.page-title{font-size:clamp(1.9rem,4vw,3rem)}.section-title{font-size:1.25rem}.helper,.lead,.subtle{color:var(--muted)}.form-row,.inline-actions,.manage-actions,.option-list,.pager,.question-actions,.stats-grid,.summary-grid{display:flex;gap:12px}.form-row,.manage-actions,.option-list{flex-direction:column}.inline-actions,.pager,.question-actions{flex-wrap:wrap}.button,.input,.option-button{border:1px solid var(--border);border-radius:14px;transition:.2s ease;width:100%}.input{background:#fff;padding:14px 16px}.input:focus{border-color:#9ebcff;box-shadow:0 0 0 4px #2d6cf61f;outline:none}.button,.option-button{background:#fff;cursor:pointer;padding:13px 16px}.button{font-weight:700;min-width:120px;width:auto}.button--primary{background:var(--primary);border-color:var(--primary);color:#fff}.button--ghost:hover,.option-button:hover{background:#f8fbff;border-color:#a6c1ff}.button--danger{background:var(--danger-soft);border-color:#ffc7c7;color:var(--danger)}.button:disabled{cursor:not-allowed;opacity:.6}.stats-grid,.summary-grid{flex-wrap:wrap}.stats-grid>*,.summary-grid>*{flex:1 1 160px}.stat-card{background:var(--panel-soft);border:1px solid #d8e5ff;border-radius:18px;padding:18px}.stat-card strong{display:block;font-size:1.5rem;margin-top:8px}.status{align-items:center;border-radius:12px;display:inline-flex;font-weight:700;gap:8px;padding:10px 12px}.status--info{background:var(--primary-soft);color:var(--primary)}.status--danger{background:var(--danger-soft);color:var(--danger)}.status--success{background:#e7fbf3;color:var(--success)}.question-meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.chip{background:#f1f5fd;border-radius:999px;color:var(--muted);display:inline-flex;font-size:.86rem;font-weight:700;padding:6px 10px}.chip,.jump-row{align-items:center}.jump-row{display:flex;gap:8px;margin-bottom:8px}.jump-label{color:var(--muted);font-size:.9rem;font-weight:600;white-space:nowrap}.jump-input{-moz-appearance:textfield;border-radius:10px;font-size:.95rem;padding:8px 12px;text-align:center;width:90px}.jump-input::-webkit-inner-spin-button,.jump-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.jump-btn{border-radius:10px;font-size:.88rem;min-width:64px;padding:8px 16px}.question-text{font-size:1.2rem;line-height:1.7;margin:0 0 20px}.option-list{margin-bottom:20px}.option-button{text-align:left}.option-button strong{display:inline-block;width:28px}.option-button--selected{background:#edf4ff;border-color:#9ebcff}.option-button--correct{background:#ecfbf4;border-color:#88d8b8}.option-button--wrong{background:#fff1f1;border-color:#ffb3b3}.split{display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.list{display:grid;gap:16px}.wrong-item__head{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.wrong-item__question{font-size:1.05rem;line-height:1.6;margin:0 0 10px}.wrong-item__answers{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 12px}.empty-state{color:var(--muted);padding:32px 24px;text-align:center}.code-block{background:#111827;border-radius:16px;color:#f9fafb;overflow:auto;padding:16px}.practice-page{display:grid;gap:12px;padding-bottom:80px}.practice-info-bar{background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);padding:12px 16px}.practice-info-bar__summary{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.chip--accent{background:var(--primary-soft);color:var(--primary);font-weight:800}.practice-info-toggle{align-items:center;background:#fff;border:1px solid var(--border);border-radius:10px;color:var(--muted);cursor:pointer;display:flex;height:32px;justify-content:center;margin-left:auto;transition:transform .25s ease,background .2s;width:32px}.practice-info-toggle:hover{background:var(--panel-soft)}.practice-info-toggle--open{transform:rotate(180deg)}.practice-progress-track{background:#e8edf7;border-radius:4px;height:4px;margin-top:10px;overflow:hidden}.practice-progress-fill{background:linear-gradient(90deg,var(--primary),#5b8ff9);border-radius:4px;height:100%;transition:width .4s ease}.practice-info-detail{border-top:1px solid var(--border);margin-top:12px;padding-top:12px}.slide-down-enter-active,.slide-down-leave-active{overflow:hidden;transition:all .25s ease}.slide-down-enter-from,.slide-down-leave-to{margin-top:0;max-height:0;opacity:0;padding-top:0}.slide-down-enter-to,.slide-down-leave-from{max-height:200px;opacity:1}.practice-result{margin:8px 0}.practice-bottom-bar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;border-top:1px solid rgba(216,224,239,.7);bottom:0;box-shadow:0 -4px 20px #18212f0f;display:flex;gap:8px;left:0;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));position:fixed;right:0;z-index:20}.practice-nav-btn,.practice-submit-btn{border:1px solid var(--border);border-radius:12px;cursor:pointer;flex:1;font-size:.9rem;font-weight:700;padding:12px 8px;transition:all .2s ease}.practice-nav-btn{background:#fff;color:var(--text)}.practice-nav-btn:hover:not(:disabled){background:var(--panel-soft);border-color:#a6c1ff}.practice-submit-btn{background:var(--primary);border-color:var(--primary);color:#fff;flex:1.5}.practice-submit-btn:hover:not(:disabled){background:#1f5ad8}.practice-nav-btn:disabled,.practice-submit-btn:disabled{cursor:not-allowed;opacity:.45}@media(max-width:900px){.hero,.split{grid-template-columns:1fr}.topbar__inner{align-items:flex-start;flex-direction:column}}@media(max-width:640px){.container{width:min(100vw - 20px,1120px)}.hero__aside,.hero__content,.question-card,.section,.wrong-item{padding:20px}.question-card{padding:16px}.question-text{font-size:1.05rem;margin-bottom:14px}.option-button{padding:11px 14px}}
