html,body{margin:0;padding:0}body{font-family:var(--font-manrope), var(--font-noto-sc), -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;-webkit-font-smoothing:antialiased;background:var(--bg);color:var(--text);font-size:15px;line-height:1.6}a{color:var(--teal);text-decoration:none}a:hover{color:#5eead4}*{box-sizing:border-box}body[data-theme=dark]{--bg:#0b1120;--bg2:#0e1628;--card:#121c33;--card2:#18233a;--line:#96a6cc24;--text:#eaf0fb;--text2:#9fb0cc;--text3:#6b7a99;--teal:#2dd4bf;--blue:#4c8dff;--navy:#eaf0fb;--chip:#1a2542;--shadow:0 12px 32px #02081780;--wechat:#07c160;--hero:radial-gradient(900px 420px at 75% -10%, #2dd4bf1f, transparent 60%), radial-gradient(700px 380px at 15% 0%, #4c8dff1f, transparent 60%)}body[data-theme=light]{--bg:#f5f7fc;--bg2:#fff;--card:#fff;--card2:#f1f5fb;--line:#e3e9f4;--text:#101e3c;--text2:#49587a;--text3:#8b97b2;--teal:#0fb5a3;--blue:#1f6feb;--navy:#16295b;--chip:#eaf0fa;--shadow:0 10px 28px #16295b17;--wechat:#07c160;--hero:radial-gradient(900px 420px at 75% -10%, #0fb5a31a, transparent 60%), radial-gradient(700px 380px at 15% 0%, #1f6feb14, transparent 60%)}@keyframes an-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.an-fade{animation:.3s an-fade}.an-fade-fast{animation:.2s an-fade}::selection{background:#2dd4bf4d}.container{max-width:1200px;margin:0 auto;padding-left:28px;padding-right:28px}.nav-bar{z-index:50;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);position:sticky;top:0}.nav-inner{align-items:center;gap:28px;max-width:1200px;height:64px;margin:0 auto;padding:0 28px;display:flex}.nav-links{flex:1;gap:4px;display:flex}.nav-link{cursor:pointer;white-space:nowrap;color:var(--text2);border-radius:8px;padding:7px 13px;font-size:14px;font-weight:500}.nav-link:hover{color:var(--text);background:var(--chip)}.nav-link.active{color:var(--text);font-weight:700}.nav-search{background:var(--chip);border:1px solid var(--line);cursor:pointer;width:190px;color:var(--text3);white-space:nowrap;border-radius:9px;align-items:center;gap:8px;padding:7px 14px;font-size:13px;display:flex}.nav-search:hover{border-color:var(--teal)}.theme-toggle{border:1px solid var(--line);cursor:pointer;width:36px;height:36px;color:var(--text2);background:var(--bg2);border-radius:9px;justify-content:center;align-items:center;display:flex}.theme-toggle:hover{color:var(--teal);border-color:var(--teal)}.avatar{background:linear-gradient(135deg, var(--teal), var(--blue));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:800;display:flex}.btn-grad{background:linear-gradient(120deg, var(--teal), var(--blue));color:#fff;cursor:pointer;text-align:center;border:none;border-radius:11px;font-weight:700}.btn-grad:hover{filter:brightness(1.12)}.btn-outline{border:1px solid var(--line);background:var(--bg2);color:var(--text);cursor:pointer;text-align:center;border-radius:11px;font-weight:600}.btn-outline:hover{border-color:var(--teal)}.btn-wechat{background:var(--wechat);color:#fff;cursor:pointer;text-align:center;border:none;border-radius:11px;font-weight:700}.btn-wechat:hover{filter:brightness(1.08)}.btn-ghost{border:1px solid var(--line);color:var(--text2);cursor:pointer;text-align:center;background:0 0;border-radius:11px;font-weight:600}.btn-ghost:hover{border-color:var(--teal);color:var(--teal)}.card{background:var(--card);border:1px solid var(--line);border-radius:14px}.card-hover{cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}.card-hover:hover{border-color:var(--teal);box-shadow:var(--shadow);transform:translateY(-3px)}.cat-card{background:var(--card);border:1px solid var(--line);cursor:pointer;text-align:center;border-radius:12px;padding:18px 16px;transition:border-color .15s,transform .15s}.cat-card:hover{border-color:var(--teal);transform:translateY(-2px)}.version-chip{color:var(--teal);background:color-mix(in srgb, var(--teal) 12%, transparent);border-radius:6px;padding:3px 8px;font-size:11.5px;font-weight:600}.course-mono{font-family:var(--font-manrope), sans-serif;color:#fff;border-radius:11px;flex:none;justify-content:center;align-items:center;font-weight:800;display:flex}.hover-teal:hover{color:var(--teal)!important}.hover-teal{cursor:pointer}.link-teal{color:var(--teal);cursor:pointer;font-size:14px;font-weight:600}.link-teal:hover{text-decoration:underline}.filter-row{cursor:pointer;color:var(--text2);border-radius:8px;justify-content:space-between;padding:7px 12px;font-size:14px;font-weight:400;display:flex}.filter-row:hover{background:var(--chip)}.filter-row.active{background:var(--chip);color:var(--teal);font-weight:700}.toc-item{cursor:pointer;color:var(--text2);background:0 0;border-radius:8px;align-items:center;gap:9px;padding:7px 10px;font-size:13.5px;font-weight:400;display:flex}.toc-item:hover{background:var(--chip)}.toc-item.active{background:var(--chip);color:var(--teal);font-weight:700}.page-num{border:1px solid var(--line);width:34px;height:34px;color:var(--text2);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:13.5px;display:flex}.page-num:hover{border-color:var(--teal)}.page-num.active{background:var(--teal);color:#fff;border-color:var(--teal);cursor:default;font-weight:700}.mine-tab{cursor:pointer;color:var(--text3);border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 18px;font-size:14.5px;font-weight:500}.mine-tab:hover{color:var(--text)}.mine-tab.active{color:var(--text);border-bottom-color:var(--teal);font-weight:700}.icon-btn{border:1px solid var(--line);color:var(--text2);cursor:pointer;white-space:nowrap;background:0 0;border-radius:9px;align-items:center;gap:7px;padding:8px 15px;font-size:13px;font-weight:600;display:flex}.icon-btn.teal-hover:hover{border-color:var(--teal);color:var(--teal)}.icon-btn.blue-hover:hover{border-color:var(--blue);color:var(--blue)}.icon-btn.on-teal{border-color:color-mix(in srgb, var(--teal) 45%, transparent);background:color-mix(in srgb, var(--teal) 12%, transparent);color:var(--teal);font-weight:700}.icon-btn.on-blue{border-color:color-mix(in srgb, var(--blue) 45%, transparent);background:color-mix(in srgb, var(--blue) 12%, transparent);color:var(--blue);font-weight:700}.icon-btn.on-teal:hover,.icon-btn.on-blue:hover{filter:brightness(1.1)}.qr-box:hover{border-color:var(--wechat)!important}input[type=checkbox]{accent-color:var(--teal)}.search-input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:14px}.code-block{border:1px solid var(--line);color:#c9d6ee;background:#0d1526;border-radius:12px;padding:18px 22px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13.5px;line-height:1.8;overflow-x:auto}.inline-code{background:var(--chip);border-radius:5px;padding:1px 6px;font-family:ui-monospace,monospace}.font-manrope{font-family:var(--font-manrope), sans-serif}.font-noto{font-family:var(--font-noto-sc), sans-serif}@media (max-width:1024px){.grid-6{grid-template-columns:repeat(3,1fr)!important}.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)!important}.nav-search{display:none}}@media (max-width:720px){.grid-6{grid-template-columns:repeat(2,1fr)!important}.grid-4,.grid-3{grid-template-columns:1fr!important}.nav-links{overflow-x:auto}.courses-layout,.detail-layout,.learn-layout{grid-template-columns:1fr!important}}