:root{--bg:#111112;--bg-deep:#070708;--glow-a:#21c6b733;--glow-b:#a879ff2e;--fg:#f7f4ec;--muted:#aaa59a;--muted-2:#777267;--border:#ffffff1a;--card:#1c1c1f;--card-2:#252528;--surface:#ffffff0f;--surface-2:#ffffff17;--surface-3:#ffffff0b;--text-soft:#d6d1c6;--card-glint-a:#ffffff14;--card-glint-b:#ffffff05;--tile-stripe:#ffffff38;--accent:#ff5a2c;--accent-2:#21c6b7;--accent-3:#a879ff;--accent-4:#f4c84f;--highlight-core:#21c6b7;--highlight-term:#4aa3ff;--highlight-caution:#ff6fae;--accent-soft:#ff5a2c29;--new:#73706a;--learning:#ff8a2a;--mastered:#37d67a;--danger:#ff5f6d;--shadow:0 22px 60px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#f4f0e8;--bg-deep:#fffaf1;--glow-a:#21c6b729;--glow-b:#ff5a2c1f;--fg:#1f2326;--muted:#6f6b63;--muted-2:#918a7d;--border:#24231f1f;--card:#fffdfa;--card-2:#f2ece2;--surface:#24231f0e;--surface-2:#24231f16;--surface-3:#24231f0b;--text-soft:#504a40;--card-glint-a:#ffffffc7;--card-glint-b:#fffaf175;--tile-stripe:#24231f24;--highlight-core:#008c80;--highlight-term:#126fe3;--highlight-caution:#c8236f;--accent-soft:#ff5a2c21;--new:#8a8376;--shadow:0 18px 42px #4436241f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:radial-gradient(circle at 15% -10%, var(--glow-a), transparent 30%), radial-gradient(circle at 90% 10%, var(--glow-b), transparent 28%), linear-gradient(180deg, var(--bg) 0%, var(--bg-deep) 100%);min-height:100%;color:var(--fg);margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;line-height:1.65}.container{width:min(100%,860px);margin:0 auto;padding:28px 18px 88px}.theme-toggle{z-index:200;border:1px solid var(--border);background:color-mix(in srgb, var(--card) 88%, transparent);min-height:38px;color:var(--fg);box-shadow:var(--shadow);cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:7px 12px;font-size:13px;font-weight:800;display:inline-flex;position:fixed;top:16px;right:16px}.theme-toggle:hover{color:var(--accent);border-color:#ff5a2c8c}.theme-toggle:active{transform:translateY(1px)}.theme-icon{justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}main{min-height:calc(100vh - 116px)}a{color:inherit;text-decoration:none}h1{letter-spacing:0;margin:0 0 8px;font-size:34px;line-height:1.05}.subtitle{color:var(--muted);margin:0 0 28px;font-size:15px}.catalog{grid-template-columns:repeat(auto-fill,minmax(238px,1fr));gap:14px;margin-top:18px;display:grid}.course-section{border:1px solid var(--border);background:linear-gradient(145deg, var(--surface), transparent), color-mix(in srgb, var(--card) 92%, transparent);box-shadow:var(--shadow);border-radius:18px;margin-top:16px;overflow:hidden}.course-section:first-of-type{margin-top:18px}.course-section[open]{padding-bottom:18px}.course-summary{cursor:pointer;justify-content:space-between;align-items:center;gap:18px;min-height:86px;padding:18px 20px;list-style:none;display:flex}.course-summary::-webkit-details-marker{display:none}.course-summary:after{content:"›";border:1px solid var(--border);background:var(--surface);width:34px;height:34px;color:var(--muted);border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:24px;line-height:1;transition:transform .16s,color .16s,border-color .16s;display:inline-flex;transform:rotate(90deg)}.course-section[open] .course-summary:after{color:var(--accent);border-color:#ff5a2c73;transform:rotate(-90deg)}.course-title-wrap{flex-direction:column;gap:4px;min-width:0;display:flex}.course-head{letter-spacing:0;margin:0;font-size:22px;font-weight:800}.course-sub{color:var(--muted);font-size:13px}.course-meta{background:var(--accent-soft);color:var(--accent);white-space:nowrap;border:1px solid #ff5a2c33;border-radius:999px;flex:none;margin-left:auto;padding:4px 10px;font-size:12px;font-weight:800}.course-section .catalog{margin:0 18px}.cat-link{min-width:0;display:block}.cat-card{background:linear-gradient(145deg, var(--card-glint-a), var(--card-glint-b)), var(--card);border:1px solid var(--border);height:100%;min-height:180px;box-shadow:var(--shadow);border-radius:18px;padding:18px;transition:transform .16s,border-color .16s,background .16s;position:relative;overflow:hidden}.cat-card:before{content:"";background:var(--cat-color,var(--accent-2));clip-path:polygon(25% 6%,75% 6%,100% 50%,75% 94%,25% 94%,0 50%);opacity:.18;width:140px;height:140px;position:absolute;inset:auto -34px -48px auto;transform:rotate(16deg)}.cat-card:after{content:"";background:linear-gradient(90deg, var(--cat-color,var(--accent-2)) 0 10px, transparent 10px 14px), linear-gradient(90deg, var(--tile-stripe) 0 10px, transparent 10px 14px);opacity:.75;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background-position:0 0,7px 18px;background-size:14px 18px,14px 18px;width:44px;height:38px;position:absolute;bottom:18px;left:18px}.cat-link:nth-child(4n+1) .cat-card{--cat-color:var(--accent-2)}.cat-link:nth-child(4n+2) .cat-card{--cat-color:var(--accent-3)}.cat-link:nth-child(4n+3) .cat-card{--cat-color:var(--accent-4)}.cat-link:nth-child(4n+4) .cat-card{--cat-color:#4aa3ff}.cat-link:hover .cat-card:not(.planned){border-color:color-mix(in srgb, var(--cat-color,var(--accent-2)) 68%, var(--fg));transform:translateY(-3px)}.cat-card.planned{opacity:.52}.cat-head{z-index:1;justify-content:space-between;align-items:flex-start;gap:10px;display:flex;position:relative}.cat-subject{font-size:20px;font-weight:800;line-height:1.2}.cat-badge{white-space:nowrap;border-radius:999px;flex:none;padding:3px 10px;font-size:12px;font-weight:700}.cat-badge.on{background:color-mix(in srgb, var(--cat-color,var(--accent-2)) 18%, transparent);color:color-mix(in srgb, var(--cat-color,var(--accent-2)) 78%, var(--fg));border:1px solid color-mix(in srgb, var(--cat-color,var(--accent-2)) 28%, transparent)}.cat-badge.soon{background:var(--surface);color:var(--muted)}.cat-en{z-index:1;color:var(--muted);margin:5px 0 10px;font-size:12px;position:relative}.cat-blurb{z-index:1;color:var(--text-soft);margin:0 0 42px;font-size:14px;line-height:1.58;position:relative}.cat-foot{z-index:1;justify-content:flex-end;align-items:center;gap:10px;display:flex;position:absolute;bottom:16px;left:18px;right:18px}.cat-source{display:none}.cat-go{background:var(--accent);color:#fff;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:38px;padding:8px 14px;font-size:13px;font-weight:800;display:inline-flex;box-shadow:0 10px 24px #ff5a2c47}.topic-head{align-items:center;gap:8px;margin:28px 0 12px;font-size:18px;font-weight:800;display:inline-flex}.topic-head:before{content:"";background:var(--accent-2);width:11px;height:11px;box-shadow:14px 0 0 var(--accent-3), 28px 0 0 var(--accent-4);border-radius:999px}.chapter{margin-bottom:28px}.chapter-title{color:var(--muted);margin:0 0 10px;font-size:14px;font-weight:700}.concept-list{flex-direction:column;gap:9px;display:flex}.concept-item{background:var(--surface);border:1px solid var(--border);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:14px 16px;transition:transform .14s,border-color .14s,background .14s;display:flex}.concept-item:hover{background:var(--surface-2);border-color:#ff5a2cb3;transform:translateY(-1px)}.concept-name{font-size:16px;font-weight:700;display:block}.concept-en{color:var(--muted);margin-top:1px;margin-left:0;font-size:12px;display:block}.badge{white-space:nowrap;color:#111;border-radius:999px;flex:none;padding:3px 10px;font-size:12px;font-weight:800}.badge.new{background:#918c83}.badge.learning{background:var(--learning)}.badge.mastered{background:var(--mastered)}.back{color:var(--muted);align-items:center;margin-bottom:20px;font-size:14px;display:inline-flex}.back:hover{color:var(--accent)}.section{background:var(--surface-3);border:1px solid var(--border);border-radius:14px;margin-bottom:14px;padding:16px}.section h3{color:var(--accent-2);margin:0 0 6px;font-size:13px}.section p{margin:0}.card{background:linear-gradient(180deg, var(--card-glint-a), var(--card-glint-b)), var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:22px;padding:20px}.btn{background:var(--accent);color:#fff;cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 18px;font-size:15px;font-weight:800;display:inline-flex;box-shadow:0 12px 28px #ff5a2c47}.btn:disabled{opacity:.6;cursor:default}.notice{color:color-mix(in srgb, var(--accent-2) 72%, var(--fg));background:#21c6b71f;border:1px solid #21c6b74d;border-radius:14px;padding:14px 16px;font-size:14px}.error{color:color-mix(in srgb, var(--danger) 72%, var(--fg));background:#ff5f6d1f;border:1px solid #ff5f6d59;border-radius:14px;padding:14px 16px;font-size:14px}.misconception{border-left:4px solid var(--accent-4);background:#f4c84f1f;border-radius:12px;padding:13px 15px}.study-header{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;font-size:14px;display:flex}.link-btn{background:var(--surface);border:1px solid var(--border);color:var(--fg);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:8px 12px;font-size:14px;font-weight:700;display:inline-flex}.link-btn:hover{color:var(--accent);border-color:#ff5a2c99}.q-tag{color:#111;border-radius:999px;margin-bottom:12px;padding:3px 11px;font-size:12px;font-weight:900;display:inline-flex}.q-tag.learn{background:var(--accent-2)}.q-tag.quiz{background:var(--learning)}.q-tag.review{background:var(--mastered)}.q-tag.redo{background:var(--danger);color:#fff}.q-meta{color:var(--muted);margin-bottom:8px;font-size:13px}.q-question{margin-bottom:20px;font-size:22px;font-weight:800;line-height:1.38}.options{flex-direction:column;gap:12px;display:flex}.option-btn{text-align:left;background:var(--surface);border:1px solid var(--border);min-height:58px;color:var(--fg);cursor:pointer;border-radius:16px;padding:14px 16px;font-size:15px;transition:transform .12s,border-color .12s,background .12s}.option-btn:hover:not(:disabled){border-color:#ff5a2cb8;transform:translateY(-1px)}.option-btn.selected{border-color:var(--accent);background:var(--accent-soft)}.option-btn.correct{color:color-mix(in srgb, var(--mastered) 62%, var(--fg));background:#37d67a29;border-color:#37d67aa6;font-weight:800}.option-btn.wrong{color:color-mix(in srgb, var(--danger) 68%, var(--fg));background:#ff5f6d24;border-color:#ff5f6db3}.option-btn:disabled{cursor:default}.cloze-reveal{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.cloze-hint{color:var(--muted);margin:0;font-size:14px}.cloze-filled{font-size:16px}.cloze-rating{flex-wrap:wrap}.feedback{border-radius:14px;margin-top:16px;padding:13px 15px;font-size:14px;line-height:1.6}.feedback.ok{color:color-mix(in srgb, var(--mastered) 58%, var(--fg));background:#37d67a24;border:1px solid #37d67a59}.feedback.no{color:color-mix(in srgb, var(--danger) 62%, var(--fg));background:#ff5f6d1f;border:1px solid #ff5f6d59}.q-explain{color:var(--muted);margin-top:6px}.rating-row{gap:12px;margin-top:16px;display:flex}.btn.ghost{background:var(--surface);color:var(--fg);border:1px solid var(--border);box-shadow:none}.btn.ghost:hover{color:var(--accent);border-color:#ff5a2cb3}.done-card{text-align:center;padding-top:42px;position:relative;overflow:hidden}.done-card:before{content:"";background:radial-gradient(circle at 24px 20px, var(--mastered) 0 13px, transparent 14px), radial-gradient(circle at 72px 18px, var(--mastered) 0 16px, transparent 17px), radial-gradient(circle at 92px 54px, var(--mastered) 0 12px, transparent 13px), linear-gradient(135deg, transparent 42%, #ffffff38 42% 58%, transparent 58%);opacity:.9;width:112px;height:84px;margin:0 auto 18px;display:block}.done-card .btn{text-decoration:none}.hl{color:var(--highlight-core);font-weight:800}.hl2{color:var(--highlight-term);font-weight:800}.hl3{color:var(--highlight-caution);font-weight:800}.figures{flex-direction:column;gap:16px;margin:4px 0 14px;display:flex}.figure{border:1px solid var(--border);color:#26231e;background:#f8f6ee;border-radius:16px;margin:0;padding:16px 16px 10px}.figure-svg{width:100%;overflow-x:auto}.figure-svg svg{width:100%;max-width:560px;height:auto;margin:0 auto;display:block}.figure-img{object-fit:contain;background:#efe9dc;border-radius:10px;width:100%;max-width:620px;max-height:360px;margin:0 auto;display:block}.figure figcaption{color:#5f5a50;text-align:center;margin-top:10px;font-size:13px;line-height:1.5}.figure-credit{color:#7a7367;text-align:center;margin-top:4px;font-size:11px;line-height:1.4}.figure-credit a{text-underline-offset:2px;text-decoration:underline}.progress{background:var(--surface);border:1px solid var(--border);border-radius:16px;margin-bottom:24px;padding:12px 14px}.progress-head{color:var(--muted);justify-content:space-between;margin-bottom:8px;font-size:13px;display:flex}.progress-track{background:var(--surface-2);border-radius:999px;height:9px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent), var(--accent-2));border-radius:999px;height:100%;transition:width .3s}.source-note{background:var(--surface);border:1px solid var(--border);color:var(--muted);border-radius:14px;margin-top:14px;padding:12px 14px;font-size:12px;line-height:1.6}.source-note a{color:var(--accent-2)}.source-note a:hover{text-decoration:underline}.nav-controls{justify-content:space-between;align-items:center;gap:12px;margin-top:24px;display:flex}.nav-btn{background:var(--surface);border:1px solid var(--border);min-height:44px;color:var(--fg);border-radius:999px;justify-content:center;align-items:center;padding:10px 16px;font-size:15px;font-weight:800;transition:border-color .15s,color .15s;display:inline-flex}.nav-btn:hover{color:var(--accent);border-color:#ff5a2cb3}.nav-btn.disabled{opacity:.4;cursor:default}.nav-btn.quiz-next{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 12px 28px #ff5a2c47}.nav-btn.quiz-next:hover{color:#fff;opacity:.94}.nav-hint{color:var(--muted-2);font-size:12px}@media (max-width:640px){.container{padding:22px 14px 72px}h1{font-size:30px}.subtitle{font-size:14px}.catalog{grid-template-columns:1fr}.course-summary{flex-wrap:wrap;align-items:flex-start;min-height:0;padding:16px}.course-summary:after{margin-left:auto}.course-meta{order:3;margin-left:0}.course-section .catalog{margin:0 14px}.cat-card{min-height:168px}.card{border-radius:20px;padding:16px}.section{padding:14px}.study-header,.nav-controls,.rating-row{flex-direction:column;align-items:stretch}.nav-hint{text-align:center;order:-1}.btn,.nav-btn,.link-btn{width:100%}.q-question{font-size:20px}.concept-item{align-items:flex-start}}