*{box-sizing:border-box;margin:0;padding:0}:root{--primary-start: #2a9d8f;--primary-end: #264653;--secondary: #2b6777;--success: #2f9e7d;--warning: #f4a261;--danger: #e76f51;--border: #dde6e4;--text: #22333b;--text-muted: #64757c;--bg: #f4f7f6;--tint: #e8f4f2}body{font-family:Segoe UI,Heebo,Tahoma,Arial,sans-serif;background:linear-gradient(135deg,#f5f8f7,#d9e6e2);min-height:100vh;color:var(--text)}a{color:var(--secondary);text-decoration:none}.sch-page{max-width:1100px;margin:0 auto;padding:24px 16px}.sch-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px;background:linear-gradient(135deg,var(--primary-start) 0%,var(--primary-end) 100%);color:#fff}.sch-topbar .brand{font-size:22px;font-weight:700;color:#fff}.sch-topbar nav{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.sch-topbar nav a{color:#ffffffe6;font-weight:500}.sch-topbar nav a.active{color:#fff;text-decoration:underline}.sch-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;padding:20px;margin-bottom:16px}.sch-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}.sch-card-header h2,.sch-card-header h3{font-size:18px}.sch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.sch-btn{display:inline-flex;align-items:center;gap:6px;border:none;border-radius:8px;padding:9px 16px;font-size:14px;font-weight:600;cursor:pointer;color:#fff;background:linear-gradient(135deg,var(--primary-start) 0%,var(--primary-end) 100%);transition:opacity .15s}.sch-btn:hover{opacity:.9}.sch-btn:disabled{opacity:.5;cursor:not-allowed}.sch-btn.secondary{background:var(--secondary)}.sch-btn.success{background:var(--success)}.sch-btn.warning{background:var(--warning)}.sch-btn.danger{background:var(--danger)}.sch-btn.ghost{background:transparent;color:var(--primary-end);border:1px solid var(--primary-end)}.sch-input,.sch-select,.sch-textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-size:14px;font-family:inherit;background:#fff}.sch-textarea{min-height:80px;resize:vertical}.sch-field{margin-bottom:12px}.sch-field label{display:block;font-size:13px;font-weight:600;margin-bottom:4px;color:var(--text-muted)}.sch-badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600}.sch-badge.green{background:#e6fffa;color:#2c7a7b}.sch-badge.orange{background:#fffaf0;color:#c05621}.sch-badge.red{background:#fff5f5;color:#c53030}.sch-badge.purple{background:var(--tint);color:#1f6f66}.sch-badge.gray{background:#edf2f7;color:#4a5568}.sch-error{background:#fff5f5;color:#c53030;border:1px solid #feb2b2;border-radius:8px;padding:10px 14px;margin-bottom:12px;font-size:14px}.sch-empty{text-align:center;color:var(--text-muted);padding:40px 0}.sch-auth-box{max-width:420px;margin:60px auto;background:#fff;border-radius:14px;box-shadow:0 10px 30px #0000001f;padding:32px}.sch-auth-box h1{text-align:center;margin-bottom:6px;font-size:24px}.sch-auth-box .hint{text-align:center;color:var(--text-muted);font-size:13px;margin-bottom:20px}.sch-list-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;margin-bottom:8px;background:#fff;flex-wrap:wrap}.sch-list-row .grow{flex:1;min-width:160px}.sch-list-row .muted{color:var(--text-muted);font-size:13px}.sch-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:20px}.sch-stat{background:#fff;border-radius:12px;padding:16px;text-align:center;box-shadow:0 2px 10px #00000014}.sch-stat .num{font-size:28px;font-weight:700;color:var(--primary-end)}.sch-stat .label{font-size:13px;color:var(--text-muted)}.sch-cover{width:100%;height:150px;object-fit:cover;border-radius:8px;background:linear-gradient(135deg,var(--primary-start) 0%,var(--primary-end) 100%)}.sch-cover.placeholder{display:flex;align-items:center;justify-content:center;color:#fff;font-size:34px;font-weight:700}.sch-tabs{display:flex;gap:4px;border-bottom:2px solid var(--border);margin-bottom:16px;flex-wrap:wrap}.sch-tab{padding:10px 18px;border:none;background:none;font-size:14px;font-weight:600;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px}.sch-tab.active{color:var(--primary-end);border-bottom-color:var(--primary-end)}.sch-player-layout{display:grid;grid-template-columns:2fr 1fr;gap:16px}@media (max-width: 860px){.sch-player-layout{grid-template-columns:1fr}}.sch-video{width:100%;border-radius:12px;background:#000;aspect-ratio:16/9}.sch-lesson-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;cursor:pointer;font-size:14px}.sch-lesson-item:hover{background:var(--bg)}.sch-lesson-item.active{background:var(--tint);color:var(--primary-end);font-weight:600}.sch-lesson-item .check{color:var(--success)}.sch-progressbar{height:8px;background:var(--border);border-radius:999px;overflow:hidden}.sch-progressbar>div{height:100%;background:linear-gradient(135deg,var(--primary-start),var(--primary-end))}.sch-quiz-option{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;margin-bottom:6px;cursor:pointer}.sch-quiz-option.selected{border-color:var(--primary-end);background:var(--tint)}.sch-upload-progress{margin-top:8px}.sch-inline-actions{display:flex;gap:6px;flex-wrap:wrap}.sch-subhead{font-size:15px;font-weight:700;color:var(--primary-end);border-bottom:2px solid var(--tint);padding-bottom:6px;margin:4px 0 14px}.sch-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}@media (max-width: 640px){.sch-settings-grid{grid-template-columns:1fr}}.sch-danger-zone{border:1px solid #f6d3c9;background:#fffaf8}.sch-home{max-width:900px;margin:0 auto;padding:40px 16px}.sch-hero{text-align:center;margin-bottom:36px}.sch-hero h1{font-size:40px;background:linear-gradient(135deg,var(--primary-start),var(--primary-end));-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:8px}.sch-hero p{color:var(--text-muted);font-size:17px}.sch-role-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:32px}@media (max-width: 700px){.sch-role-cards{grid-template-columns:1fr}}.sch-role-card{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001a;padding:36px 24px;text-align:center;color:var(--text);transition:transform .15s,box-shadow .15s;border:2px solid transparent}.sch-role-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #2a9d8f47;border-color:var(--primary-start)}.sch-role-card .icon{font-size:54px;margin-bottom:12px}.sch-role-card h2{margin-bottom:8px}.sch-role-card p{color:var(--text-muted);font-size:14px;margin-bottom:18px;min-height:40px}.sch-home-features{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.sch-feature{background:#fff;border-radius:999px;padding:8px 18px;font-size:14px;font-weight:600;box-shadow:0 2px 10px #00000014}.sch-landing-hero{display:flex;gap:24px;align-items:stretch;background:linear-gradient(135deg,#fff,#ecf5f3)}.sch-landing-hero .hero-text{flex:1;min-width:0}.sch-landing-hero h1{font-size:28px;margin-bottom:10px}.sch-landing-hero .hero-desc{color:var(--text-muted);margin-bottom:12px;white-space:pre-wrap}.sch-landing-hero .hero-badges{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.sch-landing-hero .hero-poster{flex:0 0 320px;max-width:40%}.sch-landing-hero .hero-poster img{width:100%;height:100%;object-fit:cover;border-radius:12px;box-shadow:0 8px 24px #26465340}.hero-cta{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.hero-enroll{font-size:17px;padding:12px 32px}.hero-note{font-size:13px;color:var(--text-muted)}.hero-login{font-size:14px;font-weight:600}.sch-landing-layout{display:grid;grid-template-columns:1fr 320px;gap:16px;align-items:start}.landing-toc{position:sticky;top:16px}.landing-toc h3{margin-bottom:10px}.toc-chapter{margin-bottom:12px}.toc-chapter-title{font-weight:700;font-size:14px;margin-bottom:6px;color:var(--primary-end)}.toc-lesson{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px;border-radius:8px;font-size:14px;background:var(--bg);margin-bottom:5px}.toc-lesson-title{min-width:0;overflow-wrap:anywhere}.sch-about-section h2{margin-bottom:12px;color:var(--primary-end)}.sch-about-section img{width:100%;max-height:420px;object-fit:cover;border-radius:10px;margin-bottom:12px}.sch-about-section p{white-space:pre-wrap;line-height:1.7}.about-header{display:flex;width:100%;justify-content:space-between;align-items:center;background:none;border:none;cursor:pointer;padding:0;font-family:inherit}.about-header h2{margin:0}.about-body{margin-top:12px}.sch-quick-enroll{display:flex;flex-direction:column;gap:10px;max-width:380px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:16px}.hero-cap{font-size:40px;margin-bottom:4px}.toc-header{display:flex;width:100%;justify-content:space-between;align-items:center;gap:8px;background:none;border:none;cursor:pointer;font-family:inherit;font-size:16px;font-weight:700;padding:0 0 8px}.toc-count{font-size:13px;color:var(--text-muted);font-weight:600}.toc-duration{color:var(--text-muted);font-size:12px;margin-inline-start:6px;direction:ltr;display:inline-block}.toc-icon{flex-shrink:0}.sch-player-nav{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;flex-wrap:wrap}.player-sidebar-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.player-drawer-close{display:none;background:none;border:none;font-size:20px;cursor:pointer;color:var(--text-muted)}.player-drawer-backdrop{display:none}@media (max-width: 860px){.player-sidebar{display:none;position:fixed;left:0;right:0;bottom:0;top:auto;max-height:75vh;overflow-y:auto;z-index:60;border-radius:16px 16px 0 0;margin:0;box-shadow:0 -10px 40px #00000040}.player-sidebar.open,.player-drawer-close{display:block}.player-drawer-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:50}.sch-player-nav .sch-btn{flex:1;justify-content:center;padding:9px 8px;font-size:13px}.sch-quick-enroll{max-width:100%}}@media (max-width: 860px){.sch-landing-layout{grid-template-columns:1fr}.landing-toc{position:static;order:-1}.sch-landing-hero{flex-direction:column-reverse}.sch-landing-hero .hero-poster{flex:none;max-width:100%}.sch-landing-hero .hero-poster img{max-height:220px}.sch-landing-hero h1{font-size:22px}.sch-page{padding:14px 10px}.sch-topbar{padding:10px 12px}.sch-topbar .brand{font-size:18px}.sch-topbar nav{gap:10px;font-size:14px}.sch-card{padding:14px}.sch-list-row .sch-inline-actions{width:100%}.sch-tabs{overflow-x:auto;flex-wrap:nowrap}.sch-tab{padding:10px 12px;white-space:nowrap}}