:root{color-scheme:dark;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#f1f0ed;background:#101318;font-synthesis:none;text-rendering:optimizeLegibility;--aqi-bg: #101318;--aqi-bg-deep: #0c0f13;--aqi-surface-low: #151920;--aqi-surface: #181c23;--aqi-surface-high: #20252e;--aqi-hover: #2a303b;--aqi-bright: #303640;--aqi-text: #f1f0ed;--aqi-secondary: #bbc1cb;--aqi-muted: #8e96a5;--aqi-border: #2a3039;--aqi-outline: #3a414c;--aqi-gold: #e6bc80;--aqi-gold-hover: #f4d4a7;--aqi-gold-soft: #332c23;--aqi-error: #ffb4ab;--aqi-error-bg: #3b2022;--ease-emphasized: cubic-bezier(.22, 1, .36, 1);--ease-standard: cubic-bezier(.2, 0, 0, 1);--motion-fast: .15s;--motion-medium: .28s;--motion-slow: .42s}*{box-sizing:border-box}html{min-width:320px;min-height:100%;scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:var(--aqi-bg)}button,input,select{font:inherit}button,select{cursor:pointer}button:disabled{cursor:progress;opacity:.56}button:focus-visible,input:focus-visible,select:focus-visible,article:focus-visible,summary:focus-visible{outline:2px solid var(--aqi-gold);outline-offset:3px}::selection{color:var(--aqi-bg-deep);background:var(--aqi-gold)}.app-shell{min-height:100vh;isolation:isolate;background:radial-gradient(circle at 14% -8%,rgba(230,188,128,.13),transparent 30%),linear-gradient(180deg,rgba(12,15,19,.76),var(--aqi-bg) 46%),var(--wallpaper, linear-gradient(135deg, #20252e, #101318 52%, #0c0f13));background-size:cover;background-attachment:fixed}.topbar{position:sticky;z-index:10;top:0;min-height:78px;display:grid;grid-template-columns:minmax(220px,1fr) minmax(280px,620px) minmax(200px,1fr);align-items:center;gap:22px;padding:14px clamp(18px,4vw,64px);border-bottom:1px solid rgba(230,188,128,.12);background:#101318db;box-shadow:0 12px 40px #0000002e;-webkit-backdrop-filter:blur(22px) saturate(1.12);backdrop-filter:blur(22px) saturate(1.12);animation:aqi-enter-down var(--motion-slow) var(--ease-emphasized) both}.brand{display:flex;gap:12px;align-items:center;border:0;padding:0;color:inherit;background:transparent;text-align:left}.brand-mark{width:44px;height:44px;flex:0 0 auto;border-radius:13px;box-shadow:0 12px 30px #00000057,0 0 0 1px #e6bc801f;transition:transform var(--motion-medium) var(--ease-emphasized),box-shadow var(--motion-medium) ease}.brand:hover .brand-mark{transform:translateY(-2px) rotate(-1.5deg);box-shadow:0 16px 34px #0006,0 0 0 1px #e6bc803d}.brand strong,.brand small{display:block;max-width:300px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.brand strong{color:var(--aqi-text);font-size:18px;letter-spacing:.04em}.brand small{margin-top:3px;color:var(--aqi-muted);font-size:11px}.search{display:flex;overflow:hidden;border:1px solid var(--aqi-border);border-radius:16px;background:#20252ee0;transition:border-color var(--motion-fast) ease,box-shadow var(--motion-medium) ease,background var(--motion-fast) ease}.search:focus-within{border-color:#e6bc80b8;background:var(--aqi-surface-high);box-shadow:0 0 0 3px #e6bc801a}.search input{min-width:0;flex:1;border:0;padding:13px 16px;color:var(--aqi-text);background:transparent;outline:0}.search input::placeholder{color:var(--aqi-muted)}.search button,.primary-button,.empty-state button{border:0;color:var(--aqi-bg-deep);background:var(--aqi-gold);font-weight:800;transition:transform var(--motion-fast) var(--ease-standard),background var(--motion-fast) ease,box-shadow var(--motion-medium) ease}.search button{padding:0 21px}.search button:hover,.primary-button:hover,.empty-state button:hover{background:var(--aqi-gold-hover);box-shadow:0 9px 28px #e6bc802e}.search button:active,.primary-button:active,.empty-state button:active{transform:scale(.97)}.site-select{justify-self:end;width:min(100%,300px);border:1px solid var(--aqi-border);border-radius:14px;padding:12px 38px 12px 14px;color:var(--aqi-text);background:var(--aqi-surface);transition:border-color var(--motion-fast) ease,background var(--motion-fast) ease}.site-select:hover{border-color:var(--aqi-outline);background:var(--aqi-surface-high)}.site-select option{color:var(--aqi-text);background:var(--aqi-surface)}.primary-nav,.category-strip{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.primary-nav{padding:15px clamp(18px,4vw,64px) 4px;background:linear-gradient(180deg,rgba(16,19,24,.8),transparent);animation:aqi-enter-up var(--motion-slow) 70ms var(--ease-emphasized) both}.primary-nav button,.category-strip button{flex:0 0 auto;border:1px solid transparent;border-radius:999px;padding:10px 17px;color:var(--aqi-secondary);background:#20252ed1;transition:color var(--motion-fast) ease,background var(--motion-fast) ease,border-color var(--motion-fast) ease,transform var(--motion-fast) var(--ease-standard),box-shadow var(--motion-medium) ease}.primary-nav button:hover,.category-strip button:hover{color:var(--aqi-text);border-color:var(--aqi-outline);background:var(--aqi-hover);transform:translateY(-1px)}.primary-nav button:active,.category-strip button:active{transform:scale(.97)}.primary-nav button.active,.category-strip button.active{color:var(--aqi-gold-hover);border-color:#e6bc8085;background:var(--aqi-gold-soft);box-shadow:0 8px 24px #0003,inset 0 0 0 1px #e6bc8012}main{padding:14px clamp(18px,4vw,64px) 70px;animation:aqi-enter-up var(--motion-slow) .12s var(--ease-emphasized) both}.notice{margin:8px 0 14px;padding:12px 16px;border:1px solid rgba(230,188,128,.28);border-radius:14px;color:var(--aqi-gold-hover);background:#332c23d1}.category-strip{padding:8px 0 18px}.content-section{min-height:55vh}.section-heading{display:flex;align-items:end;justify-content:space-between;margin:12px 0 20px}.section-heading p,.eyebrow{margin:0 0 5px;color:var(--aqi-gold);font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.section-heading h1{margin:0;color:var(--aqi-text);font-size:clamp(24px,3vw,40px)}.section-heading>span{color:var(--aqi-muted)}.vod-grid,.loading-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:clamp(14px,2vw,24px)}.vod-card{min-width:0;border-radius:18px;cursor:pointer;transition:transform var(--motion-medium) var(--ease-emphasized),filter var(--motion-fast) ease;animation:aqi-card-in var(--motion-slow) var(--ease-emphasized) both}.vod-card:nth-child(6n+2){animation-delay:35ms}.vod-card:nth-child(6n+3){animation-delay:70ms}.vod-card:nth-child(6n+4){animation-delay:105ms}.vod-card:nth-child(6n+5){animation-delay:.14s}.vod-card:nth-child(6n+6){animation-delay:175ms}.vod-card:hover,.vod-card:focus-visible{transform:translateY(-7px) scale(1.018);filter:brightness(1.06)}.poster{position:relative;aspect-ratio:2 / 3;overflow:hidden;border:1px solid rgba(255,255,255,.05);border-radius:16px;background:var(--aqi-surface-low);box-shadow:0 16px 36px #0000004d;transition:border-color var(--motion-medium) ease,box-shadow var(--motion-medium) ease}.vod-card:hover .poster,.vod-card:focus-visible .poster{border-color:#e6bc808a;box-shadow:0 22px 50px #0000006b,0 0 0 1px #e6bc801f}.poster img{width:100%;height:100%;object-fit:cover;transition:transform .65s var(--ease-emphasized)}.vod-card:hover .poster img,.vod-card:focus-visible .poster img{transform:scale(1.045)}.poster span{position:absolute;right:7px;bottom:7px;max-width:calc(100% - 14px);overflow:hidden;border:1px solid rgba(230,188,128,.18);border-radius:8px;padding:5px 8px;white-space:nowrap;text-overflow:ellipsis;color:var(--aqi-text);background:#0c0f13d1;font-size:11px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.poster-placeholder{width:100%;height:100%;display:grid;place-items:center;color:var(--aqi-muted);font-size:48px;font-weight:900;background:linear-gradient(145deg,var(--aqi-surface-high),var(--aqi-bg-deep))}.vod-card h2{margin:10px 4px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--aqi-text);font-size:14px;font-weight:600}.card-source{display:block;margin:5px 4px 0;color:var(--aqi-gold);font-size:12px}.loading-grid i{aspect-ratio:2 / 3;border-radius:16px;background:linear-gradient(100deg,var(--aqi-surface-low) 20%,var(--aqi-hover) 40%,var(--aqi-surface-low) 60%);background-size:200% 100%;animation:shimmer 1.25s infinite var(--ease-standard)}.empty-state{min-height:360px;display:grid;place-content:center;gap:14px;text-align:center;color:var(--aqi-muted)}.empty-state button,.primary-button{border-radius:13px;padding:12px 18px}.settings-card{max-width:860px;margin:24px auto;padding:clamp(22px,4vw,46px);border:1px solid var(--aqi-border);border-radius:28px;color:var(--aqi-text);background:#181c23f0;box-shadow:0 32px 80px #00000057}.settings-card h1{margin:0 0 10px;font-size:34px}.settings-card>p{color:var(--aqi-secondary);line-height:1.8}.settings-card label{display:grid;gap:8px;margin-top:20px;color:var(--aqi-secondary);font-size:13px;font-weight:700}.settings-card input{width:100%;border:1px solid var(--aqi-border);border-radius:13px;padding:13px;color:var(--aqi-text);background:var(--aqi-bg-deep);transition:border-color var(--motion-fast) ease,box-shadow var(--motion-medium) ease}.settings-card input:focus{border-color:var(--aqi-gold);box-shadow:0 0 0 3px #e6bc801a}.primary-button{margin-top:22px}.settings-card dl{margin:28px 0 0;border-top:1px solid var(--aqi-border)}.settings-card dl div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;padding:14px 0;border-bottom:1px solid rgba(58,65,76,.58)}.settings-card dt{color:var(--aqi-muted)}.settings-card dd{min-width:0;margin:0;overflow-wrap:anywhere;color:var(--aqi-secondary)}.modal-backdrop,.player-backdrop{position:fixed;z-index:30;inset:0;display:grid;place-items:center;padding:24px;background:#080a0ddb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.detail-panel{position:relative;width:min(100%,1050px);max-height:90vh;display:grid;grid-template-columns:minmax(220px,320px) 1fr;gap:clamp(24px,4vw,48px);overflow:auto;padding:clamp(22px,4vw,44px);border:1px solid var(--aqi-outline);border-radius:30px;color:var(--aqi-text);background:var(--aqi-surface);box-shadow:0 40px 120px #000000b8,inset 0 1px #ffffff06}.close{position:absolute;z-index:2;top:14px;right:14px;width:42px;height:42px;border:1px solid var(--aqi-border);border-radius:50%;color:var(--aqi-text);background:var(--aqi-surface-high);font-size:28px;transition:color var(--motion-fast) ease,border-color var(--motion-fast) ease,background var(--motion-fast) ease,transform var(--motion-medium) var(--ease-emphasized)}.close:hover{color:var(--aqi-gold-hover);border-color:#e6bc8080;background:var(--aqi-gold-soft);transform:rotate(5deg) scale(1.05)}.detail-poster{width:100%;border:1px solid var(--aqi-border);border-radius:20px;aspect-ratio:2 / 3;object-fit:cover;box-shadow:0 22px 54px #0000005c}.detail-copy h1{margin:5px 0 12px;font-size:clamp(30px,5vw,58px)}.description{max-height:180px;overflow:auto;color:var(--aqi-secondary);line-height:1.8}.favorite-button{border:1px solid var(--aqi-outline);border-radius:12px;padding:10px 15px;color:var(--aqi-gold-hover);background:var(--aqi-gold-soft);transition:transform var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) ease,background var(--motion-fast) ease}.favorite-button:hover{border-color:var(--aqi-gold);background:#403528;transform:translateY(-1px)}.episode-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(115px,1fr));gap:9px;margin-top:22px}.episode-list button{min-width:0;border:1px solid var(--aqi-border);border-radius:12px;padding:10px;overflow:hidden;color:var(--aqi-text);background:var(--aqi-surface-high);white-space:nowrap;text-overflow:ellipsis;transition:transform var(--motion-fast) var(--ease-standard),color var(--motion-fast) ease,border-color var(--motion-fast) ease,background var(--motion-fast) ease}.episode-list button:hover{color:var(--aqi-gold-hover);border-color:#e6bc8080;background:var(--aqi-gold-soft);transform:translateY(-2px)}.episode-list button:active{transform:scale(.97)}.episode-list small{display:block;margin-bottom:4px;overflow:hidden;color:var(--aqi-gold);text-overflow:ellipsis}.episode-list button:disabled{cursor:progress;opacity:.55}.empty-episodes{margin-top:22px;color:var(--aqi-muted)}.detail-status{margin:16px 0;padding:14px 16px;border:1px solid rgba(230,188,128,.34);border-radius:12px;background:var(--aqi-gold-soft);color:var(--aqi-gold-hover);line-height:1.6}.detail-status.error{border-color:#ffb4ab6b;color:var(--aqi-error);background:var(--aqi-error-bg)}.detail-status p{margin:0 0 10px}.detail-status button{margin:6px 10px 6px 0;border:1px solid currentColor;border-radius:8px;padding:8px 12px;color:inherit;background:#00000029}.player-panel{width:min(1200px,100%);overflow:hidden;border:1px solid var(--aqi-border);border-radius:22px;color:var(--aqi-text);background:var(--aqi-bg-deep);box-shadow:0 40px 120px #000000c7}.player-panel header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 18px;background:var(--aqi-surface)}.player-panel strong,.player-panel small{display:block}.player-panel small{margin-top:3px;color:var(--aqi-muted)}.player-panel button{border:1px solid var(--aqi-outline);border-radius:10px;padding:9px 13px;color:var(--aqi-text);background:var(--aqi-surface-high);transition:color var(--motion-fast) ease,border-color var(--motion-fast) ease,background var(--motion-fast) ease,transform var(--motion-fast) var(--ease-standard)}.player-panel button:hover{color:var(--aqi-gold-hover);border-color:var(--aqi-gold);background:var(--aqi-gold-soft)}.player-panel button:active{transform:scale(.97)}.video-stage{position:relative;max-height:65vh;aspect-ratio:16 / 9;background:#000}.video-stage video{display:block;width:100%;height:100%;object-fit:contain;background:#000}.player-message{position:absolute;top:50%;left:50%;max-width:90%;margin:0;padding:10px 15px;transform:translate(-50%,-50%);border:1px solid var(--aqi-border);border-radius:10px;color:var(--aqi-text);background:#0c0f13e0;pointer-events:none}.player-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:8px 18px;color:var(--aqi-muted);background:var(--aqi-surface-low);font-size:12px}.player-toolbar strong{color:var(--aqi-gold)}.player-panel .player-stats{color:var(--aqi-gold);font-variant-numeric:tabular-nums}.player-panel>p{margin:0;padding:11px 18px;color:var(--aqi-muted);font-size:12px}.search-issues{margin-top:18px;padding:14px 18px;border:1px solid var(--aqi-border);border-radius:12px;color:var(--aqi-muted);background:var(--aqi-surface-low)}.search-issues summary{cursor:pointer;color:var(--aqi-secondary)}.search-issues summary:hover{color:var(--aqi-gold-hover)}.search-issues ul{margin:12px 0 0;padding-left:20px;line-height:1.8}.aqi-modal-enter-active,.aqi-modal-leave-active{transition:opacity var(--motion-medium) ease}.aqi-modal-enter-active .detail-panel,.aqi-modal-leave-active .detail-panel{transition:opacity var(--motion-medium) ease,transform var(--motion-slow) var(--ease-emphasized)}.aqi-modal-enter-from,.aqi-modal-leave-to{opacity:0}.aqi-modal-enter-from .detail-panel,.aqi-modal-leave-to .detail-panel{opacity:0;transform:translateY(24px) scale(.975)}.aqi-player-enter-active,.aqi-player-leave-active{transition:opacity var(--motion-medium) ease}.aqi-player-enter-active .player-panel,.aqi-player-leave-active .player-panel{transition:opacity var(--motion-medium) ease,transform var(--motion-slow) var(--ease-emphasized)}.aqi-player-enter-from,.aqi-player-leave-to{opacity:0}.aqi-player-enter-from .player-panel,.aqi-player-leave-to .player-panel{opacity:0;transform:translateY(18px) scale(.965)}@keyframes aqi-enter-down{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes aqi-enter-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes aqi-card-in{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shimmer{to{background-position-x:-200%}}@media(min-width:1600px){.vod-grid,.loading-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}}@media(max-width:900px){.topbar{grid-template-columns:1fr auto;gap:12px}.search{grid-column:1 / -1;grid-row:2}.site-select{width:230px}.detail-panel{grid-template-columns:180px 1fr}}@media(max-width:620px){.topbar{position:static;grid-template-columns:1fr;padding:13px 15px}.site-select{justify-self:stretch;width:100%}.search{grid-row:auto}.primary-nav{padding-inline:15px}.primary-nav button{padding:9px 13px;font-size:13px}main{padding:10px 15px 90px}.vod-grid,.loading-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 9px}.poster{border-radius:12px}.vod-card h2{margin-top:7px;font-size:12px}.detail-panel{display:block;padding:20px}.detail-poster{width:120px;float:left;margin:0 18px 12px 0}.detail-copy h1{padding-top:25px;font-size:27px}.description{clear:both;padding-top:12px}.modal-backdrop,.player-backdrop{padding:0}.detail-panel,.player-panel{width:100%;max-height:100vh;border-radius:0}.settings-card dl div{grid-template-columns:1fr;gap:5px}}@media(max-width:380px){.vod-grid,.loading-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1200px)and (pointer:coarse){button,select,article{min-height:48px}.vod-card:focus-visible{z-index:3;transform:scale(1.075)}.primary-nav button,.category-strip button{padding:13px 22px;font-size:17px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}