:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#090b10;--surface:#10151f;--surface-2:#151c28;--line:#ffffff1a;--text:#f7f8fb;--muted:#aab4c4;--soft:#d8dee8;--hot:#ff3d68;--cyan:#3ec7d8;--amber:#f2a93b;--violet:#9b7cff;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-padding-top:92px}body{background:var(--bg);min-width:320px;margin:0}a{color:inherit;text-decoration:none}button{font:inherit}.site-shell{min-height:100vh}.topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#090b10e6;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:12px max(16px,50vw - 640px);display:grid;position:sticky;top:0}.brand,.actions,.hero-actions,.content-band a,.short-note,.site-footer{align-items:center;display:flex}.brand{gap:9px;min-width:0;font-weight:900}.brand span{background:linear-gradient(135deg, var(--hot), var(--cyan));border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.topbar nav{scrollbar-width:none;justify-content:center;gap:8px;min-width:0;display:flex;overflow-x:auto}.topbar nav::-webkit-scrollbar{display:none}.category-rail::-webkit-scrollbar{display:none}.topbar nav a,.actions button,.actions a,.hero-actions a,.content-band a,.short-player a{border:1px solid var(--line);border-radius:8px;min-height:38px}.topbar nav a{white-space:nowrap;color:var(--muted);align-items:center;padding:0 12px;display:inline-flex}.actions{gap:8px}.actions button,.actions a{width:38px;color:var(--muted);cursor:pointer;background:#ffffff0a;place-items:center;display:grid}.hero,.page-hero,.video-section,.content-band,.shorts-layout,.watch-layout,.data-boundary{max-width:1280px;margin:0 auto;padding-inline:16px}.hero{grid-template-columns:minmax(0,1fr) minmax(280px,420px);align-items:end;gap:28px;min-height:420px;padding-block:56px 30px;display:grid}.hero-copy,.page-hero,.short-copy,.watch-meta{min-width:0}.eyebrow,.section-head p{color:var(--cyan);text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:800}.hero h1,.page-hero h1,.short-copy h1,.watch-meta h1{letter-spacing:0;overflow-wrap:anywhere;margin:0;font-size:clamp(38px,7vw,72px);line-height:1.02}.hero-copy>p:not(.eyebrow),.page-hero p:not(.eyebrow),.short-copy>p,.watch-meta>p{max-width:680px;color:var(--soft);margin:16px 0 0;font-size:17px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:22px}.hero-actions a,.content-band a,.short-player a{white-space:nowrap;align-items:center;gap:8px;max-width:100%;padding:0 14px;font-weight:800;display:inline-flex}.hero-actions a:first-child,.content-band a{background:linear-gradient(135deg, var(--hot), var(--amber));border-color:#0000}.hero-actions .secondary,.short-player a{background:#ffffff14}.hero-feature,.short-player,.player-placeholder,.watch-player{border:1px solid var(--line);background:linear-gradient(180deg, #ffffff0d, #fff0), var(--surface);border-radius:8px}.hero-feature{flex-direction:column;justify-content:flex-end;gap:10px;min-height:260px;padding:18px;display:flex}.hero-feature span{background:#00000080;border-radius:6px;width:max-content;padding:5px 8px;font-size:12px}.hero-feature strong{font-size:22px;line-height:1.25}.hero-feature small,.video-body p,.video-body small,.section-head span,.site-footer span,.data-boundary dd,.short-player span{color:var(--muted)}.category-rail{scrollbar-width:none;gap:8px;max-width:1280px;margin:0 auto;padding:10px 16px 0;display:flex;overflow-x:auto}.category-rail a,.tag-list a{border:1px solid var(--line);background:var(--surface);border-radius:8px;flex:none;align-items:center;gap:8px;min-height:38px;padding:0 12px;display:inline-flex}.category-rail span{color:var(--muted);font-size:12px}.page-hero{padding-block:48px 22px}.search-hero{padding-bottom:12px}.search-form,.search-tools{align-items:center;gap:10px;max-width:720px;display:flex}.search-form{border:1px solid var(--line);background:var(--surface);border-radius:8px;margin-top:22px;padding:8px}.search-form svg{color:var(--muted);flex:none}.search-form input{min-width:0;color:var(--text);font:inherit;background:0 0;border:0;outline:0;flex:auto}.search-form button,.search-tools a{border:1px solid var(--line);min-height:38px;color:var(--text);white-space:nowrap;background:#ffffff0f;border-radius:8px;padding:0 14px;font-weight:800}.search-tools{scrollbar-width:none;max-width:1280px;margin:0 auto;padding:8px 16px 0;overflow-x:auto}.search-tools::-webkit-scrollbar{display:none}.search-tools a[aria-current=page]{background:linear-gradient(135deg, var(--hot), var(--amber));border-color:#0000}.video-section{padding-top:28px}.section-head{justify-content:space-between;align-items:end;gap:12px;margin-bottom:14px;display:flex}.section-head h2,.content-band h2,.data-boundary h2{margin:0;font-size:24px;line-height:1.2}.section-head a{color:var(--muted);flex:none}.video-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding-bottom:12px;display:grid}.compact-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.video-card{border:1px solid var(--line);background:var(--surface);border-radius:8px;min-width:0;overflow:hidden}.poster{aspect-ratio:16/10;color:#ffffffe6;background-position:50%;background-size:cover;place-items:center;display:grid;position:relative;overflow:hidden}.video-card.compact .poster{aspect-ratio:3/4}.poster.rose{background:linear-gradient(135deg,#3b1724,#131722)}.poster.cyan{background:linear-gradient(135deg,#12323b,#121722)}.poster.amber{background:linear-gradient(135deg,#3c2a12,#121722)}.poster.violet{background:linear-gradient(135deg,#241b45,#121722)}.poster.has-image:before{content:"";background:#00000038;position:absolute;inset:0}.poster.has-image svg,.poster.has-image span{z-index:1;position:relative}.poster span{background:#000000ad;border-radius:5px;padding:3px 6px;font-size:12px;position:absolute;bottom:8px;left:8px}.video-body{padding:10px}.video-body h3{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:40px;margin:0;font-size:15px;line-height:1.35;display:-webkit-box;overflow:hidden}.video-body p,.video-body small{margin:7px 0 0;font-size:12px;line-height:1.45;display:block}.video-body small{min-height:34px;overflow:hidden}.content-band,.data-boundary{border-block:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;margin-top:30px;padding-block:22px;display:flex}.migration-status{border-block:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);align-items:center;gap:18px;max-width:1280px;margin:24px auto 0;padding:20px 16px;display:grid}.migration-status h2{margin:0;font-size:24px;line-height:1.2}.migration-status p:not(.eyebrow){max-width:720px;color:var(--soft);margin:8px 0 0;line-height:1.65}.migration-status dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0;margin:0;display:grid}.migration-status div{min-width:0}.migration-status dl div{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:10px}.migration-status dt{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.migration-status dd{color:var(--text);margin:8px 0 0;font-weight:900;line-height:1.25}.content-band p,.data-boundary p{max-width:720px;color:var(--soft);margin:8px 0 0;line-height:1.7}.shorts-layout,.watch-layout{grid-template-columns:minmax(260px,390px) minmax(0,1fr);align-items:center;gap:32px;padding-block:38px 16px;display:grid}.short-player,.player-placeholder{text-align:center;align-content:center;place-items:center;gap:12px;width:100%;min-width:0;min-height:520px;padding:20px;display:grid}.short-player strong,.player-placeholder strong{overflow-wrap:anywhere;max-width:100%;font-size:20px;line-height:1.3}.short-note{max-width:520px;color:var(--muted);gap:8px;margin-top:18px}.watch-layout{grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr)}.player-placeholder{aspect-ratio:16/9;min-height:360px}.watch-player{aspect-ratio:16/9;object-fit:contain;background:#000;width:100%;min-width:0;display:block}.watch-meta dl,.data-boundary dl{gap:10px;margin:20px 0 0;display:grid}.watch-meta dl{grid-template-columns:repeat(3,minmax(0,1fr))}.watch-meta dt,.data-boundary dt{color:var(--muted);font-size:12px}.watch-meta dd,.data-boundary dd{margin:4px 0 0;font-weight:800}.tag-list{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.data-boundary{background:var(--surface);display:block}.data-boundary dl{grid-template-columns:repeat(3,minmax(0,1fr))}.site-footer{border-top:1px solid var(--line);justify-content:space-between;gap:16px;max-width:1280px;margin:34px auto 0;padding:18px 16px 28px}.empty-state{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:8px;margin:0;padding:18px}@media (max-width:1100px){.video-grid,.compact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:820px){.topbar{grid-template-columns:auto 1fr}.topbar nav{order:3;grid-column:1/-1;justify-content:flex-start}.actions{justify-content:flex-end}.hero,.shorts-layout,.watch-layout,.content-band,.migration-status,.site-footer{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.hero{min-height:auto;padding-block:34px 18px}.short-player,.player-placeholder{min-height:300px}.player-placeholder{aspect-ratio:auto}.watch-meta dl,.data-boundary dl,.migration-status dl{grid-template-columns:1fr}}@media (max-width:560px){.hero h1,.page-hero h1,.short-copy h1,.watch-meta h1{font-size:42px}.video-grid,.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.section-head{flex-direction:column;align-items:flex-start}.video-body h3{font-size:14px}.search-form{flex-wrap:wrap}.search-form button{width:100%}}
.topbar{grid-template-columns:auto minmax(0,1fr) minmax(220px,300px) auto}.top-search{grid-template-columns:minmax(0,1fr) 42px;gap:8px;min-width:0;display:grid}.top-search input,.top-search button{border:1px solid var(--line);min-height:38px;color:var(--text);background:#0e1320;border-radius:8px}.top-search input{outline:0;min-width:0;padding:0 10px}.top-search button{cursor:pointer;place-items:center;display:grid}.legacy-shell{max-width:1280px;margin:0 auto;padding:12px 16px 42px}.legacy-ad-stack{gap:10px;display:grid}.legacy-site-banner,.legacy-ad-image img{background:#0e1320;border:1px solid #ffffff24;border-radius:10px;width:100%}.legacy-site-banner{min-height:44px}.legacy-ad-image{display:block;overflow:hidden}.legacy-ad-image img{object-fit:contain;max-height:112px;display:block}.legacy-announcement{background:linear-gradient(135deg,#ffd85a21,#ff3d681f);border:1px solid #ffd85a47;border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:44px;padding:10px 12px;display:grid}.legacy-announcement b{color:#ffd95a;white-space:nowrap}.legacy-announcement span{color:#f7f8fb;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;overflow:hidden}.legacy-announcement a{background:#ffffff1a;border-radius:8px;padding:7px 10px;font-size:13px;font-weight:800}
.legacy-home-layout{grid-template-columns:96px minmax(0,1fr);align-items:start;gap:12px;margin-top:14px;display:grid}.legacy-rail{scrollbar-width:none;gap:8px;max-height:calc(100vh - 92px);padding-right:2px;display:grid;position:sticky;top:74px;overflow:auto}.legacy-rail::-webkit-scrollbar{display:none}.legacy-rail a{border:1px solid var(--line);color:#dce3ee;text-overflow:ellipsis;white-space:nowrap;background:#ffffff0b;border-radius:7px;justify-content:center;align-items:center;min-height:34px;padding:0 6px;font-size:13px;display:flex;overflow:hidden}.legacy-rail a.is-on{background:linear-gradient(135deg, var(--hot), var(--amber));color:#fff;border-color:#0000;font-weight:800}.legacy-feature{border:1px solid var(--line);background:#111827;border-radius:10px;align-items:end;min-height:220px;display:grid;position:relative;overflow:hidden}.legacy-feature img{object-fit:cover;opacity:.72;width:100%;height:100%;position:absolute;inset:0}.legacy-feature div{background:linear-gradient(#0000,#000000e6);padding:20px;position:relative}.legacy-feature span,.legacy-section-head span,.legacy-card-body small{color:var(--muted)}.legacy-feature h1{-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:720px;margin:6px 0;font-size:28px;line-height:1.18;display:-webkit-box;overflow:hidden}.legacy-feature p{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.legacy-section-head{justify-content:space-between;align-items:center;gap:10px;margin:14px 0 12px;display:flex}.legacy-section-head h2{margin:0;font-size:22px}.legacy-video-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;display:grid}.legacy-video-card{border:1px solid var(--line);background:var(--surface);border-radius:10px;min-width:0;overflow:hidden}.legacy-poster{aspect-ratio:3/4;background:#0d111b;position:relative}.legacy-poster img{object-fit:cover;width:100%;height:100%}.legacy-poster span{background:#000000b8;border:1px solid #ffffff29;border-radius:5px;padding:3px 6px;font-size:12px;position:absolute;bottom:8px;left:8px}.legacy-card-body{padding:9px}.legacy-card-body strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;height:38px;font-size:14px;line-height:1.35;display:-webkit-box;overflow:hidden}.legacy-card-body small{text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:12px;display:block;overflow:hidden}
@media (max-width:980px){.topbar{grid-template-columns:1fr auto}.topbar nav,.top-search{grid-column:1/-1}.legacy-video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:560px){.brand strong{font-size:16px}.actions{display:none}.legacy-shell{padding:8px 8px 34px 0}.legacy-ad-stack{padding-left:8px}.legacy-ad-image img{max-height:86px}.legacy-announcement{grid-template-columns:auto minmax(0,1fr)}.legacy-announcement a{display:none}.legacy-home-layout{grid-template-columns:72px minmax(0,1fr);gap:8px}.legacy-rail{padding-left:6px;top:118px}.legacy-rail a{border-radius:6px;min-height:32px;font-size:12px}.legacy-feature{border-radius:8px;min-height:150px}.legacy-feature div{padding:14px}.legacy-feature h1{font-size:19px}.legacy-video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.legacy-section-head h2{font-size:19px}.legacy-card-body{padding:8px}.legacy-card-body strong{height:36px;font-size:13px}}
