@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;background:#fafafa;color:#171717;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--color-primary: #171717;--color-on-primary: #ffffff;--color-accent: #b45309;--color-accent-hover: #92400e;--color-accent-light: #fef3c7;--color-background: #fafafa;--color-surface: #ffffff;--color-surface-alt: #f5f5f5;--color-foreground: #171717;--color-muted: #737373;--color-muted-light: #a3a3a3;--color-border: #e5e5e5;--color-border-hover: #d4d4d4;--color-destructive: #dc2626;--color-destructive-light: #fef2f2;--color-success: #16a34a;--color-success-light: #f0fdf4;--color-warning: #ca8a04;--color-warning-light: #fefce8;--color-ring: #171717;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--color-background);line-height:1.5}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{width:min(1400px,calc(100% - 32px));margin:0 auto;padding:var(--space-6) 0 var(--space-12)}.courses-section{margin-top:var(--space-2)}.courses-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}.course-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:22px;padding:0 8px;margin-left:8px;border-radius:11px;background:var(--color-surface-alt);color:var(--color-muted);font-size:13px;font-weight:600;vertical-align:middle}.course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-3)}.course-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);text-align:left;transition:all var(--transition-fast)}.course-card:hover{border-color:var(--color-border-hover);box-shadow:0 2px 8px #0000000a;transform:translateY(-1px)}.course-card:active{transform:translateY(0)}.course-card-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--radius-md);background:var(--color-surface-alt);color:var(--color-muted);flex-shrink:0}.course-card:hover .course-card-icon{background:var(--color-primary);color:var(--color-on-primary)}.course-card-body{min-width:0;flex:1}.course-card-body strong{display:block;font-size:14px;font-weight:600;color:var(--color-foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-card-body small{display:block;margin-top:2px;font-size:12px;color:var(--color-muted)}.breadcrumb{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.breadcrumb-current{font-size:14px;color:var(--color-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);padding:var(--space-3) 0 var(--space-6);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-6)}.brand{display:flex;align-items:center;gap:var(--space-3)}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);transition:transform var(--transition-base)}.brand-mark:hover{transform:scale(1.05)}h1,h2,p{margin:0}h1{font-size:20px;line-height:1.2;font-weight:700;letter-spacing:-.02em;color:var(--color-foreground)}.brand p,.section-label,.muted,.warning-box p,.status-card p,.selected-item span,.file-cell small{color:var(--color-muted)}.brand p{margin-top:2px;font-size:13px;font-weight:400}.trust-note{display:flex;align-items:center;gap:var(--space-2);color:var(--color-muted);font-size:13px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);transition:border-color var(--transition-fast)}.trust-note:hover{border-color:var(--color-border-hover)}.input-band{display:flex;align-items:stretch;gap:var(--space-3);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);transition:border-color var(--transition-fast)}.input-band:focus-within{border-color:var(--color-muted-light)}.captcha-mount{position:fixed;inset:0;z-index:9999;display:none}.auth-mode-tabs{display:inline-flex;gap:var(--space-1);padding:var(--space-1);margin-bottom:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.auth-mode{display:inline-flex;align-items:center;gap:var(--space-2);min-height:36px;padding:0 var(--space-3);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-muted);font-size:13px;font-weight:600;white-space:nowrap}.auth-mode.active{background:var(--color-primary);color:var(--color-on-primary)}.secondary-band{display:flex;align-items:flex-start;gap:var(--space-3);margin-top:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.field{display:flex;flex-direction:column;gap:var(--space-2);min-width:280px}.field.wide{flex:1;min-width:360px}.code-field{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;min-width:360px}.code-field label{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.field span{display:flex;gap:var(--space-2);align-items:center;color:var(--color-foreground);font-size:13px;font-weight:600;letter-spacing:0}input,textarea{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-md);outline:0;background:var(--color-surface);color:var(--color-foreground);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input{height:44px;padding:0 var(--space-3);font-size:14px}textarea{height:64px;min-height:64px;resize:vertical;padding:var(--space-3);font-size:14px}.subtle-line{margin-top:var(--space-1);font-size:13px;color:var(--color-muted)}.mini-actions{display:grid;gap:var(--space-2);align-self:end;min-width:250px}input:focus,textarea:focus{border-color:var(--color-ring);box-shadow:0 0 0 3px #17171714}.primary-action,.ghost-button,.row-action,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border-radius:var(--radius-md);border:1px solid transparent;white-space:nowrap;transition:all var(--transition-fast);font-weight:600;letter-spacing:-.01em}.primary-action{min-height:44px;padding:0 var(--space-5);align-self:end;background:var(--color-primary);color:var(--color-on-primary);font-size:14px;border:1px solid var(--color-primary)}.primary-action:hover{background:#262626;border-color:#262626;transform:translateY(-1px)}.primary-action:active{transform:translateY(0)}.primary-action:disabled,.ghost-button:disabled{opacity:.4;cursor:not-allowed;transform:none}.ghost-button,.row-action,.icon-button{background:var(--color-surface);color:var(--color-foreground);border-color:var(--color-border)}.ghost-button:hover,.row-action:hover{background:var(--color-surface-alt);border-color:var(--color-border-hover)}.ghost-button{min-height:36px;padding:0 var(--space-3);font-size:13px}.code-button{min-height:44px}.ghost-button.full,.primary-action.full{width:100%}.icon-button{width:34px;height:34px}.icon-button:hover{background:var(--color-surface-alt)}.workspace{display:flex;align-items:flex-start;gap:var(--space-4);margin-top:var(--space-4)}.main-panel,.side-panel{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);transition:border-color var(--transition-fast)}.main-panel{flex:1;min-width:0;padding:var(--space-5)}.side-panel{width:360px;padding:var(--space-4);position:sticky;top:var(--space-4)}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.panel-header.compact{align-items:flex-start}.section-label{margin-bottom:var(--space-1);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}h2{font-size:18px;line-height:1.3;font-weight:700;letter-spacing:-.02em}.filter-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-5);color:var(--color-muted)}.filter{border:1px solid var(--color-border);border-radius:var(--radius-md);min-height:32px;padding:0 var(--space-3);background:var(--color-surface);color:var(--color-muted);font-size:13px;font-weight:500;transition:all var(--transition-fast)}.filter:hover{border-color:var(--color-border-hover);color:var(--color-foreground)}.filter.active{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary)}.filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#00000014;font-size:11px;font-weight:600;margin-left:4px}.filter.active .filter-count{background:#ffffff40}.resource-table{margin-top:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.table-row{display:grid;grid-template-columns:minmax(280px,1fr) 92px 92px 96px 92px;align-items:center;gap:var(--space-3);min-height:56px;padding:var(--space-3) var(--space-3);border-bottom:1px solid var(--color-border);font-size:14px;transition:background var(--transition-fast)}.table-row:last-child{border-bottom:0}.table-row:not(.table-head):hover{background:var(--color-surface-alt)}.table-head{min-height:40px;background:var(--color-surface-alt);color:var(--color-muted);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.file-cell{display:flex;align-items:center;gap:var(--space-2);min-width:0}.file-cell input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary);flex:none;cursor:pointer}.file-cell span{display:flex;min-width:0;flex-direction:column}.file-cell strong,.selected-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-cell strong{color:var(--color-foreground);font-size:14px;font-weight:600}.file-cell small{margin-top:1px;font-size:12px}.file-icon{flex:none;color:var(--color-muted)}.file-icon.ppt{color:#ea580c}.file-icon.pdf{color:#dc2626}.file-icon.archive{color:#ca8a04}.file-icon.doc{color:#2563eb}.file-icon.video{color:#7c3aed}.type-chip{width:fit-content;padding:2px 8px;border-radius:var(--radius-sm);background:var(--color-surface-alt);color:var(--color-muted);font-size:12px;font-weight:600}.row-action{min-height:32px;padding:0 var(--space-3);font-size:13px;gap:6px}.row-action:hover{color:var(--color-accent);border-color:var(--color-accent)}.directory-panel{margin-top:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);overflow:hidden}.directory-title{display:flex;align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-surface-alt);color:var(--color-foreground)}.directory-section{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.directory-section:last-child{border-bottom:0}.directory-heading{display:flex;align-items:baseline;gap:var(--space-2);margin:0;color:var(--color-foreground);font-size:17px;line-height:1.4;font-weight:700}.directory-section.level-2,.directory-section.level-3{padding-top:var(--space-2);padding-bottom:var(--space-2);border-bottom:0}.directory-section.level-2 .directory-heading{font-size:15px;font-weight:650}.directory-section.level-3 .directory-heading{color:var(--color-muted);font-size:14px;font-weight:500}.directory-number{min-width:54px;color:var(--color-primary);font-variant-numeric:tabular-nums}.directory-items{display:grid;gap:var(--space-2);margin-top:var(--space-2);padding-left:62px}.directory-children{margin-top:var(--space-1);padding-left:24px}.directory-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-3);min-height:42px;padding:var(--space-2);border-radius:var(--radius-md)}.directory-item:hover{background:var(--color-surface-alt)}.directory-file{display:flex;align-items:center;gap:var(--space-2);min-width:0}.directory-file input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary);flex:none}.directory-item-main{display:flex;flex-direction:column;min-width:0}.directory-item-main strong{overflow:hidden;color:var(--color-foreground);font-size:14px;font-weight:600;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.directory-item-main small{margin-top:2px;color:var(--color-muted);font-size:12px}.directory-empty{margin:var(--space-2) 0 0 62px;color:var(--color-muted);font-size:13px}.status-card{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);transition:all var(--transition-base)}.status-card strong{display:block;margin-bottom:2px;font-size:14px;font-weight:600}.status-card p,.warning-box p{font-size:13px;line-height:1.5}.status-card.success{border-color:var(--color-success);color:var(--color-success);background:var(--color-success-light)}.status-card.error{border-color:var(--color-destructive);color:var(--color-destructive);background:var(--color-destructive-light)}.status-card.warning{border-color:var(--color-warning);color:#92400e;background:var(--color-warning-light)}.selection-box{margin-top:var(--space-4);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.selected-list{display:grid;gap:var(--space-2);margin-top:var(--space-3)}.selected-item{display:flex;align-items:center;gap:var(--space-2);min-width:0;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-size:13px;transition:border-color var(--transition-fast)}.selected-item:hover{border-color:var(--color-border-hover)}.action-stack{display:grid;gap:var(--space-2);margin-top:var(--space-4)}.warning-box{display:flex;align-items:flex-start;gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-warning);background:var(--color-warning-light);color:#92400e}.warning-box.subtle{border-color:var(--color-border);background:var(--color-surface);color:var(--color-muted)}.chapter-box{margin-top:var(--space-4);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.chapter-list{display:grid;gap:var(--space-2);margin-top:var(--space-3)}.chapter-item{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-foreground);font-size:13px;transition:border-color var(--transition-fast)}.chapter-item:hover{border-color:var(--color-border-hover)}.empty-state{display:grid;place-items:center;gap:var(--space-2);min-height:200px;color:var(--color-muted-light)}.empty-state p{font-size:14px}.progress-bar-container,.download-progress{margin-top:var(--space-4);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.progress-bar{height:4px;border-radius:2px;background:var(--color-surface-alt);overflow:hidden}.progress-bar-fill{height:100%;border-radius:2px;background:var(--color-primary);transition:width var(--transition-slow);min-width:0}.progress-text{margin-top:var(--space-2);font-size:13px;color:var(--color-muted)}.ghost-button.danger{color:var(--color-destructive);border-color:var(--color-destructive)}.ghost-button.danger:hover{background:var(--color-destructive-light)}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.muted{color:var(--color-muted-light);font-size:13px}@media(max-width:980px){.topbar,.input-band,.secondary-band,.workspace{flex-direction:column;align-items:stretch}.topbar{gap:var(--space-3)}.course-grid{grid-template-columns:1fr}.breadcrumb{flex-wrap:wrap}.side-panel{width:100%;position:static}.primary-action{align-self:stretch}.field,.field.wide{min-width:0}.code-field{grid-template-columns:1fr;min-width:0}.mini-actions{min-width:0}.table-row{grid-template-columns:1fr;gap:var(--space-2)}.table-head{display:none}.row-action{justify-self:start}.directory-items{padding-left:var(--space-4)}.directory-children{padding-left:var(--space-3)}.directory-item{grid-template-columns:1fr;gap:var(--space-2)}}@media(max-width:480px){.app-shell{padding:var(--space-3) 0 var(--space-6)}.input-band,.secondary-band{padding:var(--space-3)}.auth-mode-tabs{display:grid;grid-template-columns:1fr 1fr}.main-panel,.side-panel{padding:var(--space-3)}h1{font-size:18px}.brand-mark{width:36px;height:36px}.filter-row{gap:var(--space-1)}.filter{min-height:28px;padding:0 var(--space-2);font-size:12px}.directory-section{padding:var(--space-3)}.directory-heading{font-size:15px}.directory-items{padding-left:var(--space-2)}.directory-number{min-width:42px}.directory-children{padding-left:var(--space-2)}}:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.top-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--space-3)}.notice-band{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.notice-band strong{display:block;margin-bottom:2px;font-size:14px}.notice-band p,.form-message{color:var(--color-muted);font-size:13px}.scan-note{margin-top:var(--space-4);margin-bottom:0;background:var(--color-surface-alt)}.gate-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,420px);gap:var(--space-4);align-items:start}.gate-copy,.gate-form,.admin-panel{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.gate-copy{min-height:260px;padding:var(--space-6)}.gate-copy h2{font-size:26px;letter-spacing:0}.gate-points{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-5)}.gate-points span{display:inline-flex;align-items:center;gap:var(--space-2);min-height:34px;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-muted);font-size:13px}.gate-form{display:grid;gap:var(--space-3);padding:var(--space-5)}.error-text{color:var(--color-destructive)}.secondary-band{flex-wrap:wrap}.secondary-band.collapsed-band{align-items:center}.cookie-fallback{display:grid;gap:var(--space-3);width:100%;margin-top:var(--space-2)}.warning-box.compact{margin-top:0}.failure-box{margin-top:var(--space-4);padding:var(--space-3);border:1px solid var(--color-destructive);border-radius:var(--radius-md);background:var(--color-destructive-light)}.failure-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-2);align-items:center;padding:var(--space-2);border:1px solid rgba(220,38,38,.18);border-radius:var(--radius-md);background:var(--color-surface)}.failure-item span{display:grid;min-width:0}.failure-item strong,.failure-item small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.failure-item small{color:var(--color-muted)}.empty-state.small{min-height:96px}.admin-shell{max-width:1280px}.admin-login{width:min(420px,100%);margin:var(--space-8) auto 0}.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.admin-panel{min-width:0;padding:var(--space-4)}.admin-form{display:grid;grid-template-columns:minmax(160px,1fr) 90px minmax(160px,1fr) auto;gap:var(--space-2);margin:var(--space-3) 0}.admin-table{display:grid;gap:var(--space-2);margin-top:var(--space-3)}.admin-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-3);align-items:center;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.admin-row-main{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3);min-width:0}.admin-row-main div{display:grid;min-width:0;gap:2px}.admin-row-main small{color:var(--color-muted);font-size:11px}.admin-row-main span{overflow:hidden;color:var(--color-foreground);font-size:13px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.row-actions,.admin-row-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2)}@media(max-width:980px){.top-actions{justify-content:flex-start}.gate-layout,.admin-grid{grid-template-columns:1fr}.admin-form{grid-template-columns:1fr 90px}.admin-row,.admin-row-main{grid-template-columns:1fr}.admin-row-actions{justify-content:flex-start}}@media(max-width:480px){.gate-copy,.gate-form,.admin-panel{padding:var(--space-3)}.admin-form{grid-template-columns:1fr}}