:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media(prefers-color-scheme:dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--bg-body: #F6F4ED;--bg-card: #FFFFFF;--ink-dark: #2B2623;--ink-light: #332C28;--gold-accent: #D7C3A8;--gold-dark: #B5986D;--gold-text: #C0A483;--primary-red: #9E3D34;--tag-red-bg: #F7EAE8;--text-sub: #8B837B;--border-line: #EFEBE3;--hover-bg: #F0EBE1;--correct-green: #4A7A59}body{margin:0;background-color:var(--bg-body);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,sans-serif;color:var(--ink-light);background-image:radial-gradient(rgba(215,195,168,.4) 1px,transparent 1px);background-size:16px 16px;-webkit-tap-highlight-color:transparent}.serif{font-family:"Noto Serif SC",Songti SC,STKaiti,serif}#app{margin:0;padding:0;font-weight:400}:root{--admin-bg: #F8F7F5;--admin-canvas: #F8F7F5;--admin-surface: #FFFFFF;--admin-surface-strong: #FFFFFF;--admin-surface-soft: #F9F8F6;--admin-border: rgba(0, 0, 0, .05);--admin-border-strong: rgba(0, 0, 0, .1);--admin-text: #1A1A1A;--admin-text-muted: #5C5C5C;--admin-text-soft: #9CA3AF;--admin-primary: rgba(36, 58, 81, .12);--admin-primary-strong: #243A51;--admin-primary-soft: rgba(36, 58, 81, .06);--admin-danger: #C04848;--admin-danger-soft: rgba(192, 72, 72, .08);--admin-success: #16A34A;--admin-warning: #D97706;--admin-shadow: 0 4px 24px rgba(0, 0, 0, .03);--admin-shadow-float: 0 8px 30px rgba(0, 0, 0, .04);--admin-shadow-soft: 0 2px 8px rgba(0, 0, 0, .02);--admin-sidebar-bg: rgba(255, 255, 255, .8);--admin-sidebar-border: #F0EEE9;--admin-sidebar-text: #5C5C5C;--admin-sidebar-text-active: #243A51;--admin-sidebar-hover-bg: rgba(255, 255, 255, .7);--admin-sidebar-active-bg: #FFFFFF;--admin-sidebar-accent: #243A51;--font-sans: "Inter", -apple-system, "PingFang SC", sans-serif;--font-serif: "Noto Serif SC", "Source Han Serif SC", serif}body{background:var(--admin-bg);color:var(--admin-text);font-family:var(--font-sans);margin:0;padding:0;background-image:none}.admin-card{background:#fff;border:1px solid rgba(0,0,0,.03);border-radius:20px;box-shadow:0 4px 24px #00000006;transition:transform .25s ease,box-shadow .25s ease}.admin-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0000000d}.admin-soft-card{background:#fff;border:1px solid rgba(0,0,0,.04);border-radius:14px;box-shadow:0 2px 8px #00000005}.admin-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:5px;border:1px solid var(--admin-border);background:var(--admin-surface-soft);color:var(--admin-text-muted);font-size:12px;font-weight:500}.admin-btn-primary,.admin-btn-secondary,.admin-btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 18px;border-radius:999px;border:1px solid transparent;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s,opacity .15s,box-shadow .2s;white-space:nowrap}.admin-btn-primary{background:#243a51;color:#fff;border-color:#243a51;box-shadow:0 4px 14px #243a5140}.admin-btn-primary:hover:not(:disabled){background:#1c2e40;border-color:#1c2e40;box-shadow:0 6px 20px #243a5159}.admin-btn-secondary{background:var(--admin-surface);color:var(--admin-text);border-color:var(--admin-border)}.admin-btn-secondary:hover:not(:disabled){background:var(--admin-surface-soft);border-color:var(--admin-border-strong)}.admin-btn-danger{background:var(--admin-surface);color:var(--admin-danger);border-color:#dc262638}.admin-btn-danger:hover:not(:disabled){background:#dc26260d}.admin-btn-primary:disabled,.admin-btn-secondary:disabled,.admin-btn-danger:disabled{opacity:.5;cursor:not-allowed}.admin-status-dot{width:7px;height:7px;border-radius:50%;background:currentColor;display:inline-block}.admin-empty-state{padding:32px 20px;border:1px dashed rgba(0,0,0,.08);border-radius:16px;background:#f9f8f6;color:#9ca3af;text-align:center;font-size:14px}.main-canvas .three-column-layout,.main-canvas .two-column-layout{gap:16px}.main-canvas .three-column-layout>.categories-panel,.main-canvas .three-column-layout>.lessons-panel,.main-canvas .three-column-layout>.exercises-panel,.main-canvas .two-column-layout>.list-panel,.main-canvas .two-column-layout>.form-panel,.main-canvas .two-column-layout>.detail-panel{background:#fff;border:1px solid rgba(0,0,0,.04);border-radius:20px;box-shadow:0 4px 24px #00000006}.main-canvas .three-column-layout .panel-header,.main-canvas .two-column-layout .panel-header{padding:18px 20px;border-bottom:1px solid rgba(0,0,0,.05);background:transparent;border-radius:20px 20px 0 0}.main-canvas .three-column-layout .panel-desc,.main-canvas .two-column-layout .panel-desc{color:#9ca3af;font-size:13px;margin:3px 0 0}.main-canvas .category-item,.main-canvas .lesson-card{border-radius:12px;border:1px solid transparent;background:transparent;transition:all .2s ease}.main-canvas .category-item:hover,.main-canvas .lesson-card:hover{border-color:#0000000f;background:#f9f8f6}.main-canvas .category-item.active{border-color:#243a5133;background:#243a510d;color:#243a51}.main-canvas .category-icon,.main-canvas .category-icon-default,.main-canvas .chapter-badge{width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:#243a510f;border:1px solid rgba(36,58,81,.08);color:#243a51;font-weight:700;font-size:13px}.main-canvas .btn-add-category,.main-canvas .btn-import,.main-canvas .btn-create,.main-canvas .btn-page,.main-canvas .btn-edit,.main-canvas .btn-delete,.main-canvas .btn-save{border-radius:999px;font-weight:500;font-size:13px;cursor:pointer;transition:all .2s ease;padding:0 14px;height:34px;display:inline-flex;align-items:center;gap:5px}.main-canvas .btn-add-category{width:32px;padding:0;border:none;background:#243a51;color:#fff;box-shadow:0 2px 8px #243a5133}.main-canvas .btn-add-category:hover:not(:disabled){background:#1c2e40}.main-canvas .btn-import,.main-canvas .btn-page,.main-canvas .btn-edit{background:#fff;color:#1a1a1a;border:1px solid rgba(0,0,0,.08)}.main-canvas .btn-import:hover,.main-canvas .btn-page:hover:not(:disabled),.main-canvas .btn-edit:hover{border-color:#243a5140;color:#243a51}.main-canvas .btn-page:disabled{opacity:.4;cursor:not-allowed}.main-canvas .btn-create,.main-canvas .btn-save{background:#243a51;color:#fff;border:1px solid #243A51;box-shadow:0 4px 14px #243a5133}.main-canvas .btn-create:hover,.main-canvas .btn-save:hover{background:#1c2e40;box-shadow:0 6px 20px #243a514d}.main-canvas .btn-delete{background:transparent;color:#c04848;border:1px solid rgba(192,72,72,.2)}.main-canvas .btn-delete:hover{background:#c048480f;border-color:#c0484859}.main-canvas .filter-select,.main-canvas .form-input,.main-canvas .form-textarea,.main-canvas .json-textarea{border-radius:12px;border:1px solid rgba(0,0,0,.08);background:#f9f8f6;color:#1a1a1a;font-size:14px;padding:9px 12px;transition:border-color .2s,box-shadow .2s;font-family:var(--font-sans)}.main-canvas .filter-select:focus,.main-canvas .form-input:focus,.main-canvas .form-textarea:focus,.main-canvas .json-textarea:focus{outline:none;border-color:#243a51;background:#fff;box-shadow:0 0 0 3px #243a5114}.main-canvas table thead th{color:#5c5c5c;font-size:12px;font-weight:600;letter-spacing:.03em;border-bottom:1px solid rgba(0,0,0,.06);background:#f9f8f6;padding:10px 14px}.main-canvas table tbody td{border-bottom:1px solid rgba(0,0,0,.04);padding:12px 14px;color:#1a1a1a;font-size:14px}.main-canvas table tbody tr:hover td{background:#243a5105}.main-canvas table tbody tr:last-child td{border-bottom:none}.main-canvas .type-badge,.main-canvas .status-badge,.main-canvas .difficulty-badge,.main-canvas .module-tag,.main-canvas .badge{border-radius:8px;font-size:11px;font-weight:600;padding:2px 8px}.main-canvas .empty-state,.main-canvas .empty-state-large,.main-canvas .empty-state-panel{border-radius:16px;border:1px dashed rgba(0,0,0,.08);background:#f9f8f6;color:#9ca3af;font-size:14px;padding:32px;text-align:center}.main-canvas .categories-list,.main-canvas .lesson-list,.main-canvas .exercises-list,.main-canvas .lessons-list{scrollbar-width:thin;scrollbar-color:#E5E5E5 transparent}.main-canvas .categories-list::-webkit-scrollbar,.main-canvas .lesson-list::-webkit-scrollbar,.main-canvas .exercises-list::-webkit-scrollbar,.main-canvas .lessons-list::-webkit-scrollbar{width:4px}.main-canvas .categories-list::-webkit-scrollbar-thumb,.main-canvas .lesson-list::-webkit-scrollbar-thumb,.main-canvas .exercises-list::-webkit-scrollbar-thumb,.main-canvas .lessons-list::-webkit-scrollbar-thumb{background:#e5e5e5;border-radius:10px}*{margin:0;padding:0;box-sizing:border-box}