:root{--bg: #070b0d;--bg-2: #0a1113;--surface: #101a19;--surface-2: #16211f;--surface-3: #1d2a27;--line: rgba(190, 242, 220, .09);--line-strong: rgba(190, 242, 220, .18);--text: #eaf4f0;--muted: #93a7a1;--muted-2: #647973;--accent: #2bd4a4;--accent-2: #22d3ee;--lime: #bef264;--violet: #818cf8;--grad: linear-gradient(135deg, #34d399 0%, #22d3ee 100%);--grad-soft: linear-gradient(135deg, rgba(52, 211, 153, .16), rgba(34, 211, 238, .16));--glow: 0 18px 50px rgba(16, 185, 129, .3);--radius: 16px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html,body,#root{margin:0;min-height:100%}body{color:var(--text);-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:radial-gradient(1200px 600px at 85% -8%,rgba(34,211,238,.16),transparent 60%),radial-gradient(1000px 520px at 0% 0%,rgba(16,185,129,.14),transparent 55%),var(--bg);background-attachment:fixed}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}::-moz-selection{background:#22d3ee59;color:#fff}::selection{background:#22d3ee59;color:#fff}.app-shell{display:flex;flex-direction:column;min-height:100vh}.container{width:min(1240px,calc(100% - 40px));margin:0 auto}@media (max-width: 480px){.container{width:min(1240px,calc(100% - 24px))}}.top-notice{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--bg-2);color:var(--muted);text-align:center;font-size:12px;letter-spacing:.5px;padding:9px 16px;border-bottom:1px solid var(--line)}.top-notice-dot{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px #bef2642e;animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.site-header{position:sticky;top:0;z-index:50;background:#070b0dc7;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--line);padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}.nav-row{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:#04211a;background:var(--grad);font-size:18px;font-weight:800;box-shadow:var(--glow);transform:rotate(0)}.brand strong{display:block;font-size:19px;font-weight:800;letter-spacing:.5px}.brand p{margin:2px 0 0;font-size:11px;color:var(--muted);letter-spacing:1px}.main-nav{display:flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:5px}.main-nav a{font-size:14px;color:var(--muted);flex-shrink:0;padding:8px 16px;border-radius:999px;transition:color .18s ease,background .18s ease}.main-nav a:hover{color:var(--text)}.main-nav a.active{color:#04211a;background:var(--grad);box-shadow:0 6px 18px #10b98152}.nav-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.search-form{min-width:min(280px,40vw);height:42px;border-radius:999px;background:var(--surface);border:1px solid var(--line);display:flex;align-items:center;overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease}.search-form:focus-within{border-color:#22d3ee80;box-shadow:0 0 0 4px #22d3ee1f}.search-ico{padding-left:14px;color:var(--muted-2);font-size:17px}.search-form input{flex:1;min-width:0;border:none;background:transparent;padding:0 10px;font-size:13px;color:var(--text)}.search-form input::-moz-placeholder{color:var(--muted-2)}.search-form input::placeholder{color:var(--muted-2)}.search-form input:focus{outline:none}.search-form button{flex-shrink:0;border:none;cursor:pointer;height:100%;padding:0 18px;font-size:13px;font-weight:700;color:#04211a;background:var(--grad)}.nav-user{display:flex;align-items:center;gap:10px}.nav-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--grad);color:#04211a;font-weight:800;font-size:14px}.nav-user-name{font-size:14px;color:var(--text);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}button.nav-logout{background:none;border:none;cursor:pointer;padding:0}.plain-link{font-size:14px;color:var(--muted);transition:color .18s ease}.plain-link:hover{color:var(--text)}.mini-btn,.primary-btn,.secondary-btn{min-height:42px;border-radius:999px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.mini-btn,.primary-btn{color:#04211a;background:var(--grad);border:none;box-shadow:0 10px 26px #10b9814d}.mini-btn:hover,.primary-btn:hover{transform:translateY(-2px);box-shadow:0 16px 34px #10b9816b}.secondary-btn{color:var(--text);background:#bef2dc0f;border:1px solid var(--line-strong)}.secondary-btn:hover{background:#bef2dc1f;transform:translateY(-2px)}.hero-banner{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.hero-backdrop{position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;background-size:cover;background-position:center;filter:blur(26px) saturate(1.2);transform:scale(1.12);opacity:.5}.hero-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#070b0df5,#070b0db3 45%,#070b0d59),linear-gradient(0deg,var(--bg) 2%,transparent 45%)}.hero-inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:48px;padding:84px 0 64px;min-height:440px}.hero-main{max-width:620px}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 14px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.5px;color:var(--lime);background:#bef2641f;border:1px solid rgba(190,242,100,.3)}.hero-main h1{margin:18px 0 16px;font-size:clamp(36px,5.4vw,62px);line-height:1.05;font-weight:900;letter-spacing:-.5px}.hero-tags{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.hero-tags span{height:30px;padding:0 12px;display:inline-flex;align-items:center;border-radius:8px;font-size:13px;color:var(--text);background:#bef2dc12;border:1px solid var(--line)}.hero-main p{margin:0;font-size:16px;line-height:1.85;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.hero-actions .primary-btn,.hero-actions .secondary-btn{min-height:50px;padding:0 28px;font-size:15px}.hero-strip{width:300px;flex-shrink:0}.hero-strip-label{display:block;font-size:13px;font-weight:700;color:var(--muted);margin-bottom:14px;letter-spacing:.5px}.hero-strip-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.hero-strip-item{position:relative;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:var(--surface);transition:transform .18s ease,border-color .18s ease}.hero-strip-item:hover{transform:translateY(-3px);border-color:var(--line-strong)}.hero-strip-item img{width:100%;aspect-ratio:16 / 10;-o-object-fit:cover;object-fit:cover}.hero-strip-score{position:absolute;top:8px;right:8px;font-size:11px;font-weight:700;color:var(--lime);background:#0009;padding:3px 7px;border-radius:6px}.hero-strip-item strong{display:block;padding:8px 10px 10px;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.content-shell{padding:48px 0 64px}.home-sections,.detail-layout{display:grid;gap:48px}.section-bar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px}.section-title h1,.section-title h2{margin:0;font-size:24px;font-weight:800;color:var(--text);letter-spacing:-.3px;position:relative;padding-left:16px}.section-title h1:before,.section-title h2:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:5px;border-radius:4px;background:var(--grad)}.section-title p{margin:10px 0 0;color:var(--muted);font-size:14px;padding-left:16px}.left-title{margin-bottom:0}.small-gap{margin-bottom:18px}.more-link{flex-shrink:0;font-size:14px;font-weight:700;color:var(--accent);padding:8px 16px;border-radius:999px;border:1px solid var(--line);background:var(--surface);transition:background .18s ease,border-color .18s ease}.more-link:hover{background:var(--grad-soft);border-color:#22d3ee66}.card-grid{display:grid;gap:22px}.card-grid.four-col{grid-template-columns:repeat(4,minmax(0,1fr))}.video-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.video-card:hover{transform:translateY(-6px);border-color:#22d3ee73;box-shadow:0 22px 44px #00000080}.video-thumb{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:#0a1311;display:block}.video-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .35s ease}.video-card:hover .video-thumb img{transform:scale(1.07)}.thumb-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 45%,rgba(5,9,8,.85) 100%)}.tag-left,.tag-rank,.tag-score,.tag-time{position:absolute;z-index:2;height:24px;padding:0 9px;border-radius:7px;display:inline-flex;align-items:center;font-size:11px;font-weight:700;color:#04211a}.tag-left{top:10px;left:10px;background:var(--grad);box-shadow:0 4px 12px #10b98166}.tag-rank{top:8px;left:8px;width:30px;height:30px;padding:0;justify-content:center;border-radius:9px;font-size:15px;font-style:italic;font-weight:900;color:#04211a;background:var(--lime)}.tag-score{top:10px;right:10px;color:var(--lime);background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tag-time{bottom:10px;right:10px;color:#fff;background:#000000a6}.play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;opacity:0;transition:opacity .22s ease}.play-circle{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--grad);color:#04211a;font-size:20px;padding-left:3px;box-shadow:var(--glow);transform:scale(.8);transition:transform .22s ease}.video-card:hover .play-overlay{opacity:1}.video-card:hover .play-circle{transform:scale(1)}.video-body{padding:14px 16px 16px}.video-body h3{margin:0 0 10px;font-size:16px;font-weight:700}.video-body h3 a{transition:color .18s ease}.video-card:hover .video-body h3 a{color:var(--accent)}.video-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:12px}.meta-genre{color:var(--violet);font-weight:700;padding:2px 8px;border-radius:6px;background:#818cf81f;border:1px solid rgba(129,140,248,.24)}.meta-hot{margin-left:auto;color:var(--muted-2)}.category-row-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.channel-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.channel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--line)}.channel-head h3{margin:0;font-size:17px;font-weight:800}.channel-head a{color:var(--accent);font-size:13px;font-weight:700;flex-shrink:0}.channel-list{display:flex;flex-direction:column;gap:6px}.channel-list-item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:12px;transition:background .18s ease}.channel-list-item:hover{background:var(--surface-2)}.channel-rank{flex-shrink:0;width:22px;text-align:center;font-size:15px;font-style:italic;font-weight:900;color:var(--muted-2)}.channel-list-item:nth-child(1) .channel-rank{color:var(--lime)}.channel-list-item:nth-child(2) .channel-rank{color:var(--accent)}.channel-list-item:nth-child(3) .channel-rank{color:var(--accent-2)}.channel-thumb{flex-shrink:0;width:92px;aspect-ratio:16 / 10;border-radius:9px;overflow:hidden;background:#0a1311}.channel-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.channel-text{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}.channel-text strong{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-meta{font-size:12px;color:var(--muted)}.channel-score{flex-shrink:0;font-size:12px;font-weight:700;color:var(--lime)}.inner-page{padding:40px 0 64px}.inner-page .container{display:grid;gap:28px}.page-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:28px}.page-eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:1.5px;color:var(--accent);margin-bottom:12px}.page-head-panel{background:var(--surface)}.category-head{background:radial-gradient(700px 240px at 100% 0%,rgba(34,211,238,.12),transparent 60%),var(--surface)}.filter-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.filter-chip{height:38px;padding:0 18px;border-radius:999px;display:inline-flex;align-items:center;background:var(--surface-2);border:1px solid var(--line);color:var(--muted);font-size:13px;font-weight:600;transition:all .18s ease}.filter-chip:hover{color:var(--text);border-color:var(--line-strong)}.filter-chip.active{color:#04211a;background:var(--grad);border-color:transparent;box-shadow:0 8px 20px #10b98152}.detail-panel{display:grid;grid-template-columns:320px 1fr;gap:32px}.detail-cover{position:relative}.detail-cover img{width:100%;aspect-ratio:3 / 4;-o-object-fit:cover;object-fit:cover;border-radius:14px;border:1px solid var(--line)}.inline-badge{height:30px;padding:0 14px;border-radius:999px;display:inline-flex;align-items:center;font-size:12px;font-weight:700;color:var(--accent-2);background:#22d3ee1f;border:1px solid rgba(34,211,238,.3)}.detail-info h1,.player-head-simple h1{margin:16px 0;font-size:clamp(28px,4vw,40px);font-weight:900;letter-spacing:-.5px}.detail-tags{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.detail-tags span{height:34px;padding:0 14px;border-radius:999px;display:inline-flex;align-items:center;font-size:13px;background:var(--surface-2);border:1px solid var(--line);color:var(--text)}.detail-info p{color:var(--muted);line-height:1.9}.detail-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px}.detail-info-grid div{padding:16px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line)}.detail-info-grid span{display:block;margin-bottom:8px;color:var(--muted-2);font-size:12px}.detail-info-grid strong{font-weight:700}.play-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px}.player-panel{min-width:0}.player-head-simple{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}.video-frame{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:14px;background:#000;border:1px solid var(--line);max-height:min(56.25vw,calc(100dvh - 220px));touch-action:manipulation}.video-frame--play{-webkit-touch-callout:none}.video-el{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;-o-object-fit:contain;object-fit:contain;background:#000;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}@supports not (aspect-ratio: 16 / 9){.video-frame{height:0;padding-bottom:56.25%}.video-el{position:absolute;left:0;top:0}}.play-info-section{margin-top:22px;padding:20px 22px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line)}.play-info-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.play-info-title{margin:0;font-size:18px;font-weight:800}.play-info-tags{margin-bottom:0}.play-info-desc{margin:14px 0 0;color:var(--muted);font-size:14px;line-height:1.85}.play-info-grid{margin-top:18px}.side-panel{align-self:start}.side-list{display:grid;gap:12px}.side-item{display:grid;grid-template-columns:110px 1fr;gap:12px;align-items:center;padding:10px;border-radius:12px;border:1px solid var(--line);background:var(--surface-2);transition:border-color .18s ease,transform .18s ease}.side-item:hover{border-color:#22d3ee66;transform:translate(3px)}.side-item img{width:110px;height:68px;-o-object-fit:cover;object-fit:cover;border-radius:9px}.side-item strong{display:block;font-size:14px;font-weight:700}.side-item p,.side-item span{margin:6px 0 0;color:var(--muted);font-size:12px}.site-footer{margin-top:auto;background:var(--bg-2);border-top:1px solid var(--line);padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:32px;padding:48px 0 36px}.footer-brand .brand{margin-bottom:16px}.footer-desc{margin:0;color:var(--muted);line-height:1.85;font-size:14px;max-width:360px}.footer-col{display:flex;flex-direction:column;gap:12px}.footer-col h4{margin:0 0 4px;font-size:14px;font-weight:800;color:var(--text)}.footer-col a{color:var(--muted);font-size:14px;transition:color .18s ease}.footer-col a:hover{color:var(--accent)}.footer-cta p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}.footer-cta .primary-btn{margin-top:4px}.footer-bottom{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted-2);font-size:13px;padding:18px 0;padding-bottom:max(18px,env(safe-area-inset-bottom))}.search-empty{margin:0;padding:12px 0;color:var(--muted);font-size:15px;text-align:center}.auth-page{min-height:60vh;display:grid;place-items:center;padding:56px 16px 72px}.auth-card{width:min(440px,100%);background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:34px 30px 30px;box-shadow:0 24px 60px #00000080;position:relative;overflow:hidden}.auth-card:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--grad)}.auth-card h1{margin:0 0 8px;font-size:26px;font-weight:800}.auth-card>p:first-of-type{margin:0 0 24px;color:var(--muted);font-size:14px;line-height:1.7}.auth-field{margin-bottom:18px}.auth-field label{display:block;margin-bottom:8px;font-size:13px;color:var(--text);font-weight:600}.auth-field input{width:100%;height:46px;border:1px solid var(--line);border-radius:11px;padding:0 14px;font-size:14px;background:var(--surface-2);color:var(--text)}.auth-field input::-moz-placeholder{color:var(--muted-2)}.auth-field input::placeholder{color:var(--muted-2)}.auth-field input:focus{outline:none;border-color:#22d3ee80;box-shadow:0 0 0 4px #22d3ee24}.auth-submit{width:100%;margin-top:6px}.auth-err{margin:0 0 14px;font-size:13px;color:#fb7185}.auth-switch{margin:22px 0 0;text-align:center;font-size:14px;color:var(--muted)}.auth-switch a{color:var(--accent);font-weight:700}@media (max-width: 1180px){.card-grid.four-col{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 1080px){.nav-row{flex-wrap:wrap}.main-nav{order:3;width:100%;justify-content:flex-start;overflow-x:auto}.nav-tools{width:auto}.play-layout,.detail-panel{grid-template-columns:1fr}.hero-inner{flex-direction:column;align-items:flex-start;gap:32px}.hero-strip{width:100%}.hero-strip-list{grid-template-columns:repeat(4,1fr)}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}}@media (max-width: 860px){.category-row-tabs{grid-template-columns:1fr}.card-grid.four-col{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-panel{gap:20px}.detail-cover{max-width:260px}}@media (max-width: 720px){.nav-row{flex-direction:column;align-items:stretch;gap:12px;min-height:auto;padding:12px 0 14px}.brand{align-self:center}.main-nav{order:2;width:100%;overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;gap:4px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.main-nav::-webkit-scrollbar{height:4px}.main-nav::-webkit-scrollbar-thumb{background:#22d3ee66;border-radius:4px}.nav-tools{width:100%;flex-direction:column;align-items:stretch;gap:10px}.search-form{width:100%;min-height:46px}.nav-user{justify-content:space-between;width:100%}.mini-btn,.plain-link.nav-logout{min-height:44px}.content-shell{padding:32px 0 44px}.home-sections,.detail-layout{gap:36px}.inner-page{padding:28px 0 44px}.page-panel{padding:18px}.hero-inner{padding:64px 0 44px;min-height:auto}.hero-main h1{font-size:clamp(28px,8vw,40px)}.hero-actions{width:100%}.hero-actions .primary-btn,.hero-actions .secondary-btn{flex:1;min-height:48px}.hero-strip-list{grid-template-columns:repeat(2,1fr)}.section-bar{flex-wrap:wrap;gap:12px}.section-title h1,.section-title h2{font-size:20px}.player-head-simple{flex-direction:column;align-items:stretch;gap:12px}.player-head-simple .secondary-btn{width:100%}.video-frame{border-radius:12px;max-height:min(56.25vw,calc(100vh - 160px));max-height:min(56.25vw,calc(100dvh - 160px));max-height:min(56.25vw,calc(100svh - 160px))}main.play-route{padding-bottom:max(24px,env(safe-area-inset-bottom))}.footer-grid{grid-template-columns:1fr 1fr;gap:24px;padding:36px 0 28px}.footer-brand{grid-column:1 / -1}.footer-bottom{flex-direction:column;justify-content:center;text-align:center;gap:8px}}@media (max-width: 480px){.card-grid.four-col{grid-template-columns:1fr}.hero-strip-list{grid-template-columns:repeat(2,1fr)}.detail-info-grid{grid-template-columns:1fr}}