:root{font-family:Arial,"Microsoft YaHei",sans-serif;color:#f7f9ff;background:#080c16;line-height:1.45;--accent:#35a7ff;--accent2:#7d5cff;--panel:#121a2b;--panel2:#19243a;--muted:#a7b4c9}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 75% -10%,#203b71 0,#0b1120 38%,#080c16 70%);font-size:20px}body{min-height:100vh}.shell{min-height:100vh;display:flex;flex-direction:column;padding:28px 4.5vw 20px}.topbar{display:flex;align-items:center;gap:42px;min-height:64px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.35rem;white-space:nowrap}.brand small{font-size:.62rem;letter-spacing:.14em;color:#80caff;border:1px solid #326796;border-radius:5px;padding:3px 6px}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,var(--accent),var(--accent2));font-size:1.25rem}.nav{display:flex;gap:10px}.nav-item,.ghost,.primary{font:inherit;color:inherit;border:0;border-radius:9px;padding:12px 21px;background:transparent;cursor:pointer}.nav-item{color:#b9c5d9}.nav-item.active,.nav-item:focus,.nav-item:hover{background:#25385a;color:#fff}.primary{background:linear-gradient(100deg,var(--accent),#5e72ff);font-weight:700}.primary:focus,.ghost:focus,.nav-item:focus,input:focus,textarea:focus,.card:focus,.episode:focus,.channel:focus{outline:4px solid #ffd76c;outline-offset:3px}.connection-state{margin-left:auto;color:#9fc8ed;font-size:.82rem}.view{display:none;flex:1}.view.active{display:block}.hero{display:flex;justify-content:space-between;align-items:end;gap:30px;padding:7vh 0 30px}.eyebrow{margin:0 0 7px;color:#78c5ff;letter-spacing:.12em;text-transform:uppercase;font-size:.72rem}.hero h1,.section-heading h1{font-size:2.2rem;line-height:1.15;margin:0 0 10px}.muted,.notice{color:var(--muted);font-size:.86rem}.search-row{display:flex;gap:12px;min-width:min(47vw,680px)}input,textarea{width:100%;font:inherit;background:#0f1728;color:#fff;border:1px solid #344666;border-radius:9px;padding:13px 16px}input::placeholder,textarea::placeholder{color:#71809a}.search-row input{min-width:0}.status-line{color:#aabbd2;font-size:.84rem;margin:8px 0 20px;min-height:1.25em}.card-grid,.channel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;padding-bottom:30px}.card,.channel{background:linear-gradient(145deg,var(--panel2),var(--panel));border:1px solid #2b3b5a;border-radius:12px;padding:0;min-height:260px;color:#fff;text-align:left;cursor:pointer;overflow:hidden}.card .poster{height:168px;background:#111b2e center/cover no-repeat}.card .card-body{padding:13px 15px}.card h3{font-size:1rem;margin:0 0 6px}.card p{font-size:.75rem;color:#aabbd2;margin:0}.channel{min-height:0;padding:18px;display:flex;align-items:center;gap:12px}.channel .channel-dot{width:12px;height:12px;border-radius:50%;background:#59db9b;box-shadow:0 0 13px #59db9b}.episodes-panel{margin:8px 0 35px;padding:21px;background:#0e1728;border:1px solid #2b3b5a;border-radius:12px}.hidden{display:none!important}.panel-heading,.section-heading,.player-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.panel-heading h2,.player-heading h2{margin:0;font-size:1.2rem}.episode-grid{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.episode{border:1px solid #3a5175;background:#172641;color:#fff;border-radius:8px;padding:11px 17px;font:inherit;cursor:pointer}.settings-form{max-width:800px;display:grid;gap:18px;margin-top:34px}.settings-form label{display:grid;gap:7px;color:#bdd0e7;font-size:.85rem}.settings-actions{display:flex;gap:12px}.notice{max-width:800px;line-height:1.7;margin-top:30px}.footer{display:flex;justify-content:space-between;color:#7285a0;font-size:.68rem;border-top:1px solid #1c2a43;padding-top:12px;margin-top:12px}.modal{position:fixed;inset:0;background:#04070dcc;display:grid;place-items:center;padding:4vw;z-index:10}.player-card{width:min(100%,1200px);background:#0d1626;border:1px solid #30496c;border-radius:12px;padding:20px}.player-card video{display:block;width:100%;max-height:70vh;background:#000;margin-top:14px}.player-heading .ghost{padding:8px 14px}@media (max-width:900px){html,body{font-size:17px}.shell{padding:18px 5vw}.topbar{gap:18px;flex-wrap:wrap}.connection-state{order:3;flex-basis:100%;margin-left:0}.hero{display:block;padding-top:6vh}.search-row{min-width:0;margin-top:25px}.hero h1,.section-heading h1{font-size:1.8rem}.footer{display:block}.footer span{display:block;margin-top:4px}}