:root{--bg:#111112;--bg-deep:#070708;--fg:#f7f4ec;--muted:#aaa59a;--muted-2:#777267;--border:#ffffff1a;--card:#1c1c1f;--card-2:#252528;--accent:#ff5a2c;--accent-2:#21c6b7;--accent-3:#a879ff;--accent-4:#f4c84f;--accent-soft:#ff5a2c29;--new:#73706a;--learning:#ff8a2a;--mastered:#37d67a;--danger:#ff5f6d;--shadow:0 22px 60px #00000059}*{box-sizing:border-box}html,body{background:radial-gradient(circle at 15% -10%, #21c6b733, transparent 30%), radial-gradient(circle at 90% 10%, #a879ff2e, transparent 28%), linear-gradient(180deg, #171719 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}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{margin-top:40px}.course-section:first-of-type{margin-top:8px}.course-head{letter-spacing:0;border-bottom:1px solid var(--border);margin:0;padding-bottom:10px;font-size:22px;font-weight:800}.course-sub{margin:12px 0 0;font-size:13px}.cat-link{min-width:0;display:block}.cat-card{background:linear-gradient(145deg, #ffffff14, #ffffff05), 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, #ffffff38 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%, white);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%, white);border:1px solid color-mix(in srgb, var(--cat-color,var(--accent-2)) 28%, transparent)}.cat-badge.soon{color:var(--muted);background:#ffffff12}.cat-en{z-index:1;color:var(--muted);margin:5px 0 10px;font-size:12px;position:relative}.cat-blurb{z-index:1;color:#d6d1c6;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{border:1px solid var(--border);background:#ffffff0f;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:#ffffff17;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:#ffffff0b;border:1px solid #ffffff13;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, #ffffff13, #ffffff09), 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:#b9fff6;background:#21c6b71f;border:1px solid #21c6b74d;border-radius:14px;padding:14px 16px;font-size:14px}.error{color:#ffd1d6;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{border:1px solid var(--border);color:var(--fg);cursor:pointer;background:#ffffff12;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;min-height:58px;color:var(--fg);cursor:pointer;background:#ffffff12;border:1px solid #ffffff1c;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:#c8ffd9;background:#37d67a29;border-color:#37d67aa6;font-weight:800}.option-btn.wrong{color:#ffd1d6;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:#dbffe7;background:#37d67a24;border:1px solid #37d67a59}.feedback.no{color:#ffe3e6;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{color:var(--fg);border:1px solid var(--border);box-shadow:none;background:#ffffff12}.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(--accent-2);font-weight:800}.hl2{color:var(--accent-4);font-weight:800}.figures{flex-direction:column;gap:16px;margin:4px 0 14px;display:flex}.figure{color:#26231e;background:#f8f6ee;border:1px solid #ffffff1a;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 figcaption{color:#5f5a50;text-align:center;margin-top:10px;font-size:13px;line-height:1.5}.progress{border:1px solid var(--border);background:#ffffff0e;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:#ffffff1a;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{border:1px solid var(--border);color:var(--muted);background:#ffffff0e;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{border:1px solid var(--border);min-height:44px;color:var(--fg);background:#ffffff12;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}.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}}