*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=dark]{--bg: #0d0d12;--sf: #17171f;--sf2: #1e1e2a;--bd: rgba(255,255,255,.07);--bd2: rgba(255,255,255,.13);--tx: #e0e2ef;--mu: #6b7280;--ac: #6366f1;--ach: #818cf8;--red: #ef4444;--hdr-bg:rgba(13,13,18,.88);--r: 12px;--rs: 8px;--sh: 0 8px 32px rgba(0,0,0,.55)}[data-theme=light]{--bg: #f4f4f8;--sf: #ffffff;--sf2: #ededf3;--bd: rgba(0,0,0,.08);--bd2: rgba(0,0,0,.14);--tx: #111118;--mu: #6b7280;--ac: #4f46e5;--ach: #6366f1;--red: #dc2626;--hdr-bg:rgba(244,244,248,.9);--sh: 0 4px 20px rgba(0,0,0,.12)}html{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--tx);font-size:15px;transition:background .2s,color .2s}body{min-height:100vh;overflow-x:hidden}img{display:block;max-width:100%}button{cursor:pointer;font-family:inherit;border:none;background:none;color:inherit}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .9s linear infinite;opacity:.55}.page{max-width:660px;margin:0 auto;padding-bottom:64px}.page-home{max-width:520px}@media (max-width:680px){.page{padding-bottom:48px}}.app-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:10px;padding:12px 18px;background:var(--hdr-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--bd);transition:background .2s}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;-webkit-user-select:none;user-select:none}.brand-logo{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1.5px solid var(--bd2);box-shadow:0 2px 8px #00000040;transition:transform .2s ease}.brand:hover .brand-logo{transform:scale(1.06)}.brand-icon{width:32px;height:32px;border-radius:7px;background:var(--ac);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;transition:background .2s}.brand-name{font-size:.92rem;font-weight:700;letter-spacing:-.4px;color:var(--tx)}.brand-accent{color:var(--ach)}.btn-back{width:32px;height:32px;border:1px solid var(--bd2);background:var(--sf);border-radius:var(--rs);display:flex;align-items:center;justify-content:center;color:var(--tx);flex-shrink:0;transition:background .15s}.btn-back:hover{background:var(--sf2)}.btn-theme{width:32px;height:32px;border:1px solid var(--bd2);background:var(--sf);border-radius:var(--rs);display:flex;align-items:center;justify-content:center;color:var(--mu);flex-shrink:0;transition:background .15s,color .15s,border-color .15s}.btn-theme:hover{background:var(--sf2);color:var(--ach);border-color:var(--ac)}.page-title-bar{padding:20px 20px 8px}.page-title-bar h1{font-size:1.25rem;font-weight:700;line-height:1.25;color:var(--tx)}.breadcrumb{font-size:.72rem;color:var(--mu);margin-top:3px}.home-hero{padding:44px 20px 14px;text-align:center}.home-hero h1{font-size:1.6rem;font-weight:700;letter-spacing:-.5px;color:var(--tx)}.home-hero p{color:var(--mu);margin-top:7px;font-size:.875rem}.platform-list{display:flex;flex-direction:column;gap:9px;padding:10px 20px}.platform-card{display:flex;align-items:center;gap:14px;background:var(--sf);border:1px solid var(--bd);border-radius:var(--r);padding:15px 16px;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}.platform-card.available:hover{background:var(--sf2);border-color:var(--ac);transform:translateY(-1px)}.platform-card.disabled{opacity:.45;cursor:default}.platform-icon{width:48px;height:48px;border-radius:11px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.platform-info{flex:1;min-width:0}.platform-name{font-weight:600;font-size:.92rem;color:var(--tx)}.platform-desc{font-size:.76rem;color:var(--mu);margin-top:2px}.platform-arrow{color:var(--mu);flex-shrink:0}.pill-soon{font-size:.67rem;font-weight:600;padding:3px 9px;border-radius:20px;background:var(--sf2);color:var(--mu)}.search-wrap{padding:6px 20px}.search-input{width:100%;background:var(--sf);border:1px solid var(--bd2);border-radius:var(--rs);padding:9px 14px;color:var(--tx);font-size:.875rem;outline:none;transition:border-color .15s,background .2s}.search-input:focus{border-color:var(--ac)}.search-input::placeholder{color:var(--mu)}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(188px,1fr));gap:11px;padding:10px 20px}@media (max-width:480px){.courses-grid{grid-template-columns:repeat(2,1fr);padding:8px 12px;gap:8px}}.course-card{background:var(--sf);border:1px solid var(--bd);border-radius:var(--r);overflow:hidden;cursor:pointer;transition:transform .15s,border-color .15s}.course-card:hover{transform:translateY(-2px);border-color:#6366f173}.c-thumb{position:relative;aspect-ratio:16/9;background:var(--sf2);overflow:hidden}.c-thumb img{width:100%;height:100%;object-fit:cover}.c-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--mu)}.like-btn{position:absolute;top:6px;right:6px;background:#0000008c;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#aaa;transition:background .15s}[data-theme=light] .like-btn{background:#ffffffbf;color:#888}.like-btn:hover,.like-btn.liked{color:var(--red)}.c-body{padding:10px 11px}.c-name{font-size:.8rem;font-weight:600;line-height:1.35;color:var(--tx);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.c-price{font-size:.73rem;color:var(--ach);margin-top:3px}.list-wrap{display:flex;flex-direction:column;gap:7px;padding:8px 20px}@media (max-width:480px){.list-wrap{padding:8px 12px}}.list-row{display:flex;align-items:center;gap:11px;background:var(--sf);border:1px solid var(--bd);border-radius:var(--rs);padding:12px 14px;cursor:pointer;transition:background .15s,border-color .15s}.list-row:hover{background:var(--sf2);border-color:#6366f166}.row-icon{width:36px;height:36px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.row-icon.book{background:#6366f11f;color:var(--ach)}.row-icon.video{background:#22c55e1a;color:#4ade80}[data-theme=light] .row-icon.video{color:#16a34a}.row-body{flex:1;min-width:0}.row-title{font-size:.875rem;font-weight:500;line-height:1.3;color:var(--tx)}.row-meta{font-size:.72rem;color:var(--mu);margin-top:2px}.row-arrow{color:var(--mu);flex-shrink:0}.lec-row{display:flex;align-items:center;gap:10px;background:var(--sf);border:1px solid var(--bd);border-radius:var(--rs);padding:9px 12px;cursor:pointer;transition:background .15s,border-color .15s}.lec-row:hover{background:var(--sf2);border-color:#6366f159}.lec-thumb{width:66px;height:44px;border-radius:6px;overflow:hidden;flex-shrink:0;position:relative;display:flex;align-items:center;justify-content:center}.lec-thumb.v{background:#6366f11a;color:var(--ac)}.lec-thumb.d{background:#ef444414;color:#f87171}.lec-thumb img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;right:0;bottom:0;left:0}.play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000006b;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s}.lec-row:hover .play-overlay{opacity:1}.lec-body{flex:1;min-width:0}.lec-title{font-size:.83rem;font-weight:500;line-height:1.3;color:var(--tx);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lec-meta{display:flex;align-items:center;gap:7px;margin-top:3px}.type-pill{font-size:.66rem;font-weight:600;padding:2px 7px;border-radius:4px}.type-pill.v{background:#6366f12e;color:var(--ach)}.type-pill.d{background:#ef444421;color:#f87171}.dur{font-size:.71rem;color:var(--mu)}.play-btn{width:33px;height:33px;border-radius:50%;flex-shrink:0;background:var(--ac);color:#fff;display:flex;align-items:center;justify-content:center;transition:background .15s,transform .15s}.play-btn:hover{background:var(--ach);transform:scale(1.08)}.vmodal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .22s}.vmodal.open{opacity:1;pointer-events:all}.vmodal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000db;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.vmodal-box{position:relative;width:min(94vw,920px);background:var(--sf);border:1px solid var(--bd2);border-radius:16px;overflow:hidden;box-shadow:var(--sh);transform:translateY(16px);transition:transform .22s}.vmodal.open .vmodal-box{transform:translateY(0)}.vmodal-hdr{display:flex;align-items:center;justify-content:space-between;padding:11px 15px;border-bottom:1px solid var(--bd)}.vmodal-title{font-size:.85rem;font-weight:600;color:var(--tx);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 44px)}.vmodal-close{width:30px;height:30px;border:1px solid var(--bd2);border-radius:6px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--tx);transition:background .15s}.vmodal-close:hover{background:var(--sf2)}.vmodal-player{aspect-ratio:16/9;background:#000}.vmodal-player video{width:100%;height:100%;object-fit:contain;display:block}.vmodal-info{display:flex;align-items:center;gap:8px;padding:8px 15px;font-size:.72rem;color:var(--mu)}.vmodal-live-dot{width:7px;height:7px;border-radius:50%;background:var(--red);animation:pulse 1.5s ease-in-out infinite;flex-shrink:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:56px;color:var(--mu)}.empty{text-align:center;padding:56px 20px;color:var(--mu);font-size:.875rem}.error-box{background:#ef444417;color:#f87171;padding:13px 16px;border-radius:var(--rs);font-size:.83rem;margin:10px 20px}.global-loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:#000000bf;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--mu);font-size:.875rem}.header-breadcrumbs{display:flex;align-items:center;gap:3px;margin-left:8px;font-size:.8rem;max-width:46vw;overflow-x:auto;white-space:nowrap;scrollbar-width:none}.header-breadcrumbs::-webkit-scrollbar{display:none}.bc-item{color:var(--mu);cursor:pointer;padding:3px 6px;border-radius:5px;text-decoration:none;font-family:inherit;font-size:.78rem;transition:color .15s,background .15s}.bc-item:hover{color:var(--tx);background:var(--sf2)}.bc-item.active{color:var(--ach);font-weight:600;cursor:default}.bc-sep{color:var(--bd2);font-size:.75rem;-webkit-user-select:none;user-select:none}