:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--brand-50:#e6f3f3;--brand-100:#cfe7e7;--brand-300:#74b9b7;--brand-500:#26868b;--brand-600:#11747a;--brand-700:#0f676d;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-900:#111827;--bg:#f4f7f8;--surface:#fff;--surface-raised:#f7fafb;--sidebar-bg:#fff;--border:#dce5e7;--control-border:#d2dcdf;--fg:#172a34;--fg-muted:#5e7078;--fg-faint:#778890;--nav-fg:#4f646d;--accent-bg:var(--brand-700);--accent-fg:#fff;--radius-control:9px;--radius-card:16px;--ease:cubic-bezier(.2, .7, .3, 1);--shadow-xs:0 1px 2px #122f3a0d;--shadow-sm:0 5px 18px #122f3a0f;--shadow-md:0 12px 30px #122f3a17;--ok:#16a34a;--ok-bg:#f0fdf4;--warn:#d97706;--warn-bg:#fffbeb;--err:#b91c1c;--err-bg:#fef2f2}.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d171c;--surface:#142128;--surface-raised:#192931;--sidebar-bg:#101c22;--border:#263941;--control-border:#38505a;--fg:#eef5f5;--fg-muted:#b0c0c4;--fg-faint:#83979d;--nav-fg:#adc0c4;--accent-bg:#49aaa8;--accent-fg:#07191d;--brand-50:#49aaa824;--brand-100:#49aaa840;--brand-300:#71c6c2;--brand-500:#57b6b2;--brand-600:#64c1bd;--brand-700:#7ad0cc;--gray-50:#142128;--gray-100:#1b2b33;--gray-200:#263941;--gray-300:#38505a;--gray-400:#688087;--gray-500:#83979d;--gray-600:#b0c0c4;--gray-900:#eef5f5;--shadow-xs:0 1px 2px #0000002e;--shadow-sm:0 7px 20px #0000002e;--shadow-md:0 14px 34px #0000003d;--ok:#4ade80;--ok-bg:#052e16;--warn:#fbbf24;--warn-bg:#431407;--err:#f87171;--err-bg:#450a0a}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;transition:background-color .15s var(--ease), color .15s var(--ease);font-family:Avenir Next,Avenir,PingFang SC,Microsoft YaHei,sans-serif;font-size:15px;line-height:1.65}code,pre,kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}h1,h2,h3,h4{letter-spacing:0;font-weight:600;line-height:1.25}h1{font-size:26px}h2{font-size:20px}h3{font-size:16px}h4{font-size:14px}p{margin:0 0 12px}a{color:var(--brand-700);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline-offset:2px;outline:3px solid #6b728066}::selection{background:var(--brand-100)}.container{max-width:1260px;margin:0 auto;padding:0 38px 64px}.eyebrow{text-transform:uppercase;letter-spacing:.06em;color:var(--brand-600);margin:0 0 6px;font-size:12px;font-weight:600}.page-title{letter-spacing:0;margin:0 0 8px;font-family:Songti SC,STSong,serif;font-size:30px}.page-subtitle{color:var(--fg-muted);margin:0 0 28px;font-size:14.5px}.btn{border-radius:var(--radius-control);cursor:pointer;min-height:40px;transition:color .15s var(--ease), background-color .15s var(--ease), border-color .15s var(--ease), opacity .15s var(--ease), transform .15s var(--ease);border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:7px 14px;font-size:14px;font-weight:650;line-height:1.4;text-decoration:none;display:inline-flex}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent-bg);color:var(--accent-fg)}.btn-primary:hover:not(:disabled){opacity:.92;text-decoration:none}.btn-secondary{background:var(--surface);border-color:var(--control-border);color:var(--fg)}.btn-secondary:hover:not(:disabled){background:var(--gray-100);text-decoration:none}.btn-danger{color:#fff;background:var(--err);border-color:var(--err)}.btn-lg{border-radius:8px;min-height:44px;padding:0 20px}.btn-block{width:100%}.btn-sm{min-height:34px;padding:5px 10px;font-size:13px}.card{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-sm);transition:border-color .15s var(--ease), background-color .15s var(--ease), box-shadow .15s var(--ease), transform .15s var(--ease);padding:24px}.card-hover:hover{border-color:var(--gray-400);box-shadow:var(--shadow-md);transform:translateY(-1px)}.card-title{margin:0 0 8px;font-size:16px;font-weight:600}.card-subtitle{color:var(--fg-muted);margin:0;font-size:13.5px}.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.pill{border:1px solid var(--border);color:var(--fg-muted);white-space:nowrap;border-radius:9999px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;display:inline-flex}.pill-brand{background:var(--brand-50);color:var(--brand-700);border-color:#0000}.pill-ok{background:var(--ok-bg);color:var(--ok);border-color:#0000}.pill-warn{background:var(--warn-bg);color:var(--warn);border-color:#0000}.pill-err{background:var(--err-bg);color:var(--err);border-color:#0000}.input,.select{border:1px solid var(--control-border);border-radius:var(--radius-control);background:var(--surface);color:var(--fg);padding:8px 12px;font-family:inherit;font-size:15px}.input:focus,.select:focus{border-color:var(--gray-400);outline:none;box-shadow:0 0 0 2px #9ca3af4d}.muted{color:var(--fg-muted)}.faint{color:var(--fg-faint)}.small{font-size:12px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.flex{align-items:center;gap:10px;display:flex}.flex-between{justify-content:space-between;align-items:center;gap:10px;display:flex}.flex-wrap{flex-wrap:wrap}.grow{flex:auto}.center{text-align:center}.empty-state{text-align:center;color:var(--fg-muted);padding:44px 24px}.page-heading{margin-bottom:26px}@media (width<=800px){.container{padding:22px 16px 42px}.page-title{font-size:25px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.app-shell{grid-template-columns:232px minmax(0,1fr);min-height:100vh;display:grid}.shell-sidebar{background:var(--sidebar-bg);border-right:1px solid var(--border);z-index:30;flex-direction:column;height:100vh;padding:24px 18px 18px;display:flex;position:sticky;top:0}.shell-brand{color:var(--fg);align-items:center;gap:10px;margin:0 8px 26px;font-size:17px;font-weight:750;text-decoration:none;display:flex}.shell-brand:hover{text-decoration:none}.shell-brand-mark{color:#fff;background:var(--brand-700);width:34px;height:34px;box-shadow:var(--shadow-sm);border-radius:11px;place-items:center;font-family:Songti SC,STSong,serif;font-size:18px;display:grid}.course-switcher{border:1px solid var(--brand-100);background:var(--brand-50);border-radius:12px;gap:5px;margin-bottom:24px;padding:11px 12px;display:grid}.course-switcher-label{color:var(--fg-muted);letter-spacing:.04em;font-size:11px;font-weight:650}.course-switcher select{appearance:none;width:100%;color:var(--fg);text-overflow:ellipsis;cursor:pointer;background:0 0;border:0;outline:0;padding:0 18px 0 0;font-family:inherit;font-size:12px;font-weight:600;line-height:1.5}.shell-nav-label{color:var(--fg-faint);letter-spacing:.08em;margin:0 12px 7px;font-size:11px;font-weight:650}.shell-nav{gap:5px;display:grid}.shell-nav-item{min-height:44px;color:var(--nav-fg);transition:background-color .15s var(--ease), color .15s var(--ease), transform .15s var(--ease);border-radius:10px;align-items:center;gap:11px;padding:0 12px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.shell-nav-item:hover{color:var(--fg);background:var(--surface-raised);text-decoration:none}.shell-nav-item.active{color:var(--brand-700);background:var(--brand-50)}.shell-sidebar-footer{border-top:1px solid var(--border);margin-top:auto;padding:16px 10px 0}.shell-sync{min-height:24px;color:var(--fg-muted);align-items:center;gap:7px;font-size:12px;text-decoration:none;display:inline-flex}a.shell-sync:hover{color:var(--fg);text-decoration:none}.sync-indicator-dot{border-radius:50%;flex:none;width:7px;height:7px}.sync-idle{background:var(--gray-400)}.sync-syncing{background:var(--brand-500);animation:1s ease-in-out infinite sync-pulse}.sync-synced{background:var(--ok)}.sync-offline{background:var(--warn)}.sync-error{background:var(--err)}@keyframes sync-pulse{0%,to{opacity:1}50%{opacity:.35}}.shell-profile{align-items:center;gap:10px;margin-top:13px;display:flex}.shell-avatar{width:34px;height:34px;color:var(--brand-700);background:var(--brand-100);border-radius:50%;place-items:center;font-size:11px;font-weight:750;display:grid}.shell-profile strong,.shell-profile small{display:block}.shell-profile strong{font-size:12px}.shell-profile small{color:var(--fg-faint);margin-top:2px;font-size:10px}.shell-body{min-width:0}.shell-toolbar{height:72px;color:var(--fg-muted);justify-content:space-between;align-items:center;padding:0 38px;font-size:13px;display:flex}.shell-toolbar-actions{align-items:center;gap:14px;display:flex}.shell-icon-button{border:1px solid var(--control-border);width:38px;height:38px;color:var(--fg-muted);background:var(--surface);box-shadow:var(--shadow-xs);cursor:pointer;border-radius:10px;place-items:center;display:grid}.shell-icon-button:hover{color:var(--fg);border-color:var(--gray-400)}.shell-mobile-header,.shell-bottom-nav{display:none}.main-content{min-width:0}@media (width<=800px){.app-shell{display:block}.shell-sidebar,.shell-toolbar{display:none}.shell-mobile-header{z-index:30;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;gap:10px;min-height:58px;padding:7px 16px;display:flex;position:sticky;top:0}.shell-mobile-header .shell-brand{flex:none;margin:0}.shell-mobile-header .shell-brand-mark{border-radius:9px;width:30px;height:30px;font-size:16px}.shell-mobile-header .shell-brand>span:last-child{font-size:15px}.course-switcher.is-compact{flex:auto;min-width:0;margin:0 0 0 auto;padding:6px 9px}.course-switcher.is-compact .course-switcher-label{display:none}.course-switcher.is-compact select{font-size:11px}.shell-bottom-nav{z-index:40;height:calc(64px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--border);background:color-mix(in srgb, var(--surface) 95%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.shell-bottom-nav a{color:var(--fg-faint);place-content:center;justify-items:center;gap:3px;font-size:10px;text-decoration:none;display:grid}.shell-bottom-nav a.active{color:var(--brand-700);font-weight:700}.main-content{padding-bottom:76px}}