/* Shared front-office theme: legacy practice routes aligned with the Vue homepage. */
:root{--ink:#172554;--ink-2:#30496f;--paper:#f8fafd;--surface:#fff;--wash:#f1f5ff;--line:#e4ebf6;--muted:#667895;--brand:#2563eb;--brand-dark:#1d4ed8;--brand-soft:#eaf1ff;--green:#14946e;--green-soft:#e9f8f2;--red:#d94e62;--amber:#b76a17;--amber-soft:#fff4e4;--shadow:0 12px 30px rgba(40,75,132,.08);--shadow-lg:0 24px 58px rgba(40,75,132,.12);--radius:18px}html,body{background:var(--paper);color:var(--ink)}body{font-family:"Plus Jakarta Sans","PingFang SC","Microsoft YaHei",system-ui,sans-serif}.shell{background:linear-gradient(180deg,#fff 0,#f8fafd 68%)}.topbar{background:rgba(255,255,255,.88);border-color:var(--line)}.brand-mark{background:var(--brand);color:#fff;box-shadow:0 7px 16px rgba(37,99,235,.2)}.nav a{color:#657590}.nav a:hover,.nav a.active{color:var(--brand)}.nav a:after{background:var(--brand)}.ghost{border-color:#dce5f1;color:#48617f}.ghost:hover{border-color:#bbcdf0;background:#f8faff}.primary{background:var(--brand);color:#fff;box-shadow:0 8px 17px rgba(37,99,235,.2)}.primary:hover{background:var(--brand-dark);box-shadow:0 12px 24px rgba(37,99,235,.25)}.soft{background:var(--brand-soft);color:var(--brand-dark)}.soft:hover{background:#dceaff}.hero{border-color:#dfe8f7;background:#fff;box-shadow:var(--shadow-lg)}.hero-main{background:linear-gradient(135deg,#edf4ff 0%,#f9fbff 58%,#e9f1ff 100%);color:var(--ink)}.hero-main:before{border-color:#cadcf9;box-shadow:0 0 0 48px rgba(100,151,240,.05),0 0 0 97px rgba(100,151,240,.03)}.eyebrow{color:#3f7ee7}.hero h1{font-family:"Plus Jakarta Sans","PingFang SC","Microsoft YaHei",sans-serif;font-weight:800;letter-spacing:-1.8px}.hero p{color:#61738f}.hero .primary{background:var(--brand);color:#fff}.hero .primary:hover{background:var(--brand-dark)}.hero-link{color:#42658e}.hero-side{background:#eaf2ff;color:var(--ink)}.hero-side .side-label,.practice-panel .side-label{color:#4d78b6}.metric{color:var(--ink)}.metric-caption{color:#587093}.mini-progress{background:#cfdef6}.mini-progress span{background:var(--brand)}.hero-side-bottom{border-color:#cddcf1}.hero-side-bottom span{color:#6a7e9b}.section-kicker{color:#4a83e4}.text-link{color:var(--brand)}.category-card,.bank-card,.panel,.stat-card,.quiz-card,.plan,.list-row{background:var(--surface);border-color:var(--line);box-shadow:0 7px 20px rgba(40,75,132,.035)}.category-card:hover,.bank-card:hover,.list-row:hover{border-color:#bdd4f9;box-shadow:0 17px 34px rgba(40,75,132,.1)}.category-icon,.bank-icon,.bank-hero .big-icon{background:var(--brand-soft);color:var(--brand)}.category-card p,.bank-card p,.bank-footer,.category-meta{color:#73849f}.category-meta,.bank-hero,.quiz-meta,.quiz-actions,.side-note,.footer{border-color:var(--line)}.tag{background:#f1f5fb;color:#62738e}.tag.green{background:var(--green-soft);color:var(--green)}.tag.amber{background:var(--amber-soft);color:var(--amber)}.pill{border-color:#dce5f1;background:#fafcff;color:#667895}.filter-chip,.search{border-color:var(--line);background:#fff;color:#4c607f}.filter-chip:hover{border-color:#bdd3f5}.filter-chip.active{border-color:var(--brand);background:var(--brand);color:#fff}.practice-panel,.unlock-panel{background:#f4f8ff}.practice-panel .side-label{color:#4b7fcf}.chapter-row{border-color:var(--line);background:#fbfcff}.chapter-row:hover{border-color:#c2d8fc}.side-note{color:#70819b}.side-note strong{color:var(--ink)}.quiz-stem{font-family:"Plus Jakarta Sans","PingFang SC","Microsoft YaHei",sans-serif;font-weight:650}.option{border-color:var(--line);background:#fff;color:#334a6f}.option:hover{border-color:#a8c7fb;background:#f7faff}.option.selected{border-color:var(--brand);background:#eff5ff}.option.correct{border-color:#61c69d;background:#f0fbf6}.option.wrong{border-color:#ed9ca8;background:#fff4f5}.letter{border-color:#d9e4f2;background:#f7f9fd;color:#69809f}.selected .letter,.correct .letter{border-color:var(--brand);background:var(--brand);color:#fff}.explanation{border-color:#9bc1ff;background:#f1f6ff;color:#49617f}.explanation strong{color:var(--ink)}.qnum{background:#f0f4fa;color:#607492}.qnum.current{background:var(--brand);color:#fff}.quiz-tools button{border-color:var(--line);background:#fff;color:#5a6e8c}.stat-card .value{color:var(--brand)}.avatar{background:var(--brand);color:#fff}.account-card p,.list-row .main p,.tiny{color:#71819a}.plan.recommended{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand),0 18px 40px rgba(37,99,235,.12)}.plan .badge{background:var(--brand);color:#fff}.plan-order{color:#99a8bd}.price{color:var(--ink)}.original{color:#9aa8ba}.plan p,.purchase-note{color:#74839b}.purchase-note a{color:var(--brand-dark)}.pay-method{border-color:var(--line);background:#fff;color:#5f728f}.pay-method.active{border-color:var(--brand);background:var(--brand);color:#fff}.modal{background:#fff;border-color:var(--line)}.close{background:#f1f5fb;color:#62738f}.form-group input,.form-group textarea,.form-group select{border-color:#dce5f1;background:#fff;color:var(--ink)}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ba9bb}.form-tip{color:#71819a}.footer{color:#7c8ba2}.footer-brand{color:#536681}.footer-record{color:#9aa7b8}.legal-card{background:#fff;border-color:var(--line)}.legal-card p{color:#4d607e}.legal-kicker,.legal-consent a,.legal-notice a{color:var(--brand)!important}.legal-notice{border-color:#dce7f6;background:#f4f8ff;color:#60728e}.native-pay-hint{color:var(--ink)}.native-pay-status{color:#74839b}.breadcrumbs{color:#8c9ab0}.breadcrumbs a{color:var(--brand)}.breadcrumbs strong{color:var(--ink)}.category-count{color:var(--brand)}.category-count small{color:#7f8ea4}.practice-mode{border-color:var(--line);background:#fff;color:var(--ink)}.practice-mode:hover{border-color:#afcaf8;background:#f5f9ff}.practice-mode span{color:#71819a}.practice-mode b{color:var(--brand)}.practice-mode.primary-mode{border-color:var(--brand);background:#eff5ff}.password-toggle,.captcha-refresh{border-color:#dce6f2;background:#f5f8fe;color:var(--brand-dark)}.password-toggle:hover,.captcha-refresh:hover{border-color:#b9d0f6}.form-error{color:var(--red)}.toast{background:#18294a;color:#fff;border-color:transparent;box-shadow:0 16px 34px rgba(26,49,89,.28)}.toast.error{background:#a73547}.quiz-actions{background:#fff}.mobile-nav{border-color:var(--line);background:rgba(255,255,255,.96)}.mobile-nav a{color:#7889a1}.mobile-nav a.active{color:var(--brand)}
@media(max-width:700px){.hero-main{min-height:350px}.quiz-actions{background:#fff;box-shadow:0 -10px 22px rgba(255,255,255,.95)}.mobile-nav{background:rgba(255,255,255,.96)}.mobile-nav a.active{color:var(--brand)}}