:root{font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#1f2937;background:radial-gradient(circle at top left,rgba(59,130,246,.08),transparent 24%),linear-gradient(180deg,#f6f8fc,#eef2f8 72%);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--text-primary: #1f2937;--text-secondary: #5b6472;--text-muted: #8a93a3;--line-soft: #dbe4f0;--surface: rgba(255, 255, 255, .92);--surface-soft: #f8fafc;--accent-rose: #ea6d57;--accent-gold: #f4b256;--accent-sky: #4c8bf5;--accent-mint: #2fb185}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0;background:inherit}body:before{position:fixed;inset:0;background-image:linear-gradient(rgba(148,163,184,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.06) 1px,transparent 1px);background-size:40px 40px;content:"";opacity:.35;pointer-events:none}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}h1,h2,h3,h4,p{margin-top:0}#root{min-height:100vh}.app-shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh;color:var(--text-primary)}.sidebar{position:sticky;top:0;display:flex;min-height:100vh;flex-direction:column;gap:1.5rem;border-right:1px solid var(--line-soft);background:#ffffffdb;padding:1.5rem 1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand{display:flex;align-items:center;gap:.85rem}.brand-mark{display:grid;height:2.75rem;width:2.75rem;place-items:center;border:1px solid #d7e1ef;border-radius:.9rem;background:linear-gradient(135deg,#edf4ff,#e8f6f0);color:#2459c4;font-size:1.25rem;font-weight:800}.brand p,.brand h1{margin:0}.brand p{color:var(--text-muted);font-size:.8rem}.brand h1{font-size:1.2rem}.nav-list{display:grid;gap:.45rem}.nav-item{display:grid;gap:.15rem;border:1px solid transparent;border-radius:1rem;background:transparent;color:inherit;padding:.8rem .9rem;text-align:left}.nav-item strong{font-size:.95rem}.nav-item span{color:var(--text-muted);font-size:.78rem}.nav-item:hover,.nav-item.active{border-color:#d7e1ef;background:#f4f7fb}.sidebar-note{margin-top:auto;display:grid;gap:.35rem;border:1px solid var(--line-soft);border-radius:1rem;background:var(--surface-soft);padding:.95rem}.sidebar-note span{color:var(--text-muted);font-size:.78rem}.sidebar-note strong{font-size:.95rem;line-height:1.5}.main-stage{padding:1.25rem}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem;border:1px solid var(--line-soft);border-radius:1.25rem;background:var(--surface);padding:1.1rem 1.2rem;box-shadow:0 12px 30px #0f172a0d}.topbar h2,.topbar p{margin:0}.topbar-label{color:var(--text-muted);font-size:.8rem}.topbar h2{margin:.25rem 0;font-size:1.5rem}.topbar-text{color:var(--text-secondary);font-size:.95rem}.topbar-actions,.hero-actions,.tab-row,.action-row,.mobile-nav{display:flex;flex-wrap:wrap;gap:.65rem}.page-stack,.simple-list,.summary-list,.option-list,.focus-list{display:grid;gap:1rem}.hero-card,.panel,.mini-stat,.row-card,.note-card{border:1px solid var(--line-soft);border-radius:1.25rem;background:var(--surface);box-shadow:0 12px 30px #0f172a0d}.hero-card{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;padding:1.4rem}.hero-kicker{margin:0 0 .45rem;color:var(--text-muted);font-size:.8rem}.hero-card h1{margin:0;max-width:40rem;font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.25}.hero-text{margin:.6rem 0 0;color:var(--text-secondary)}.mini-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.mini-stat-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.mini-stat{display:grid;gap:.35rem;padding:1rem}.mini-stat span{color:var(--text-muted);font-size:.8rem}.mini-stat strong{font-size:1.4rem}.two-column{display:grid;grid-template-columns:1.2fr .8fr;gap:1rem}.workspace-grid{grid-template-columns:1.25fr .75fr}.panel{padding:1.1rem}.compact-panel{align-content:start}.section-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.9rem}.section-header h2{margin:0;font-size:1.1rem}.row-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;padding:.95rem 1rem;text-align:left}.row-card.static{cursor:default}.row-card strong,.row-card p{margin:0}.row-card p{margin-top:.25rem;color:var(--text-secondary);font-size:.88rem}.row-card.selected{border-color:#bfd3fb;background:#eef4ff}.row-tag,.price-tag{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#f4f7fb;color:var(--text-secondary);padding:.3rem .65rem;font-size:.78rem;white-space:nowrap}.focus-list{gap:.9rem}.focus-list div,.summary-block,.summary-row,.note-card{border:1px solid var(--line-soft);border-radius:1rem;background:#fff;padding:.95rem 1rem}.focus-list span,.summary-row span{display:block;color:var(--text-muted);font-size:.8rem}.focus-list strong,.summary-block strong,.summary-row strong,.note-card strong{display:block;margin-top:.25rem}.focus-list p,.summary-block p,.note-card p,.answer-text{margin:.35rem 0 0;color:var(--text-secondary)}.topic-list{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}.topic-pill{border-radius:999px;background:#f4f7fb;padding:.55rem .8rem;font-size:.86rem}.tab-button,.ghost-button,.primary-button,.text-button{border-radius:999px;font:inherit}.tab-button,.ghost-button{border:1px solid var(--line-soft);background:#fff;color:inherit;padding:.72rem 1rem}.tab-button.active,.active-toggle{border-color:#bfd3fb;background:#eef4ff}.primary-button{border:1px solid #386fda;background:linear-gradient(135deg,#467cf0,#5a9cf8);color:#fff;padding:.72rem 1rem}.text-button{border:0;background:transparent;color:var(--accent-sky);padding:0}.wide{width:100%}.quiz-card{display:grid;gap:1rem}.quiz-card strong{font-size:1rem;line-height:1.6}.option-card{width:100%;border:1px solid var(--line-soft);border-radius:1rem;background:#fff;color:inherit;padding:.85rem .95rem;text-align:left}.option-card.selected{border-color:#bfd3fb;background:#eef4ff}.option-card.correct{border-color:#b9e7d6;background:#eefbf6}.option-card.wrong{border-color:#f2c1b9;background:#fff3f1}.summary-row.split{display:grid;gap:.35rem}.pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.price-panel h2,.price-panel p{margin:0}.price-panel h2{margin-top:.5rem;font-size:2.5rem}.price-panel p{margin-top:.35rem;color:var(--text-secondary)}.price-panel.featured{border-color:#bfd3fb;background:linear-gradient(180deg,#4c8bf50f,#ffffffeb)}.mobile-nav{display:none;margin-bottom:1rem}button{cursor:pointer;transition:border-color .16s ease,background-color .16s ease,transform .16s ease,box-shadow .16s ease}button:hover{transform:translateY(-1px)}@media(max-width:1080px){.app-shell,.two-column,.workspace-grid,.pricing-grid,.mini-stat-grid,.mini-stat-grid.compact{grid-template-columns:1fr}.sidebar{display:none}.mobile-nav{display:flex}}@media(max-width:720px){.main-stage{padding:1rem}.topbar,.hero-card,.row-card{flex-direction:column;align-items:stretch}.topbar-actions,.hero-actions,.tab-row,.action-row,.mobile-nav{width:100%}.topbar-actions>*,.hero-actions>*,.tab-row>*,.action-row>*{flex:1 1 auto}}