:root{color-scheme:dark;--bg:#080c10;--panel:#111820;--soft:#171e26;--line:rgba(255,255,255,.09);--text:#edf1f5;--muted:#89929e;--accent:#00d6c4;--green:#56e7a7;--sidebar:160px;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-size:14px;line-height:1.6}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer}button:disabled,[aria-disabled=true]{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{border:0}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.brand{display:flex;align-items:center;gap:10px;font-size:20px;white-space:nowrap}.brand-logo{display:block;width:156px;height:auto;flex-shrink:0}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:linear-gradient(180deg,#101720,#080c10);z-index:40;display:flex;flex-direction:column}.sidebar>.brand{height:96px;padding:0 22px}.sidebar nav{flex:1;overflow:auto;padding:6px 0}.sidebar nav a,.sidebar nav .nav-disabled{display:flex;align-items:center;gap:13px;min-height:49px;padding:10px 21px;color:#a0a5ad;position:relative}.sidebar nav svg{width:19px;height:19px}.sidebar nav [data-nav="/popular"] svg{color:#ff3b42}.sidebar nav [data-nav="/topics"] svg{color:#61c900}.sidebar nav a:hover{background:#15262a;color:#fff}.sidebar nav a.is-current{background:linear-gradient(90deg,#075242,transparent);color:#fff}.sidebar nav a.is-current:before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:4px;background:var(--green);box-shadow:0 0 14px var(--green)}.sidebar nav .nav-disabled{opacity:.45}.nav-divider{height:1px;background:var(--line);margin:10px 22px}.sidebar footer{padding:18px 18px 28px;border-top:1px solid var(--line);font-size:11px;color:#636b74;display:flex;gap:5px;flex-wrap:wrap}.sidebar footer span{width:100%}.pc-header{position:fixed;top:0;left:var(--sidebar);right:0;height:76px;display:flex;justify-content:flex-end;align-items:center;gap:24px;padding:0 38px;background:rgba(13,19,26,.72);backdrop-filter:blur(20px);z-index:35}.search-form{display:flex;align-items:center;width:350px;border:1px solid #ffffff13;border-radius:24px;background:#ffffff0c;overflow:hidden}.search-form input{min-width:0;width:100%;border:0;outline:0;background:transparent;padding:10px 16px;color:var(--text)}.search-form input::placeholder{color:#707984}.search-form button{padding:8px 13px;background:transparent;color:#9199a4;display:flex}.tool-link{display:flex;flex:none;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:32px;min-height:44px;font-size:11px;line-height:1.3;font-weight:500;color:#9ca2ac;transition:color .2s ease}.tool-link svg{width:20px;height:20px;stroke-width:2}.tool-link:hover,.tool-link.is-current{color:var(--accent)}.account-link{display:flex;flex:none;align-items:center;gap:8px;height:36px;padding:0 16px 0 6px;background:#ffffff14;border:1px solid transparent;border-radius:999px;font-size:14px;font-weight:500;line-height:1.4;color:var(--text);transition:background .22s ease,border-color .22s ease,box-shadow .28s ease}.account-link:hover,.account-link:focus-visible{color:var(--text);background:#ffffff1f;border-color:#e7fff4b3;box-shadow:0 6px 18px #0004}.account-avatar{display:block;flex:none;width:26px;height:26px;overflow:hidden;border:2px solid #9cd9bd;border-radius:50%;background:#2b3e39}.account-avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}.account-name{display:block;max-width:128px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pc-header-tools>.search-form{flex:0 1 350px;min-width:120px}@media(max-width:1000px){.pc-header{gap:18px;padding-right:24px;padding-left:24px}.account-name{max-width:104px}}.pc-main{margin-left:var(--sidebar);min-height:80vh}.home-page{padding-top:0}.hero{position:relative;height:780px;overflow:hidden;background:#101b26}.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .55s ease,visibility .55s}.hero-slide.is-active{opacity:1;visibility:visible}.hero-image{width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(0deg,var(--bg) 0%,#080c1033 35%,#080c1008 65%),linear-gradient(90deg,#080c10aa,#080c1000 75%)}.hero-target{position:absolute;inset:0;z-index:1}.hero-copy{position:absolute;left:40px;bottom:220px;max-width:65%;pointer-events:none;z-index:2}.hero-copy h1{font-size:clamp(32px,3.8vw,62px);font-weight:700;line-height:1.25;margin-bottom:22px;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hero-copy p{color:#c1c8ce;max-width:560px;margin:12px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hero-tags{display:flex;gap:6px}.hero-tags span{font-size:11px;background:#ffffff16;border:1px solid #ffffff30;padding:2px 8px;border-radius:3px;color:#c6ddd9}.hero-thumbnails{position:absolute;bottom:26px;right:40px;left:40px;display:flex;justify-content:flex-end;gap:12px;z-index:3}.hero-thumbnails a{flex:0 1 160px;height:92px;border-radius:8px;overflow:hidden;border:1px solid transparent;transition:transform .2s,border-color .2s}.hero-thumbnails img{height:100%;width:100%;object-fit:cover}.hero-thumbnails a.is-active{border-color:#cef5ff;box-shadow:0 0 22px #77dfff40}.hero-thumbnails a:hover{transform:translateY(-3px)}.hero-dots{display:none}.hero-empty{padding:180px 40px;color:var(--muted)}.home-content{padding:14px 38px 50px}.channel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:46px}.channel-grid>a{display:flex;align-items:center;gap:15px;min-height:78px;border-radius:18px;border:1px solid #ffffff12;background:linear-gradient(110deg,#1d303a,#10161d 65%);padding:12px 16px;box-shadow:inset 0 1px 0 #ffffff0b}.channel-grid>a:nth-child(4n+2){background:linear-gradient(110deg,#28253b,#10161d 65%)}.channel-grid>a:nth-child(4n+3){background:linear-gradient(110deg,#3c3120,#10161d 65%)}.channel-grid>a:nth-child(4n+4){background:linear-gradient(110deg,#143b35,#10161d 65%)}.channel-icon{display:grid;place-items:center;border-radius:13px;width:47px;height:47px;border:1px solid #9fe4ed44;background:#9fe4ed16;color:#8de9f3;flex:none}.channel-icon svg{width:30px;height:30px}.channel-copy{display:flex;flex-direction:column;min-width:0}.channel-copy strong{font-size:15px;font-weight:500}.channel-copy small{font-size:10px;color:#7e858e}.content-section{margin-bottom:42px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:16px}.section-heading h2{font-size:21px;line-height:1.3;margin:0;font-weight:600}.section-heading a{font-size:12px;color:#9aa2ad}.section-heading a:hover{color:var(--accent)}.card-grid{display:grid;gap:22px 16px;grid-template-columns:repeat(5,minmax(0,1fr))}.video-card{min-width:0}.cover-link{display:block;position:relative;border-radius:8px;overflow:hidden;background:#17212c;isolation:isolate}.cover-link>img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .28s ease}.cover-link:hover>img{transform:scale(1.045)}.cover-play{position:absolute;inset:0;display:grid;place-items:center;color:#fff;background:#0003;opacity:0;transition:opacity .2s}.cover-play svg{width:45px;height:45px}.cover-link:hover .cover-play{opacity:1}.video-card h3{font-size:14px;font-weight:500;line-height:1.5;margin:9px 0 5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.card-tags{display:flex;gap:5px;flex-wrap:wrap;color:#777f89;font-size:11px;min-height:0}.card-tags span+span:before{content:"·";margin-right:5px}.card-shelf{display:flex;gap:16px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;padding-bottom:14px}.card-shelf::-webkit-scrollbar{display:none}.card-shelf .video-card{flex:0 0 calc((100% - 64px)/5);scroll-snap-align:start}.page-footer{margin:40px 38px 30px calc(var(--sidebar) + 38px);border-top:1px solid var(--line);padding-top:20px;color:#58616d;font-size:11px;display:flex;justify-content:space-between;gap:15px}.list-page{padding:110px 38px 40px}.page-heading h1,.list-page>h1{font-size:30px;line-height:1.35;margin-bottom:10px}.page-heading p{color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:3px;color:var(--accent)!important;margin-bottom:10px}.filter-row{display:flex;gap:10px;flex-wrap:wrap;padding:18px 0 25px;border-bottom:1px solid var(--line);margin-bottom:24px}.filter-row a{border-radius:6px;padding:5px 13px;color:#a1a8b1}.filter-row a.is-current{background:#00d6c417;color:var(--accent)}.list-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.pagination{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:30px 0}.pagination a{padding:7px 13px;border-radius:6px;background:#151e28;color:#a0a8b4}.pagination a[aria-current=page]{background:var(--accent);color:#052421}.empty-state{min-height:250px;padding:50px 20px;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;grid-column:1/-1;color:var(--muted)}.empty-state>svg{width:56px;height:56px;margin-bottom:20px;color:#35444d}.empty-state h1,.empty-state h2{font-size:22px;color:#dbe0e7}.empty-state a{color:var(--accent)}.empty-inline{color:var(--muted);padding:30px 0;grid-column:1/-1}.development-note{font-size:11px;color:#787d86;padding:10px 13px;border-left:2px solid #53616f;background:#10161c}.inner-header{height:60px;background:#080c10;display:flex;align-items:center;gap:14px;padding:0 25px;border-bottom:1px solid #ffffff08;position:relative;z-index:30}.inner-header>.icon-button:last-child{margin-left:auto}.inner-header .brand{font-size:17px}.inner-header .brand-logo{width:112px}.icon-button{display:inline-flex;align-items:center;justify-content:center;padding:6px;background:transparent;color:#a4acb6}.icon-button:hover{color:#fff}.player-page{padding:20px 28px 40px}.pc-player{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px}.video-stage{position:relative;width:100%;aspect-ratio:16/9;background:#000}.video-stage video{width:100%;height:100%;object-fit:contain;background:#000}.video-start{position:absolute;inset:0;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;background:radial-gradient(ellipse,#08101a11,#05090e77);color:white}.video-start .player-brand-mark{display:block;width:80px;height:auto;filter:drop-shadow(0 2px 10px #0008)}.video-start[hidden]{display:none}.player-status{position:absolute;left:12%;right:12%;top:40%;background:transparent;padding:20px;text-align:center;border:0;border-radius:8px}.playback-toolbar{display:flex;align-items:center;gap:12px;min-height:52px;border-bottom:1px solid var(--line);color:#a7afba}.playback-toolbar strong{font-weight:400;min-width:0;flex:1}.playback-toolbar button{background:#17212a;border-radius:5px;font-size:12px;padding:5px 13px}.media-note{font-size:10px;color:#68717c;margin:9px 0 0}.episode-column{min-width:0}.episode-column>h1{font-size:24px;line-height:1.5;margin:2px 0 6px;overflow-wrap:anywhere}.video-meta{color:#88929d;font-size:12px;margin-bottom:13px}.favorite-button{display:inline-flex;align-items:center;gap:7px;padding:7px 15px;border:1px solid #ffffff25;border-radius:20px;background:transparent;color:#bec5ce}.favorite-button svg{width:18px;height:18px}.favorite-button.is-active{color:var(--accent);border-color:#00d6c466;background:#00d6c40c}.favorite-button.is-active svg{fill:#00d6c433}.episodes{margin-top:24px;padding-top:15px;border-top:1px solid var(--line)}.episodes>header{display:flex;align-items:center;gap:10px;margin-bottom:17px}.episodes h2{font-size:16px;margin:0;flex:1}.episodes header>span{font-size:11px;color:var(--muted)}.episode-group-tabs{display:flex;gap:8px;overflow:auto;margin-bottom:13px}.episode-group-tabs button{font-size:12px;padding:5px 10px;color:#9ca6b2;border-radius:5px;background:#171f29;white-space:nowrap}.episode-group-tabs button.is-active{color:var(--accent);background:#00d6c414}.episode-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;max-height:560px;overflow:auto;padding-right:3px}.episode-grid a{display:grid;place-items:center;aspect-ratio:1;min-width:0;border-radius:7px;background:#1a232e;font-size:14px;font-weight:600;border:1px solid transparent}.episode-grid a[aria-current=true]{color:var(--accent);border-color:#00cabe;background:#00cabe16}.episode-grid a[aria-disabled=true]{color:#626c79}.episode-grid a.is-finished{box-shadow:inset 0 -2px 0 #4e6c64}.info-panel{padding:25px 0}.info-panel h2{font-size:16px;color:var(--green);font-weight:500;margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid var(--line)}.synopsis{color:#9ba2ab;font-size:13px;line-height:1.9}.synopsis summary{list-style:none;cursor:pointer;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.synopsis summary:after{content:" 展开 ›";color:var(--green)}.synopsis[open] summary{display:block;font-size:0}.synopsis[open] summary:after{content:"收起 ↑";font-size:12px}.synopsis[open]>p{margin-top:12px}.actor-list{display:flex;flex-wrap:wrap;gap:10px}.actor-list span{border:1px solid var(--line);padding:7px 13px;border-radius:20px;color:#aeb7c1}.recommendations{grid-template-columns:repeat(3,minmax(0,1fr))}.player-page~.page-footer{margin-left:28px}.account-page,.history-page{padding:110px 38px 40px}.account-page>.page-heading,.account-page>.credential-panel,.account-page>.recovery-panel{max-width:620px;margin-inline:auto}.credential-panel{max-width:620px;padding:24px 0;text-align:center}.account-number{color:#a0a9b5;font-size:13px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.account-number strong{color:#fff;font-weight:500;overflow-wrap:anywhere}.credential-image{margin:24px auto;max-width:260px;width:100%;background:#e6e6e6;border-radius:12px;filter:brightness(.9)}.credential-panel p:not(.account-number){font-size:12px;color:#87909b}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;padding:11px 22px;font-size:13px;border:1px solid transparent}.primary-button{background:var(--accent);color:#022b28;font-weight:600}.secondary-button{background:#1b2836;color:#c0ccd8;border-color:#ffffff15}.account-actions{display:flex;align-items:center;gap:18px;justify-content:center;flex-wrap:wrap;margin-top:25px}.account-actions a{color:#a0a8b3;font-size:12px}.recovery-panel{max-width:620px;padding:30px 0}.recovery-panel h2{font-size:19px}.recovery-panel p{font-size:12px;color:var(--muted)}.file-button{position:relative;overflow:hidden;cursor:pointer}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.recovery-panel textarea{display:block;width:100%;min-height:80px;background:#131d27;border:1px solid #ffffff20;border-radius:7px;padding:12px;color:#fff;resize:vertical;margin-bottom:12px}.debug-recovery{padding-top:24px;color:#64717e;font-size:11px}.debug-recovery summary{cursor:pointer;margin-bottom:15px}.scanner-video{width:100%;max-height:300px;margin:20px 0;background:#000}.record-tabs{display:flex;gap:25px;margin-bottom:25px;border-bottom:1px solid var(--line)}.record-tabs a{padding:12px 0;color:#939fac}.record-tabs a.is-current{color:var(--accent);border-bottom:2px solid var(--accent)}.private-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px 16px}.private-list>.empty-state,.private-list>p{grid-column:1/-1}.history-card{position:relative}.history-card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:7px}.history-card h3{font-size:14px;line-height:1.5;margin:8px 0 3px}.history-card p{font-size:11px;color:var(--muted);margin:0}.history-card button{font-size:11px;background:#18232f;padding:4px 10px;border-radius:4px;margin-top:9px;color:#a8b2be}.toast{position:fixed;bottom:35px;left:50%;transform:translateX(-50%);z-index:200;background:#19232ff5;border:1px solid #ffffff20;border-radius:8px;padding:12px 22px;max-width:90%;text-align:center;box-shadow:0 10px 40px #0008}.identity-status{position:fixed;right:15px;bottom:15px;z-index:150;background:#122028e8;border:1px solid #ffffff15;padding:8px 12px;border-radius:6px;font-size:11px;color:#a6b1bc}.identity-status button{margin-left:10px;color:var(--accent);background:none}.h5-header,.h5-tabs,.bottom-nav,.h5-episode-toggle,.h5-close-episodes{display:none}[hidden]{display:none!important}
body[data-surface=H5]{font-size:14px;background:linear-gradient(#101420,#080c10 650px)}body[data-surface=H5] .h5-header{display:flex;align-items:center;gap:10px;height:60px;padding:8px 16px;background:#15142b;position:fixed;top:0;left:0;right:0;z-index:40}body[data-surface=H5] .h5-header .brand{font-size:17px;gap:0;font-style:italic;color:#16c8ff}body[data-surface=H5] .h5-header .brand-logo{width:100%;height:auto}.search-entry{display:flex;align-items:center;gap:7px;min-width:0;flex:1;background:#2c1356;color:#8d74b1;border:1px solid #6932a04d;border-radius:25px;padding:7px 10px;font-size:11px;white-space:nowrap;overflow:hidden}.search-entry svg{width:17px;height:17px}.search-entry span{overflow:hidden;text-overflow:ellipsis}.circle-link{display:flex;border-radius:50%;padding:8px;background:#2a1649;color:#ad83d4}.circle-link svg{width:19px;height:19px}body[data-surface=H5] .h5-tabs{display:flex;gap:25px;align-items:center;height:58px;padding:0 20px;position:fixed;left:0;right:0;top:60px;background:#0f1520;z-index:39;white-space:nowrap;overflow:auto;font-size:14px;color:#8f94a2}body[data-surface=H5] .h5-tabs a[aria-current=page]{color:var(--accent);position:relative;font-weight:600}body[data-surface=H5] .h5-tabs a[aria-current=page]:after{content:"";position:absolute;bottom:-10px;left:1px;width:18px;height:3px;background:var(--accent)}.unavailable-tab{opacity:.55;font-size:13px}body[data-surface=H5] .home-page{padding-top:118px}body[data-surface=H5] .hero{height:220px}body[data-surface=H5] .hero-copy{left:16px;right:16px;bottom:29px;max-width:100%}body[data-surface=H5] .hero-copy h1{font-size:20px;line-height:1.3;margin:0 0 7px;-webkit-line-clamp:1}body[data-surface=H5] .hero-copy p{display:none}body[data-surface=H5] .hero-tags span{font-size:10px;padding:1px 6px}body[data-surface=H5] .hero-thumbnails{display:none}body[data-surface=H5] .hero-dots{display:flex;position:absolute;bottom:12px;left:0;right:0;justify-content:center;gap:5px;z-index:5}.hero-dots button{width:5px;height:4px;border-radius:4px;background:#ffffff4a;padding:0}.hero-dots button[aria-current=true]{width:20px;background:var(--accent)}body[data-surface=H5] .hero-shade{background:linear-gradient(0deg,#080c10c9,#080c1000 75%)}body[data-surface=H5] .home-content{padding:32px 16px 25px}body[data-surface=H5] .channel-grid{gap:23px 15px;margin-bottom:50px}body[data-surface=H5] .channel-grid>a{min-height:0;background:none;border:0;border-radius:0;padding:0;box-shadow:none;flex-direction:column;gap:6px}body[data-surface=H5] .channel-icon{width:58px;height:58px;border-radius:17px;background:linear-gradient(145deg,#214954,#15303a);border:1px solid #65818a69;color:#8ef0f0;box-shadow:inset 0 1px 0 #ffffff35}body[data-surface=H5] .channel-icon svg{width:34px;height:34px}body[data-surface=H5] .channel-grid>a:nth-child(4n+2) .channel-icon{background:linear-gradient(145deg,#393450,#251d3f);color:#b8a6ff}body[data-surface=H5] .channel-grid>a:nth-child(4n+3) .channel-icon{background:linear-gradient(145deg,#4b3523,#25231a);color:#ffda70}body[data-surface=H5] .channel-grid>a:nth-child(4n+4) .channel-icon{background:linear-gradient(145deg,#164a40,#122f32);color:#72edc3}body[data-surface=H5] .channel-copy strong{font-size:12px;color:#a1a8b1}body[data-surface=H5] .channel-copy small{display:none}body[data-surface=H5] .section-heading{margin-bottom:15px}body[data-surface=H5] .section-heading h2{font-size:17px;position:relative;padding-left:12px}body[data-surface=H5] .section-heading h2:before{content:"";position:absolute;left:0;top:2px;bottom:1px;width:3px;border-radius:2px;background:var(--accent);box-shadow:0 0 9px #00d6c460}body[data-surface=H5] .section-heading a{font-size:11px}body[data-surface=H5] .card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 10px}body[data-surface=H5] .cover-link{border-radius:7px}body[data-surface=H5] .video-card h3{font-size:13px;margin-top:7px;margin-bottom:2px}body[data-surface=H5] .card-tags{font-size:10px;gap:2px}body[data-surface=H5] .card-shelf{gap:10px}body[data-surface=H5] .card-shelf .video-card{flex-basis:43%}body[data-surface=H5] .bottom-nav{position:fixed;bottom:max(14px,env(safe-area-inset-bottom));left:24px;right:24px;display:flex;border:1px solid #ffffff25;border-radius:42px;background:#151a1be8;backdrop-filter:blur(14px);height:69px;padding:6px;z-index:60;box-shadow:0 8px 30px #0007}body[data-surface=H5] .bottom-nav a,body[data-surface=H5] .bottom-nav button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;color:#8c8f94;font-size:10px;background:transparent;border-radius:32px}body[data-surface=H5] .bottom-nav svg{width:23px;height:23px}body[data-surface=H5] .bottom-nav a.is-current{color:#fff;background:linear-gradient(#344957,#1d2934);box-shadow:inset 0 1px 0 #a6d7f644}body[data-surface=H5] .page-footer{margin:30px 16px 110px;display:block;font-size:10px}body[data-surface=H5] .page-footer a{display:block;margin-top:7px}body[data-surface=H5] .inner-header{height:56px;padding:0 12px;position:sticky;top:0;background:#0b1118f2;backdrop-filter:blur(15px)}body[data-surface=H5] .list-page{padding:24px 16px 30px}body[data-surface=H5] .list-page>h1{font-size:23px}body[data-surface=H5] .list-search{width:100%;margin-bottom:10px}body[data-surface=H5] .filter-row{flex-wrap:nowrap;overflow:auto;gap:6px;padding:15px 0;margin-bottom:15px}body[data-surface=H5] .filter-row a{white-space:nowrap;padding:4px 12px;font-size:12px}.result-total{font-size:12px;color:var(--muted)}body[data-surface=H5] .pagination{gap:5px}body[data-surface=H5] .pagination a{font-size:12px;padding:6px 10px}body[data-surface=H5] .player-page{padding:0 0 30px}.h5-player-top{position:relative}.floating-back{position:absolute;left:12px;top:12px;z-index:10;color:#fff;background:#0004;border-radius:50%;width:30px;height:30px}.h5-player .video-stage{aspect-ratio:16/9}.h5-player .playback-toolbar{padding:0 16px;height:46px;min-height:46px}.h5-player .playback-toolbar strong{font-size:12px}.h5-player .playback-toolbar button{padding:4px 9px;font-size:11px}.h5-player .h5-episode-toggle{display:flex;align-items:center;gap:5px}.h5-episode-toggle svg{width:13px;height:13px}.h5-player .media-note{margin:8px 16px 0}.h5-player .info-panel{padding:24px 16px 15px}.player-title-row{display:flex;gap:15px;align-items:flex-start}.player-title-row h1{font-size:21px;line-height:1.5;flex:1;overflow-wrap:anywhere;margin-bottom:8px}.h5-player .favorite-button{padding:6px 8px;border:0}.h5-player .favorite-button span{display:none}.h5-player .favorite-button svg{width:22px;height:22px}.h5-player .info-panel h2{font-size:15px;margin:14px 0 10px;padding:0;border:0;color:#e2e7ee}.h5-player .synopsis{font-size:12px;color:#888f9a}.h5-player .content-section{padding:20px 16px}.h5-inline-episodes{padding:0 16px}.h5-inline-episodes .episodes{margin-top:10px;max-height:185px;overflow:hidden;border-top:0}.h5-inline-episodes .episode-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.h5-inline-episodes .episode-grid a{font-size:14px}.h5-inline-episodes .episodes.is-open{position:fixed;bottom:0;left:0;right:0;max-height:75vh;padding:20px 16px 35px;border-radius:20px 20px 0 0;background:#111922;z-index:101;overflow:auto;margin:0}.h5-inline-episodes .episodes.is-open .episode-grid{max-height:50vh;grid-template-columns:repeat(5,minmax(0,1fr))}.h5-inline-episodes .episodes.is-open .h5-close-episodes{display:flex;font-size:28px;padding:0 5px}.episode-backdrop{position:fixed;inset:0;background:#0009;z-index:100}.h5-player .page-footer{margin-bottom:30px}body[data-surface=H5] .account-page,body[data-surface=H5] .history-page{padding:26px 16px 35px}body[data-surface=H5] .page-heading h1{font-size:25px}body[data-surface=H5] .credential-panel{padding:22px 16px}body[data-surface=H5] .credential-image{max-width:260px}body[data-surface=H5] .account-actions{gap:14px}body[data-surface=H5] .private-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 10px}body[data-surface=H5] .identity-status{bottom:95px;right:10px;max-width:calc(100% - 20px)}body[data-surface=H5] .toast{bottom:100px;font-size:12px;min-width:180px}body[data-surface=H5] .history-page~.page-footer,body[data-surface=H5] .account-page~.page-footer{margin-bottom:35px}
@media(min-width:1700px){body[data-surface=PC] .hero{height:820px}}@media(max-width:1100px){body[data-surface=PC]{--sidebar:160px}body[data-surface=PC] .pc-header{padding-right:24px;gap:15px}body[data-surface=PC] .home-content,body[data-surface=PC] .list-page{padding-left:24px;padding-right:24px}body[data-surface=PC] .hero-copy{max-width:80%;left:24px}body[data-surface=PC] .pc-player{grid-template-columns:minmax(0,1fr) 280px}body[data-surface=PC] .channel-grid>a{gap:8px;padding:10px}.channel-icon{width:39px;height:39px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}


/* Q02 geometry correction, measured against 1440x900 / 390x844 reference screenshots.
   Six banners start on the reference left rail; only a partial row is right aligned. */
body[data-surface=PC] .hero-thumbnails.is-full{left:47px;justify-content:flex-start}
/* Approved A lockup reserves a stable slot alongside the mobile search controls. */
body[data-surface=H5] .h5-header{gap:14px;padding:8px 16px 12px}
body[data-surface=H5] .h5-header .brand{width:96px;flex:0 0 96px;font-size:22px;line-height:1.2}
body[data-surface=H5] .h5-header .search-entry{height:40px}
body[data-surface=H5] .h5-header .circle-link{width:36px;height:36px;padding:8px;flex:0 0 36px}
/* At 844px height the reference bottom capsule occupies approximately y744..820. */
body[data-surface=H5] .bottom-nav{height:76px;bottom:max(24px,env(safe-area-inset-bottom))}
/* M2a search uses the captured PC result rail/card geometry; groups follow the PRD. */
.search-page{padding:104px 16px 40px}.search-page .page-heading h1{font-size:20px;margin:0 0 20px}.search-page .result-total{margin:0 0 22px}.search-group{margin:28px 0 42px;scroll-margin-top:90px}.search-group .section-heading{margin-bottom:16px}.search-group h2{font-size:19px}.search-group h2 small{font-size:12px;font-weight:400;color:var(--muted);margin-left:8px}.search-card-grid{display:grid;gap:18px 16px;grid-template-columns:repeat(4,minmax(0,1fr))}.search-group-short .search-card-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.search-card{min-width:0;border:1px solid #ffffff12;border-radius:15px;background:#ffffff03;padding:12px;overflow:hidden}.search-cover{position:relative;display:block;border-radius:10px;overflow:hidden}.search-cover img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.search-card-short .search-cover img{aspect-ratio:3/4}.card-rating{position:absolute;right:7px;bottom:6px;font-size:20px;font-weight:700;color:#ffdd16;text-shadow:0 1px 3px #000,1px 0 #000}.card-category{position:absolute;top:8px;left:8px;padding:2px 6px;border-radius:4px;background:#0009;font-size:11px;color:#eee}.search-card h3{font-size:16px;line-height:1.5;margin:10px 0 5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.search-card .card-tags{color:#9ba2aa;font-size:12px;line-height:1.8}.update-label{font-size:12px;color:#8e959f;margin:5px 0 0}.search-error{color:#e2b88d;font-size:13px;line-height:1.8}.search-error .text-button{margin-left:8px}.text-button{background:transparent;color:var(--accent);font-size:12px;padding:3px 0;cursor:pointer}.load-more{display:flex;width:max-content;min-width:130px;margin:22px auto 0}.load-more[aria-disabled=true]{opacity:.5;pointer-events:none}.search-discovery>section{margin:26px 0 32px}.search-discovery h2,.search-suggestions h2{font-size:16px}.keyword-list{display:flex;flex-wrap:wrap;gap:10px}.keyword-list>a,.history-keyword{display:inline-flex;gap:8px;align-items:center;background:#18212c;border-radius:6px;padding:7px 12px;color:#bfc7d1;font-size:13px;max-width:100%}.history-keyword>a{overflow-wrap:anywhere;min-width:0}.history-keyword button{background:none;color:#89939f;padding:0 2px;font-size:17px}.hot-keywords{padding-left:22px;color:#a9b4c2;line-height:2.4;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px}.hot-keywords li{padding-left:5px}.hot-keywords li::marker{color:#dfac64}.pc-header .search-form{position:relative;overflow:visible}.search-suggestions{position:absolute;top:calc(100% + 10px);left:0;width:520px;max-width:calc(100vw - 270px);max-height:65vh;overflow:auto;background:#121a24;border:1px solid #ffffff20;border-radius:12px;padding:20px;box-shadow:0 12px 40px #0009;z-index:100}.search-suggestions>section,.search-suggestions [data-public-discovery]>section{margin-bottom:24px}.search-suggestions .section-heading{margin-bottom:12px}.search-suggestions .hot-keywords{font-size:12px}.library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:15px 0 20px}.library-toolbar p{margin:0}.history-card h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.history-card p{overflow-wrap:anywhere;line-height:1.7}.private-sync-notice{border:1px solid #856b4155;border-radius:8px;background:#4c371918;color:#c7b58f;font-size:12px;padding:10px 14px;margin-bottom:18px;line-height:1.7}.private-sync-notice summary{cursor:pointer}.private-sync-notice li{overflow-wrap:anywhere}.private-sync-notice ul{padding-left:16px}.private-sync-notice .text-button{color:#e3c488}.search-page-form{width:100%;margin-bottom:26px}
body[data-surface=H5] .search-page{padding:22px 16px 35px}body[data-surface=H5] .search-page>.page-heading{display:none}body[data-surface=H5] .search-group{margin:26px 0 34px;scroll-margin-top:65px}body[data-surface=H5] .search-group h2{font-size:17px}body[data-surface=H5] .search-card-grid{grid-template-columns:1fr;gap:14px}body[data-surface=H5] .search-group-short .search-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 10px}body[data-surface=H5] .search-card{border:0;border-radius:0;background:none;padding:0}body[data-surface=H5] .search-card-long{display:grid;grid-template-columns:144px minmax(0,1fr);gap:12px}body[data-surface=H5] .search-cover{border-radius:7px}body[data-surface=H5] .search-card-long .search-cover img{height:100%;min-height:90px;aspect-ratio:16/10}body[data-surface=H5] .search-card h3{font-size:14px;margin:2px 0 5px;line-height:1.6}body[data-surface=H5] .search-card-short h3{margin-top:8px}body[data-surface=H5] .search-card .card-tags{font-size:11px;line-height:1.7}body[data-surface=H5] .update-label{font-size:11px}body[data-surface=H5] .card-rating{font-size:16px}body[data-surface=H5] .card-category{font-size:10px;padding:1px 4px;left:5px;top:5px}body[data-surface=H5] .hot-keywords{display:block;font-size:13px}body[data-surface=H5] .keyword-list{gap:8px}body[data-surface=H5] .keyword-list>a,body[data-surface=H5] .history-keyword{font-size:12px;padding:6px 10px}body[data-surface=H5] .library-toolbar{margin:0 0 18px}body[data-surface=H5] .search-page~.page-footer{margin-bottom:35px}
@media(max-width:1100px){body[data-surface=PC] .search-group-short .search-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* H5 reference has one sticky back/input/submit bar; PRD removes AI and uses two result groups. */
body[data-surface=H5] .search-page-header{position:sticky;top:0;z-index:40;height:64px;padding:8px 16px;display:flex;align-items:center;gap:12px;background:#0e141df5;backdrop-filter:blur(12px)}
body[data-surface=H5] .search-page-header>.icon-button{width:36px;flex:0 0 36px;padding:0;color:#fff}
body[data-surface=H5] .search-page-header .search-form{width:auto;min-width:0;flex:1;gap:12px;border:0;background:none;border-radius:0}
body[data-surface=H5] .search-page-header input{width:0;min-width:0;flex:1;height:46px;border-radius:12px;background:#242a33;padding:10px 13px;font-size:13px}
body[data-surface=H5] .search-page-header button[type=submit]{padding:0;width:26px;flex:0 0 26px;color:var(--accent);font-size:13px;white-space:nowrap}
body[data-surface=H5] .search-page{padding-top:18px}body[data-surface=H5] .search-discovery>section:first-child{margin-top:0}
body[data-surface=H5] .search-discovery .keyword-list:not([data-search-history-items]){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px}
body[data-surface=H5] .search-discovery .keyword-list:not([data-search-history-items])>a{background:none;padding:3px 0;border-radius:0;color:#a5adb9}
.pc-header .search-suggestions button{display:inline-flex;background:transparent;padding:0;color:var(--accent)}
.pc-header .search-suggestions .history-keyword button{color:#89939f;padding:0 2px}
[data-group-controls][aria-busy=true]{opacity:.55;pointer-events:none}
.library-load-sentinel{height:1px;width:100%;margin-top:8px}
.portrait-shelf .cover-link{aspect-ratio:3/4}.home-module .module-refresh:disabled{opacity:.4;cursor:default}
/* Failed playback has a separate message and a real, unobstructed retry button. */
.video-stage .player-status.is-failure{top:auto;bottom:calc(50% + 14px);padding:12px 16px;pointer-events:none;z-index:3}
.video-stage .video-start.is-retry{inset:auto;top:calc(50% + 14px);left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 32px);min-width:128px;min-height:44px;padding:10px 16px;flex-direction:row;gap:8px;background:#143b44;border:1px solid #279089;border-radius:8px;z-index:4;pointer-events:auto}
.video-stage .video-start.is-retry .player-brand-mark{width:22px;height:auto;filter:none}
body[data-surface=H5] .video-stage .player-status.is-failure{left:16px;right:16px;font-size:12px;line-height:1.6}

/* Category hero uses the same banner component as the home page. */
.pc-main.list-page{padding-top:0}.category-content{padding:28px 32px}.pc-main.list-page .hero{margin:0 -0px}.pc-main.list-page .hero-copy p{max-width:42em}.h5-main.list-page .hero{margin:0 -16px 24px}.h5-main.list-page .hero h1{font-size:28px}.hero-thumbnails a img{object-fit:cover}

.catalog-source-notice{position:absolute;left:0;right:0;top:calc(50% - 104px);margin:0;z-index:3;text-align:center;color:#fff;background:transparent;padding:0 14px;font-size:15px;line-height:1.6;pointer-events:none}

/* Category filters share the source site's compact dark chip vocabulary. */
#catalog-results{scroll-margin-top:88px}.catalog-filter-panel{padding:20px 0 24px;margin:0 0 28px;border-bottom:1px solid #ffffff14}.catalog-filter-panel>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.catalog-filter-panel h2{font-size:18px;margin:0}.catalog-reset{font-size:13px;color:#a9b3bd}.catalog-filter-row{display:flex;gap:16px;align-items:flex-start;margin:12px 0}.catalog-filter-label{flex:0 0 56px;padding-top:7px;color:#9ba6b2;font-size:13px}.catalog-filter-options{display:flex;flex-wrap:wrap;gap:8px;min-width:0}.catalog-filter-options a{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:5px 13px;border:1px solid #ffffff12;border-radius:7px;background:#ffffff05;color:#b8c1cb;text-decoration:none;font-size:13px;white-space:nowrap}.catalog-filter-options a:hover{background:#ffffff0d;color:#edf8f4}.catalog-filter-options a[aria-current=true]{color:#5eecbc;border-color:#32d9a0;background:#0e3c31}.catalog-filter-options a:focus-visible,.catalog-reset:focus-visible{outline:2px solid #5eecbc;outline-offset:3px}.catalog-filter-summary{font-size:13px;color:#a9b3bd;margin:20px 0 0}.card-metadata{display:flex;gap:8px;flex-wrap:wrap;color:#9eabb7;font-size:12px;margin:7px 0 4px;min-height:18px}.card-metadata:empty{display:none}.card-metadata .quality-label{color:#f5d669;font-size:10px;border:1px solid #bc9c3e80;border-radius:3px;padding:0 3px;line-height:16px}.category-tabs{margin-bottom:0}
@media(max-width:767px){#catalog-results{scroll-margin-top:64px}.catalog-filter-panel{padding:14px 0 18px;margin-bottom:22px}.catalog-filter-panel>header{margin-bottom:14px}.catalog-filter-panel h2{font-size:16px}.catalog-filter-row{gap:9px;margin:10px 0}.catalog-filter-label{flex-basis:52px;font-size:12px}.catalog-filter-options{flex:1;flex-wrap:nowrap;overflow-x:auto;padding:1px 2px 7px;scrollbar-width:thin}.catalog-filter-options a{padding:4px 11px;min-height:30px;font-size:12px}.catalog-filter-summary{line-height:1.7}.card-metadata{font-size:11px;gap:5px}.category-content{padding:20px 16px}}

.film-facts{margin:12px 0 24px;color:#aeb9c3;font-size:13px;line-height:1.9}.film-facts>div{display:flex;gap:16px;margin:7px 0}.film-facts dt{flex:0 0 70px;color:#8e9ba7}.film-facts dd{margin:0;display:flex;flex-wrap:wrap;gap:4px 12px}

/* Player variants: a single movie shows recommendations; series keep a tabbed episode panel. */
.pc-player{align-items:start}.pc-player .player-column{min-width:0}.pc-player .player-sidebar{position:sticky;top:76px;display:block;max-height:calc(100dvh - 88px);overflow-y:auto;overscroll-behavior-y:auto;min-height:0;scrollbar-width:thin;scrollbar-gutter:stable;padding-right:5px}.player-sidebar-meta{flex:none;padding-bottom:16px;border-bottom:1px solid var(--line)}.player-sidebar-meta h1{font-size:24px;line-height:1.4;margin:2px 0 9px;overflow-wrap:anywhere}.player-side-tabs{display:flex;gap:24px;flex:none;border-bottom:1px solid var(--line)}.player-side-tabs button{background:none;color:var(--muted);font-size:15px;padding:16px 2px 12px;border-bottom:2px solid transparent}.player-side-tabs button[aria-selected=true]{color:var(--accent);border-color:var(--accent)}.player-side-panel{min-height:0;overflow:visible;padding:12px 0 12px}.player-side-panel[hidden]{display:none}.player-side-panel .episodes{margin:0;padding:0;border:0}.player-side-panel .episode-grid{max-height:none}.side-recommend-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}.side-recommend-card .cover-link>img{aspect-ratio:2/3;object-fit:cover}.side-recommend-card h3{font-size:13px;margin:8px 0 5px}.side-recommend-card .card-tags{flex-wrap:wrap;max-height:40px;overflow:hidden}.side-rec-rating{position:absolute;right:7px;bottom:4px;color:#ffe500;font-size:18px;font-weight:750;text-shadow:0 1px 4px #000}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.cast-strip{min-width:0;margin-top:26px}.cast-cards{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;padding:8px 4px 12px;margin:-8px -4px;overscroll-behavior-x:contain;scrollbar-width:thin}.cast-card{display:flex;flex-direction:column;align-items:center;gap:8px;flex:0 0 144px;min-width:0}.cast-avatar{position:relative;width:128px;height:128px;flex:none;display:grid;place-items:center;overflow:hidden;border:2px solid var(--line);border-radius:50%;background:linear-gradient(135deg,#23313c,#141e27);font-size:44px;font-weight:700;color:var(--text)}.cast-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cast-avatar img[hidden]{display:none}.cast-name{max-width:100%;text-align:center;font-size:14px;overflow-wrap:anywhere}.cast-role{color:var(--muted);font-size:12px}.h5-player .cast-card{flex-basis:60px;gap:6px}.h5-player .cast-avatar{width:54px;height:54px;font-size:18px}.h5-player .cast-name{font-size:12px}.h5-player .cast-role{font-size:10px}.h5-player .cast-strip{margin-top:0}.h5-player .h5-episode-toggle[hidden]{display:none}.playback-toolbar button[hidden]{display:none}
@media(max-width:1100px){.pc-player{grid-template-columns:minmax(0,1fr) 290px;gap:18px}.pc-player .cast-card{flex-basis:108px}.pc-player .cast-avatar{width:96px;height:96px}}
@media(max-width:760px){.pc-player{display:block}.pc-player .player-sidebar{position:static;max-height:none;overflow:visible}.pc-player .player-side-panel{max-height:none}.pc-player .cast-card{flex-basis:60px}.pc-player .cast-avatar{width:54px;height:54px;font-size:18px}}

/* One transparent loading state for source preparation and playback buffering. */
.video-stage .player-status.is-loading{top:50%;bottom:auto;left:16px;right:16px;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:14px;padding:0;border:0;background:transparent;pointer-events:none;z-index:4;color:#e5eeed;font-size:13px;text-shadow:0 1px 5px #000}
.video-stage .player-status.is-loading::before{content:"";display:block;width:48px;height:48px;border:3px solid #4ce2bc26;border-top-color:#50e3b3;border-right-color:#50e3b3;border-radius:50%;animation:player-buffer-spin .85s linear infinite;box-sizing:border-box;filter:drop-shadow(0 0 5px #44d6aa26)}
@keyframes player-buffer-spin{to{transform:rotate(360deg)}}
body[data-surface=H5] .video-stage .player-status.is-loading{font-size:12px;gap:10px}
body[data-surface=H5] .video-stage .player-status.is-loading::before{width:36px;height:36px}
@media(prefers-reduced-motion:reduce){.video-stage .player-status.is-loading::before{animation:none}}

/* Category filters precede the banner; paging lands on the resource grid. */
.pc-main.list-page{padding-top:76px}.category-filter-top{padding:20px 0 0}.category-filter-top .catalog-filter-panel{margin-bottom:20px;padding-bottom:20px}.category-filter-top .catalog-filter-row:first-of-type{margin-top:0}#catalog-items{scroll-margin-top:88px}body[data-surface=H5] .category-filter-top{padding-top:0}body[data-surface=H5] #catalog-items{scroll-margin-top:64px}

/* Approved A identity: keep the full lockup readable on small screens. */
body[data-surface=H5] .video-start .player-brand-mark{width:56px}
body[data-surface=H5] .video-start.is-retry .player-brand-mark{width:22px}
body[data-surface=H5] .catalog-source-notice{top:calc(50% - 80px);font-size:12px}

/* Discovery uses the established dark cinema layout and approved A identity. */
.discovery-page{padding:112px 38px 48px;min-height:75vh}.discovery-heading{margin-bottom:30px}.discovery-heading h1{font-size:30px;line-height:1.3;margin-bottom:12px}.discovery-heading p{color:var(--muted);font-size:14px;margin:0}.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 20px}.topic-card{min-width:0}.topic-card>a{display:block;position:relative;aspect-ratio:16/10;border-radius:10px;overflow:hidden;background:var(--panel)}.topic-card img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.topic-card a:hover img{transform:scale(1.04)}.topic-card-copy{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(transparent 15%,#050a10eb 100%);padding:22px}.topic-card-copy>span{font-size:12px;color:#b5e5dd}.topic-card-copy h2{font-size:22px;line-height:1.4;margin:7px 0}.topic-card-copy p{font-size:12px;color:#c2cbd1;line-height:1.7;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-shelf>.topic-card{flex:0 0 calc((100% - 32px)/3);scroll-snap-align:start}.topic-back{display:inline-block;margin-bottom:24px}.topic-detail-heading{display:flex;gap:28px;align-items:center;margin-bottom:36px}.topic-detail-heading>img{width:280px;height:158px;object-fit:cover;border-radius:8px}.topic-detail-heading>div{min-width:0;max-width:68ch}.topic-detail-heading h1{font-size:30px;line-height:1.4;margin-bottom:12px}.topic-detail-heading p{font-size:14px;line-height:1.8;color:#b1bcc6;white-space:pre-line;overflow-wrap:anywhere}.topic-detail-heading span{font-size:12px;color:var(--muted)}.topic-videos{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:30px 20px}.topic-video{min-width:0}.topic-video .cover-link{aspect-ratio:2/3}.topic-video .cover-link>img{display:block;aspect-ratio:2/3;height:100%}.topic-video .cover-link>img.is-fallback{object-fit:contain}.topic-list-heading{justify-content:flex-start;gap:12px;margin-bottom:20px}.topic-list-heading span{font-size:12px;color:var(--muted)}.discovery-empty{grid-column:1/-1;padding:70px 20px;text-align:center;color:var(--muted);min-height:260px}.discovery-empty h1,.discovery-empty h2{font-size:22px;color:var(--text)}.discovery-empty a{display:inline-flex;margin:10px;color:var(--accent)}.discovery-end{font-size:12px;color:var(--muted);text-align:center;margin:28px 0}.discovery-more{display:flex;width:max-content;margin:28px auto}.discovery-page .pagination{margin-top:36px}
body[data-surface=H5] .discovery-page{padding:24px 16px 140px}body[data-surface=H5] .discovery-root{padding-top:140px}body[data-surface=H5] .discovery-heading{margin-bottom:24px}body[data-surface=H5] .discovery-heading h1{font-size:25px}body[data-surface=H5] .discovery-heading p{font-size:12px}body[data-surface=H5] .topic-grid{grid-template-columns:1fr;gap:20px}body[data-surface=H5] .topic-card>a{aspect-ratio:16/9}body[data-surface=H5] .topic-card-copy{padding:18px}body[data-surface=H5] .topic-card-copy h2{font-size:21px}body[data-surface=H5] .card-shelf>.topic-card{flex:0 0 84%}body[data-surface=H5] .topic-detail-heading{display:block;margin-bottom:26px}body[data-surface=H5] .topic-detail-heading>img{width:100%;height:auto;aspect-ratio:16/9;margin-bottom:22px}body[data-surface=H5] .topic-detail-heading h1{font-size:25px}body[data-surface=H5] .topic-detail-heading p{font-size:13px}body[data-surface=H5] .topic-videos{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}body[data-surface=H5] .discovery-page~.page-footer{margin-bottom:140px}.h5-tabs a{white-space:nowrap}
@media(max-width:1100px){body[data-surface=PC] .topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.portrait-shelf .cover-link>img{height:100%;aspect-ratio:3/4}

/* Source metadata stays readable over every cover and after a module refresh. */
.new-badge{position:absolute;z-index:2;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:42px;padding:6px 9px;border-radius:10px 0 7px 0;background:linear-gradient(135deg,#20cc89,#068450);color:#fff;font-size:12px;font-weight:700;line-height:1.1;pointer-events:none}
.new-badge small{margin-top:2px;font-size:7px;letter-spacing:1px;line-height:1}
.card-quality{position:absolute;z-index:2;top:0;right:0;padding:5px 10px;border-radius:0 10px 0 7px;background:linear-gradient(135deg,#ffe897,#ffc62d);color:#3b2a00;font-size:16px;font-weight:800;line-height:1.4;pointer-events:none}
.card-cover-meta{position:absolute;z-index:2;inset:auto 0 0;display:flex;align-items:flex-end;justify-content:space-between;gap:8px;padding:22px 10px 9px;background:linear-gradient(transparent,#000b);pointer-events:none}
.card-update{min-width:0;max-width:calc(100% - 44px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:3px 9px;border:1px solid #ffffff1f;border-radius:5px;background:#080a0ce0;color:#fff;font-size:14px;font-weight:600;line-height:1.6}
.card-update:only-child{max-width:100%}
.card-cover-meta .card-rating{position:static;flex-shrink:0;margin-left:auto;color:#ffe000;font-size:24px;font-weight:800;line-height:1.4;font-variant-numeric:tabular-nums;text-shadow:0 2px 4px #000}
body[data-surface=H5] .new-badge{min-width:32px;padding:5px 6px;font-size:10px;border-top-left-radius:7px}
body[data-surface=H5] .new-badge small{font-size:6px}
body[data-surface=H5] .card-quality{font-size:12px;padding:4px 7px;border-top-right-radius:7px}
body[data-surface=H5] .card-cover-meta{gap:5px;padding:18px 6px 6px}
body[data-surface=H5] .card-update{font-size:11px;padding:2px 5px;max-width:calc(100% - 34px)}
body[data-surface=H5] .card-update:only-child{max-width:100%}
body[data-surface=H5] .card-cover-meta .card-rating{font-size:18px}

/* Ranking layout follows the observed source page; brand/navigation stay shared. */
.ranking-page{--rank-accent:#00e676;padding:0 0 56px;background:#09090b;min-height:100vh}
.ranking-hero{position:relative;height:360px;display:flex;align-items:center;justify-content:center;overflow:hidden;isolation:isolate;text-align:center}
.ranking-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 25%,#00e6760e,transparent 65%)}
.ranking-hero:after{content:"";position:absolute;inset:70px 0 0;z-index:-1;background-image:linear-gradient(#00e6760c 1px,transparent 1px),linear-gradient(90deg,#00e6760c 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse,black 10%,transparent 72%)}
.ranking-hero h1{font-size:80px;font-weight:950;letter-spacing:12px;margin:0 0 20px 12px;line-height:1.6;color:#e4eeea;background:linear-gradient(#fff 30%,#ffffff1a);background-clip:text;-webkit-text-fill-color:transparent}
.ranking-hero p{font-size:18px;font-weight:500;letter-spacing:4px;color:#00b963;margin:0}
.ranking-body{position:relative;max-width:1400px;padding:0 60px;margin:0 auto}
.ranking-categories{display:flex;gap:48px;margin:0 0 36px;padding:0 4px}
.ranking-categories a{position:relative;padding:8px 0;font-size:24px;font-weight:800;color:#85858b;line-height:1.4;transition:color .25s ease}
.ranking-categories a:hover{color:#d5d5d8}.ranking-categories a[aria-current]{color:var(--rank-accent);text-shadow:0 0 15px #00e67640}
.ranking-categories a[aria-current]:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:4px;border-radius:4px;background:var(--rank-accent);box-shadow:0 0 12px #00e67666}
.ranking-periods{display:flex;gap:4px;padding:4px;width:fit-content;border:1px solid #ffffff0d;background:#ffffff08;border-radius:40px;margin-bottom:32px}
.ranking-periods a{padding:8px 36px;border-radius:30px;color:#a2a2a9;font-size:15px;line-height:1.6;font-weight:600;transition:background .25s ease,color .25s ease}
.ranking-periods a:hover{color:#fff}.ranking-periods a[aria-current]{background:#00d870;color:#fff;font-weight:800;box-shadow:0 4px 15px #00e67635}
.ranking-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.ranking-card{min-width:0;border:1px solid #ffffff0d;border-radius:8px;background:#ffffff08;transition:background .3s ease,border-color .3s ease,transform .3s cubic-bezier(.25,.8,.25,1);position:relative}
.ranking-card-link{display:flex;align-items:flex-start;gap:24px;padding:24px;height:100%;color:var(--text)}
.ranking-card:hover,.ranking-card:focus-within{z-index:2;background:#ffffff0f;border-color:#e6fff4b3;box-shadow:0 14px 32px #0006;transform:translateY(-4px)}
.ranking-position{display:flex;justify-content:center;min-width:72px;padding-right:8px;font-size:56px;font-weight:900;font-style:italic;letter-spacing:-2px;line-height:1.1;color:#ffffff26;font-variant-numeric:tabular-nums}
.ranking-position-1{color:#c5a01b}.ranking-position-2{color:#a9b3b5}.ranking-position-3{color:#ba6f2b}
.ranking-poster{position:relative;flex-shrink:0;width:clamp(176px,12vw,200px);aspect-ratio:.7;border-radius:6px;background:#ffffff08;overflow:hidden;box-shadow:0 4px 12px #0008;transition:transform .4s cubic-bezier(.25,.8,.25,1)}
.ranking-poster>img{width:100%;height:100%;object-fit:cover}.ranking-card:hover .ranking-poster{transform:scale(1.05)}.ranking-card:hover .cover-play{opacity:1}
.ranking-quality{position:absolute;right:0;top:0;background:linear-gradient(135deg,#fff1a2,#ffc436);padding:5px 9px;font-size:14px;font-weight:800;color:#382700}
.ranking-info{min-width:0;flex:1;align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;gap:16px}
.ranking-title{display:flex;align-items:center;gap:10px}.ranking-title h2{min-width:0;font-size:22px;font-weight:800;line-height:1.4;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:0;transition:color .3s ease}.ranking-card:hover h2{color:var(--rank-accent)}
.ranking-title>span{flex-shrink:0;font-size:11px;padding:2px 6px;border-radius:4px;line-height:1.2;background:#ffffff1a;color:#d4d4d8}
.ranking-details{display:flex;flex-direction:column;gap:12px}.ranking-description{font-size:14px;line-height:1.6;color:#96969e;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden;overflow-wrap:anywhere}
.ranking-tags{display:flex;flex-wrap:wrap;gap:8px}.ranking-tags span{font-size:12px;color:#a1a1aa;background:#ffffff06;padding:4px 10px;border-radius:12px;line-height:1.6}
.ranking-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;border-top:1px solid #ffffff1a;min-width:0}
.ranking-update{min-width:0;flex:1;font-size:14px;color:#a3a3ab;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ranking-heat{flex-shrink:0;display:inline-flex;align-items:baseline;gap:8px}
.ranking-heat-label{display:inline-flex;align-items:center;gap:2px;color:#e63946;font-size:13px;font-weight:700;white-space:nowrap}.ranking-heat-label svg{width:14px;height:16px;stroke:#ff905c}
.ranking-heat strong{font-size:26px;font-weight:900;font-style:italic;line-height:1.4;color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums}
.ranking-source-note{font-size:12px;color:#8c8c96;text-align:center;margin:26px 0 0}.ranking-page>.discovery-empty{padding-top:150px}.ranking-page a:focus-visible{outline-color:var(--rank-accent)}
@media(max-width:1600px){.ranking-list{grid-template-columns:1fr}.ranking-body{max-width:1100px}}
@media(max-width:1000px){.ranking-body{padding:0 30px}.ranking-card-link{gap:20px}.ranking-position{min-width:56px;font-size:48px}.ranking-poster{width:156px}}
body[data-surface=H5] .ranking-page{padding:0 0 90px;margin:0;background:#09090b}
body[data-surface=H5] .ranking-hero{height:240px;padding-top:50px}
body[data-surface=H5] .ranking-hero h1{font-size:40px;letter-spacing:4px;margin:0 0 12px 4px}
body[data-surface=H5] .ranking-hero p{font-size:12px;letter-spacing:2px}
body[data-surface=H5] .ranking-body{padding:0 16px}
body[data-surface=H5] .ranking-categories{gap:24px;margin-bottom:28px;justify-content:space-between}
body[data-surface=H5] .ranking-categories a{font-size:18px}
body[data-surface=H5] .ranking-periods{margin-bottom:24px}
body[data-surface=H5] .ranking-periods a{padding:7px 27px;font-size:14px}
body[data-surface=H5] .ranking-list{grid-template-columns:1fr;gap:16px}
body[data-surface=H5] .ranking-card-link{padding:14px;gap:10px}
body[data-surface=H5] .ranking-position{min-width:32px;padding-right:0;font-size:32px}
body[data-surface=H5] .ranking-poster{width:90px}
body[data-surface=H5] .ranking-quality{font-size:11px;padding:2px 6px}
body[data-surface=H5] .ranking-info{gap:12px}
body[data-surface=H5] .ranking-title{gap:6px;flex-wrap:wrap}
body[data-surface=H5] .ranking-title h2{font-size:16px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4}
body[data-surface=H5] .ranking-description{font-size:12px;-webkit-line-clamp:3}
body[data-surface=H5] .ranking-tags{gap:4px}
body[data-surface=H5] .ranking-tags span{padding:2px 6px;font-size:10px}
body[data-surface=H5] .ranking-meta{flex-wrap:wrap;gap:6px;padding-top:10px}
body[data-surface=H5] .ranking-update{font-size:11px}
body[data-surface=H5] .ranking-heat{gap:5px}
body[data-surface=H5] .ranking-heat-label{font-size:10px}
body[data-surface=H5] .ranking-heat strong{font-size:19px}
body[data-surface=H5] .ranking-heat-label svg{width:11px;height:12px}
@media(prefers-reduced-motion:reduce){.ranking-card,.ranking-poster{transition:none}.ranking-card:hover{transform:none}.ranking-card:hover .ranking-poster{transform:none}}

/* Keep nested scrollers discreet; expose page progress on desktop. */
html:not(:has(body[data-surface=PC])),body:not([data-surface=PC]),body *{scrollbar-width:none!important;-ms-overflow-style:none}
html:not(:has(body[data-surface=PC]))::-webkit-scrollbar,body:not([data-surface=PC])::-webkit-scrollbar,body *::-webkit-scrollbar{display:none;width:0;height:0}
html:has(body[data-surface=PC]),body[data-surface=PC]{scrollbar-width:thin;scrollbar-color:#00d884 #0d1119}
html:has(body[data-surface=PC])::-webkit-scrollbar,body[data-surface=PC]::-webkit-scrollbar{width:8px;height:8px}
html:has(body[data-surface=PC])::-webkit-scrollbar-track,body[data-surface=PC]::-webkit-scrollbar-track{background:#0d1119}
html:has(body[data-surface=PC])::-webkit-scrollbar-thumb,body[data-surface=PC]::-webkit-scrollbar-thumb{background:#00d884;border-radius:8px}

/* Player information shares the sidebar scrollbar with recommendations. */
.player-sidebar-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.player-sidebar-title h1{flex:1;min-width:0;margin-bottom:0}
.player-sidebar-title .favorite-button{flex-shrink:0;margin-top:2px;padding:7px 11px;border-radius:8px;font-size:12px}
.player-statistics{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:12px 0 10px;min-height:28px}
.player-statistics:empty{display:none}
.player-quality{display:inline-flex;align-items:center;justify-content:center;min-width:39px;padding:2px 8px;border-radius:5px;background:linear-gradient(135deg,#ffe897,#ffc62d);color:#3b2a00;font-size:14px;font-weight:800;line-height:1.6}
.player-rating{display:inline-flex;align-items:baseline;gap:3px;color:#ffe000;font-variant-numeric:tabular-nums;line-height:1}
.player-rating strong{font-size:26px;font-weight:800}
.player-rating small{font-size:12px;color:var(--muted)}
.player-heat{display:inline-flex;align-items:center;gap:4px;border:1px solid #a8454755;border-radius:5px;background:#6b24262b;padding:2px 7px;color:#f17b81;font-size:12px;line-height:1.6;font-variant-numeric:tabular-nums}
.player-sidebar-meta .video-meta{margin-bottom:0}

/* Player description and facts follow the supplied target detail layout. */
.pc-player .player-detail-panel{padding:24px 0 32px}
.player-detail-panel .player-detail-tab{display:flex;align-items:center;justify-content:center;width:88px;min-height:54px;margin:0;padding:0;border:1px solid var(--green);border-radius:7px;color:var(--green);font-size:15px;font-weight:600;box-shadow:0 3px 0 -1px var(--green)}
.player-description{padding-top:4px;border-top:1px solid var(--line)}
.player-synopsis{margin:28px 0 4px;color:#a4a6ab;font-size:14px;line-height:1.9;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.player-synopsis.is-expanded{display:block}
.player-description-toggle{padding:0;background:none;color:var(--green);font-size:13px;line-height:1.9}
.player-description-toggle[hidden]{display:none}
.player-detail-tags{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 16px}
.player-detail-tags span{padding:3px 11px;border-radius:20px;border:1px solid var(--line);background:#ffffff06;color:#a4a6ab;font-size:12px;line-height:1.5}
.player-detail-facts{margin:12px 0 22px;font-size:14px;color:#a4a6ab}
.player-detail-facts>div{gap:16px;margin:14px 0}
.player-detail-facts dt{flex-basis:50px;color:#a4a6ab}
.player-detail-facts dd{display:block;min-width:0;overflow-wrap:anywhere}
.player-detail-panel .cast-strip{margin-top:24px}
.player-detail-panel .cast-strip h2{padding:0;margin:0 0 20px;border:0;color:var(--text);font-size:15px;font-weight:600}
@media(max-width:760px){.pc-player .player-sidebar{position:static;top:auto;max-height:none}}
body[data-surface=PC]:has(.pc-player)>.inner-header{position:sticky;top:0}
.pc-player .player-side-recommendations{margin-top:12px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#ffffff02}

/* Homepage quick entries: source icon geometry and per-category color. */
.channel-grid>a{--channel-accent:#78e7ff;--channel-rgb:120,231,255}
.channel-grid>a[data-channel-id="1"]{--channel-accent:#78E7FF;--channel-rgb:120, 231, 255}
.channel-grid>a[data-channel-id="2"]{--channel-accent:#BCA4FF;--channel-rgb:188, 164, 255}
.channel-grid>a[data-channel-id="3"]{--channel-accent:#FFD36A;--channel-rgb:255, 211, 106}
.channel-grid>a[data-channel-id="4"]{--channel-accent:#75F2D0;--channel-rgb:117, 242, 208}
.channel-grid>a[data-channel-id="10"]{--channel-accent:#70D9FF;--channel-rgb:112, 217, 255}
.channel-grid>a[data-channel-id="5"]{--channel-accent:#69F0AE;--channel-rgb:105, 240, 174}
.channel-grid>a[data-channel-id="6"]{--channel-accent:#FFD76C;--channel-rgb:255, 215, 108}
.channel-grid>a[data-channel-id="7"]{--channel-accent:#FF8FB8;--channel-rgb:255, 143, 184}
body[data-surface=PC] .channel-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:12px;margin:0 0 32px;padding:0 10px}
body[data-surface=PC] .channel-grid>a{gap:12px;min-height:78px;padding:11px 13px;border-radius:18px;background:linear-gradient(115deg,rgba(var(--channel-rgb),.13),#10161d 64%);color:var(--text)}
body[data-surface=PC] .channel-icon{width:52px;height:52px;border-radius:16px;border:1px solid rgba(var(--channel-rgb),.28);background:linear-gradient(135deg,rgba(var(--channel-rgb),.16),rgba(var(--channel-rgb),.03));color:var(--channel-accent);box-shadow:inset 0 1px 0 #ffffff15}
body[data-surface=PC] .channel-icon svg{width:39px;height:39px}
.channel-tile-svg .fill{fill:currentColor;fill-opacity:.2}
body[data-surface=PC] .channel-copy strong{font-size:15px;font-weight:600;line-height:1.5;white-space:nowrap}
body[data-surface=PC] .channel-copy small{margin-top:2px;font-size:10px;color:#7e858e;line-height:1.5;white-space:nowrap}
body[data-surface=PC] .channel-grid>a:hover{border-color:rgba(var(--channel-rgb),.5);color:var(--channel-accent)}
@media(max-width:1535px){body[data-surface=PC] .channel-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
body[data-surface=H5] .channel-grid>a[data-channel-id] .channel-icon{background:linear-gradient(145deg,rgba(var(--channel-rgb),.2),rgba(var(--channel-rgb),.05));border-color:rgba(var(--channel-rgb),.3);color:var(--channel-accent)}

/* Player comments share the source's quiet tabs and episode-scoped discussion. */
.player-detail-tabs{display:flex;gap:0;margin:0 0 28px;border-bottom:1px solid var(--line)}
.player-detail-panel .player-detail-tab,.h5-player .player-detail-tab{display:block;min-width:80px;width:auto;min-height:54px;margin:0;padding:12px 22px;border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;color:#84858e;box-shadow:none;font-size:15px;font-weight:500;line-height:1.6}
.player-detail-panel .player-detail-tab[aria-selected=true],.h5-player .player-detail-tab[aria-selected=true]{color:var(--green);border-bottom-color:var(--green)}
[data-detail-panel][hidden],[data-player-intro-extra][hidden]{display:none!important}
.player-description{border-top:0}
.player-synopsis{margin-top:0}
.comment-form{margin:4px 0 16px}
.comment-editor{display:flex;align-items:flex-start;gap:12px}
.comment-avatar{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:50%;background:#5989ee;color:#fff;font-size:16px;font-weight:600}
.comment-editor textarea{display:block;resize:vertical;min-height:68px;max-height:240px;width:100%;min-width:0;padding:12px 14px;border:1px solid #ffffff14;border-radius:11px;outline-offset:3px;background:#ffffff05;color:var(--text);font:inherit;font-size:14px;line-height:1.6}
.comment-editor textarea::placeholder{color:#72757e}
.comment-send-row{display:flex;justify-content:flex-end;padding:9px 0 0}
.comment-send{padding:7px 21px;border-radius:8px;background:#4da781;color:#071710;font-size:13px;font-weight:600}
.comment-error{display:flex;align-items:center;gap:12px;font-size:13px;color:#e7a9a4;line-height:1.7;margin-bottom:16px}
.comment-error[hidden]{display:none}
.comment-error button{padding:0;background:none;color:var(--green);text-decoration:underline}
.comments-heading{padding-top:14px;border-top:1px solid var(--line)}
.player-detail-panel .comments-heading h2,.h5-player .comments-heading h2{padding:0;margin:0 0 16px;border:0;color:#878b94;font-size:13px;font-weight:400}
.comment-item{display:flex;gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}
.comment-content{flex:1;min-width:0}
.comment-author{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;font-size:13px;line-height:1.6}
.comment-author strong{font-weight:600;color:#d7dce2;overflow-wrap:anywhere}
.comment-author time{color:#747b86;font-size:12px}
.comment-content p{margin:7px 0 8px;color:#a8b0ba;font-size:14px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}
.comment-actions{display:flex;gap:16px;align-items:center}
.comment-actions button{display:inline-flex;align-items:center;gap:4px;padding:2px 0;background:none;color:#7b838d;font-size:12px;line-height:1.6}
.comment-actions button:hover{color:var(--green)}
.comment-actions svg{width:13px;height:13px}
.comment-actions [aria-pressed=true]{color:#eb849d}
.comment-actions [aria-pressed=true] svg{fill:currentColor}
.comments-empty,.comments-end{padding:28px 8px;margin:0;text-align:center;color:#747b85;font-size:13px}
.comments-end{padding-top:38px}
.comments-more{display:block;margin:22px auto;padding:7px 20px;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:#aeb8c3;font-size:13px}
.comments-more[hidden],.comments-end[hidden],.comments-empty[hidden]{display:none}
body[data-surface=H5] .player-detail-tabs{margin-top:20px;margin-bottom:22px}
body[data-surface=H5] .comment-editor{gap:10px}
body[data-surface=H5] .comment-avatar{flex-basis:30px;width:30px;height:30px;font-size:14px}
body[data-surface=H5] .comment-editor textarea{font-size:16px;padding:10px;min-height:96px}
body[data-surface=H5] .comment-item{gap:10px}

/* Episode catalog chooses rich rows only when actual single-episode details exist. */
.pc-player .player-side-panel .episodes{padding:0 12px 16px;border:1px solid var(--line);border-radius:12px;background:#ffffff02}
.episodes>header{min-height:54px;margin:0 -12px 14px;padding:10px 15px;border-bottom:1px solid var(--line);gap:9px}
.episodes>header h2{flex:none;font-size:14px;font-weight:600;line-height:1.5}
.episode-sort{display:flex;align-items:center;justify-content:center;padding:4px;background:none;color:#929aa2}
.episode-sort svg{width:17px;height:17px}
.episodes>header .episode-type{margin-left:auto;font-size:10px;border:1px solid var(--line);border-radius:4px;padding:1px 6px;line-height:1.6}
.episode-group-tabs[hidden]{display:none}
.episode-group-tabs{gap:6px;margin-bottom:16px}
.episode-group-tabs button{padding:3px 9px;border:1px solid var(--line);font-size:11px;line-height:1.5;background:#ffffff05}
.episode-group-tabs button.is-active{border-color:#3fdda369;background:#00cb8066;color:#e0fff2}
.pc-player .episode-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:0;overflow:visible}
.episode-grid a{position:relative;border-color:#ffffff0c;background:#ffffff06;border-radius:9px;line-height:1.5}
.episode-grid a[hidden]{display:none}
.episode-grid a[aria-disabled=true]{opacity:1;color:#929aa4}
.episode-grid a[aria-current=true]{color:var(--green);border-color:var(--green);background:#31c79215;box-shadow:inset 0 0 0 1px #4ce4ae26}
.episode-playing{display:none;align-items:center;justify-content:center;gap:3px;color:var(--green)}
.episode-playing i{display:block;width:3px;border-radius:2px;background:currentColor;height:7px}
.episode-playing i:nth-child(2){height:14px}.episode-playing i:nth-child(3){height:20px}
.episode-grid a[aria-current=true] .episode-playing{display:flex}
.episode-grid a[aria-current=true] .episode-number{display:none}
.pc-player .episode-list .episode-grid,.h5-inline-episodes .episodes.episode-list .episode-grid{grid-template-columns:minmax(0,1fr);gap:8px}
.episode-list .episode-grid a{display:flex;align-items:center;gap:10px;aspect-ratio:auto;padding:8px;border:1px solid transparent;background:transparent;min-height:82px;text-align:left;color:#d5dae1;font-weight:400}
.episode-list .episode-grid a:hover{background:#ffffff06}
.episode-list .episode-grid a[aria-current=true]{background:#22cc9810;border-color:#23cc9866;color:var(--green)}
.episode-thumb{position:relative;display:grid;place-items:center;flex:none;width:112px;aspect-ratio:16/9;border-radius:5px;overflow:hidden;background:#16232b;color:#6b8795}
.episode-thumb-fallback{font-size:22px;font-weight:500}
.episode-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.episode-thumb img[hidden]{display:none}
.episode-list a[aria-current=true] .episode-thumb:after{content:"";position:absolute;inset:0;background:#30d5b640}
.episode-thumb .episode-playing{position:absolute;inset:0;z-index:1;color:#e0fff1}
.episode-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:5px}
.episode-copy strong{font-size:13px;line-height:1.5;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.episode-copy small{color:#818c97;font-size:11px;line-height:1.5}
.episode-summary{font-size:11px;color:#9ca6b1;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
body[data-surface=H5] .episodes>header{margin-left:0;margin-right:0;padding-left:0;padding-right:0}
body[data-surface=H5] .episode-thumb{width:110px}
body[data-surface=H5] .episode-list .episode-grid a{font-size:13px;padding:7px}

/* Topic posters keep one shape across categories; missing portraits retain the full image. */
@media(max-width:1439px){body[data-surface=PC] .topic-videos{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1100px){body[data-surface=PC] .topic-videos{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){body[data-surface=PC] .topic-videos{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:540px){body[data-surface=PC] .topic-videos{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Short selections: editorial chart, horizontal shelves and automatic grids. */
.short-portrait-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px 16px}.short-portrait-grid .cover-link{aspect-ratio:2/3}.short-portrait-grid .cover-link img{height:100%;object-fit:cover}
.short-chart-card:hover,.short-chart-card:focus-visible{border-color:#62e3b0}.short-chart-card:focus-visible{outline:2px solid #62e3b0;outline-offset:3px}
@media(max-width:1200px){.short-portrait-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){.short-portrait-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 10px}.short-portrait-grid h3{font-size:13px}.short-portrait-grid .card-tags{display:none}}
.module-load-more{display:block;margin:24px auto 0;padding:10px 24px;border:1px solid #485957;border-radius:8px}.module-load-more:disabled{opacity:.5;cursor:wait}
.pc-main.home-without-hero{padding-top:76px}.home-module{scroll-margin-top:90px}

/* Editorial shelves keep every resource; cover orientation controls the visible row. */
[data-discovery-page="popular"] .card-shelf,[data-discovery-page="shorts"] .card-shelf{gap:16px;scroll-snap-type:x proximity}
[data-discovery-page="popular"] .card-shelf>.video-card,[data-discovery-page="shorts"] .card-shelf>.video-card{scroll-snap-align:start}
body[data-surface="PC"] [data-discovery-page]:not([data-discovery-page=""]) [data-template="portrait_slider"] .card-shelf>.video-card{flex:0 0 calc((100% - 80px)/6);min-width:0}
body[data-surface="PC"] [data-discovery-page]:not([data-discovery-page=""]) [data-template="landscape_slider"] .card-shelf>.video-card{flex:0 0 calc((100% - 48px)/4);min-width:0}
[data-discovery-page]:not([data-discovery-page=""]) [data-template="portrait_slider"] .cover-link,[data-discovery-page]:not([data-discovery-page=""]) [data-template="portrait_slider"] .cover-link>img{aspect-ratio:2/3}
[data-discovery-page]:not([data-discovery-page=""]) [data-template="landscape_slider"] .cover-link,[data-discovery-page]:not([data-discovery-page=""]) [data-template="landscape_slider"] .cover-link>img{aspect-ratio:16/9}
[data-discovery-page]:not([data-discovery-page=""]) .card-shelf .cover-link>img{height:100%;object-fit:cover}
body[data-surface="H5"] [data-discovery-page]:not([data-discovery-page=""]) .card-shelf{gap:10px}
body[data-surface="H5"] [data-discovery-page]:not([data-discovery-page=""]) [data-template="portrait_slider"] .card-shelf:where(:not(.h5-category-shelf))>.video-card{flex:0 0 43%}
body[data-surface="H5"] [data-discovery-page]:not([data-discovery-page=""]) [data-template="landscape_slider"] .card-shelf:where(:not(.h5-category-shelf))>.video-card{flex:0 0 82%}
@media(prefers-reduced-motion:reduce){[data-discovery-page]:not([data-discovery-page=""]) .card-shelf{scroll-behavior:auto}}

.seo-intro{margin:16px 0 24px;color:var(--muted);line-height:1.8;overflow-wrap:anywhere}

.video-publication{padding:16px;color:var(--muted);line-height:1.7}.video-publication strong{color:var(--text)}.video-publication p{margin:8px 0 0}

.playback-line-picker{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--text)}.playback-line-picker[hidden]{display:none}.playback-line-picker select{max-width:220px;min-height:40px;padding:6px 28px 6px 10px;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--text);font:inherit}.playback-line-picker select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(max-width:600px){.playback-toolbar{flex-wrap:wrap}.playback-line-picker{width:100%}.playback-line-picker select{flex:1;max-width:none}}

/* Home section actions align with the end of their horizontally scrollable row. */
.home-module>.section-heading>h2{min-width:0}
.home-module>.section-heading>a,.home-module>.section-heading>.module-refresh{margin-left:auto;flex-shrink:0;white-space:nowrap}
.home-module .card-shelf{cursor:grab}
.home-module .card-shelf:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.home-module .card-shelf.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}

/* PC card focus effects ported from the supplied 2026-11-09 SingleFile HTML.
   Keep the cover clipped; its own shadow paints outside that clip. */
body[data-surface=PC]{
  --focus-glass-border:rgba(240,252,255,.9);
  --focus-glass-shadow:inset 0 1px 0 rgba(255,255,255,.62),inset 0 0 0 1px rgba(220,245,255,.28),inset 0 -12px 32px rgba(100,170,210,.08),0 -28px 120px 56px rgba(230,248,255,.22),0 -48px 180px 90px rgba(200,230,255,.12),0 0 0 1px rgba(195,238,255,.58),0 0 44px rgba(185,232,255,.58),0 0 80px rgba(168,222,255,.42),0 0 112px rgba(145,210,255,.26),0 0 128px rgba(105,240,174,.18),0 22px 56px rgba(0,0,0,.78);
  --focus-glass-backdrop:blur(22px) saturate(1.55);
}
body[data-surface=PC] .hero{container-type:inline-size}
body[data-surface=PC] .hero-thumbnails{
  overflow-x:auto;
  overflow-y:hidden;
  padding:80px 40px 60px;
  margin:-80px -40px -60px;
  scrollbar-width:none;
  justify-content:safe flex-end;
}
body[data-surface=PC] .hero-thumbnails::-webkit-scrollbar{display:none}
body[data-surface=PC] .hero-thumbnails a{
  flex:0 0 auto;
  width:clamp(160px,13.6cqw,248px);
  height:auto;
  aspect-ratio:16/9;
  position:relative;
  border:0;
  box-shadow:none;
  filter:none;
  transition:transform .28s ease,filter .28s ease;
}
/* The archive reserves a 16:9 hit area but displays a 90px-high preview. */
body[data-surface=PC] .hero-thumbnails img{
  height:90px;
  object-fit:cover;
  object-position:center;
}
body[data-surface=PC] .hero-thumbnails a.is-active{
  z-index:2;
  filter:drop-shadow(0 0 .6px rgba(240,252,255,.95)) drop-shadow(0 0 1.2px rgba(200,235,255,.6)) drop-shadow(0 0 10px rgba(215,242,255,.55)) drop-shadow(0 0 26px rgba(180,228,255,.4)) drop-shadow(0 0 48px rgba(120,210,255,.22));
}
@media(hover:hover) and (pointer:fine){
  body[data-surface=PC] .hero-thumbnails a:hover{
    transform:translateY(-2px);
    z-index:7;
    filter:drop-shadow(0 0 .6px rgba(252,255,255,.95)) drop-shadow(0 0 1.5px rgba(200,235,255,.78)) drop-shadow(0 0 3.5px rgba(180,228,255,.45)) drop-shadow(0 0 16px rgba(220,245,255,.7)) drop-shadow(0 0 40px rgba(180,228,255,.55)) drop-shadow(0 0 72px rgba(105,240,174,.2));
  }
}
body[data-surface=PC] .hero-thumbnails a:focus-visible{
  outline:none;
  transform:translateY(-2px);
  z-index:8;
  filter:drop-shadow(0 0 .6px rgba(252,255,255,.95)) drop-shadow(0 0 1.5px rgba(200,235,255,.78)) drop-shadow(0 0 3.5px rgba(180,228,255,.45)) drop-shadow(0 0 16px rgba(220,245,255,.7)) drop-shadow(0 0 40px rgba(180,228,255,.55)) drop-shadow(0 0 72px rgba(105,240,174,.2));
}
body[data-surface=PC] .video-card{
  position:relative;
  overflow:visible;
  transition:transform .25s cubic-bezier(.16,1,.3,1);
}
body[data-surface=PC] .video-card .cover-link{
  border-radius:8px 8px 0 0;
  transition:box-shadow .28s cubic-bezier(.16,1,.3,1),backdrop-filter .28s ease,-webkit-backdrop-filter .28s ease;
}
body[data-surface=PC] .video-card .cover-link:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:5;
  border:1px solid transparent;
  border-radius:inherit;
  pointer-events:none;
  transition:border-color .22s ease;
}
body[data-surface=PC] .video-card:hover,
body[data-surface=PC] .video-card:focus-within{
  transform:translateY(-4px);
  z-index:10;
  isolation:isolate;
}
body[data-surface=PC] .video-card:hover .cover-link,
body[data-surface=PC] .video-card:focus-within .cover-link{
  box-shadow:var(--focus-glass-shadow);
  backdrop-filter:var(--focus-glass-backdrop);
  -webkit-backdrop-filter:var(--focus-glass-backdrop);
}
body[data-surface=PC] .video-card:hover .cover-link:after,
body[data-surface=PC] .video-card:focus-within .cover-link:after{
  border-color:var(--focus-glass-border);
}
body[data-surface=PC] .video-card .cover-link>img{
  transition:transform .8s cubic-bezier(.2,0,.2,1);
}
body[data-surface=PC] .video-card:hover .cover-link>img{
  transform:scale(1.06);
}
body[data-surface=PC] .video-card:hover h3{
  color:#69f0ae;
}
/* The source card has no central play mask on hover. */
body[data-surface=PC] .video-card .cover-play{
  display:none;
}
/* Reserve the full glow extent inside scrolling shelves. Negative margins keep
   the card positions and row footprint unchanged; fade the scroll clip edges. */
body[data-surface=PC] .card-shelf{
  padding:260px 96px 274px;
  margin:-260px -96px;
  scroll-padding-inline:96px;
  pointer-events:none;
  -webkit-mask-image:linear-gradient(to right,transparent,#000 64px,#000 calc(100% - 64px),transparent),linear-gradient(to bottom,transparent,#000 64px,#000 calc(100% - 64px),transparent);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(to right,transparent,#000 64px,#000 calc(100% - 64px),transparent),linear-gradient(to bottom,transparent,#000 64px,#000 calc(100% - 64px),transparent);
  mask-composite:intersect;
}
body[data-surface=PC] .card-shelf>*{
  pointer-events:auto;
}
body[data-surface=PC]{overflow-x:clip}

/* Shorts chart hover: WebTopBlocks rankChampion/rankRow from the supplied HTML. */
body[data-surface=PC] :is([data-discovery-page=shorts],[data-discovery-page=popular]){
  --focus-glass-shadow-row:inset 0 1px 0 rgba(255,255,255,.38),0 0 0 1px rgba(200,235,255,.32),0 0 28px rgba(180,228,255,.32),0 0 48px rgba(105,240,174,.1),0 6px 22px rgba(0,0,0,.45);
}
body[data-surface=PC] :is([data-discovery-page=shorts],[data-discovery-page=popular]) .short-chart-card{
  overflow:hidden;
  transition:background .24s ease,border-color .24s ease,transform .24s ease,box-shadow .24s ease;
}
body[data-surface=PC] :is([data-discovery-page=shorts],[data-discovery-page=popular]) .short-chart-card.rank-1{
  transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .3s ease,box-shadow .3s ease;
}
body[data-surface=PC] :is([data-discovery-page=shorts],[data-discovery-page=popular]) .short-chart-card:hover,
body[data-surface=PC] :is([data-discovery-page=shorts],[data-discovery-page=popular]) .short-chart-card:focus-visible{
  z-index:1;
  transform:translateY(-4px);
  border-color:var(--focus-glass-border);
  box-shadow:var(--focus-glass-shadow-row);
  backdrop-filter:var(--focus-glass-backdrop);
  -webkit-backdrop-filter:var(--focus-glass-backdrop);
}
body[data-surface=PC] :is([data-discovery-page=shorts],[data-discovery-page=popular]) .short-chart-card:not(.rank-1):hover,
body[data-surface=PC] :is([data-discovery-page=shorts],[data-discovery-page=popular]) .short-chart-card:not(.rank-1):focus-visible{
  background:rgba(255,255,255,.068);
}
body[data-surface=PC] :is([data-discovery-page=shorts],[data-discovery-page=popular]) .short-chart-card:focus-visible{
  outline:none;
}
body[data-surface=PC] :is([data-discovery-page=shorts],[data-discovery-page=popular]) .short-chart-card img{
  transform:none;
}
/* Lower portrait cards use the shared FeedCards glow, lift and 800ms image zoom. */
body[data-surface=PC] [data-discovery-page=shorts] .video-card .cover-link>img{
  object-position:top center;
}
body[data-surface=PC] [data-discovery-page=shorts] .video-card:hover h3 a{
  color:#69f0ae;
}

/* Shorts chart palette from the supplied WebTopBlocks reference. */
body[data-surface=PC] :is([data-discovery-page=shorts],[data-discovery-page=popular]) .short-hot-chart{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-color:rgba(255,255,255,.09);
  background:linear-gradient(115deg,rgba(21,33,37,.98),rgba(10,14,20,.98) 46%,rgba(9,12,18,.99)),#090c12;
  box-shadow:0 28px 80px rgba(0,0,0,.3);
}
body[data-surface=PC] :is([data-discovery-page=shorts],[data-discovery-page=popular]) .short-hot-chart:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.36;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 0);
  background-size:52px 52px;
  -webkit-mask-image:linear-gradient(90deg,#000,transparent 72%);
  mask-image:linear-gradient(90deg,#000,transparent 72%);
}
body[data-surface=PC] :is([data-discovery-page=shorts],[data-discovery-page=popular]) .short-hot-chart:after{
  content:"";
  position:absolute;
  top:-260px;
  left:-120px;
  z-index:-1;
  width:640px;
  height:640px;
  border-radius:50%;
  background:rgba(47,230,161,.14);
  filter:blur(110px);
  pointer-events:none;
}
body[data-surface=PC] :is([data-discovery-page=shorts],[data-discovery-page=popular]) .short-chart-card{
  border-color:rgba(255,255,255,.065);
  background:rgba(255,255,255,.035);
}
body[data-surface=PC] :is([data-discovery-page=shorts],[data-discovery-page=popular]) .short-chart-card.rank-1{
  border-color:rgba(112,255,196,.17);
  background:linear-gradient(145deg,rgba(51,129,96,.22),rgba(255,255,255,.035) 58%);
}
body[data-surface=PC] :is([data-discovery-page=shorts],[data-discovery-page=popular]) .short-chart-card:hover,
body[data-surface=PC] :is([data-discovery-page=shorts],[data-discovery-page=popular]) .short-chart-card:focus-visible{
  border-color:var(--focus-glass-border);
}

/* The reference sidebar is transparent over one fixed page-wide gradient.
   A separate sidebar gradient leaves a visible seam against the content area. */
body[data-surface=PC]{
  background:linear-gradient(to bottom,#101620 0%,#0c1018 40%,#080b10 100%);
  background-attachment:fixed;
  min-height:100vh;
}
body[data-surface=PC] .sidebar{
  background:transparent;
}
body[data-surface=PC] .sidebar nav a{
  font-family:Outfit,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:#a3a3a3;
  transition:color .15s ease,background .15s ease;
}
body[data-surface=PC] .sidebar nav a:hover{
  color:#e5e5e5;
  background:transparent;
}
body[data-surface=PC] .sidebar nav a.is-current{
  color:#fff;
  font-weight:700;
  letter-spacing:.5px;
  background:linear-gradient(90deg,rgba(0,230,118,.15),transparent);
  text-shadow:0 0 10px rgba(0,230,118,.6);
}
body[data-surface=PC] .sidebar nav a.is-current:before{
  top:50%;
  bottom:auto;
  transform:translateY(-50%);
  height:28px;
  border-radius:0 4px 4px 0;
  background:#69f0ae;
  box-shadow:2px 0 12px 2px rgba(0,230,118,.9),2px 0 28px rgba(0,200,100,.6);
}
body[data-surface=PC] .sidebar nav svg{
  transition:transform .2s ease,color .2s ease;
}
body[data-surface=PC] .sidebar nav [data-nav="/popular"] svg{color:#ff4d4f}
body[data-surface=PC] .sidebar nav [data-nav="/topics"] svg{color:#52c41a}
body[data-surface=PC] .sidebar nav a:hover svg,
body[data-surface=PC] .sidebar nav a.is-current svg{
  color:#fff;
  transform:scale(1.08);
}
body[data-surface=PC] .sidebar nav a.is-current svg{
  filter:drop-shadow(0 0 8px rgba(0,230,118,.9));
}
body[data-surface=PC] .sidebar footer{
  border-top-color:rgba(255,255,255,.03);
  color:#525252;
}

/* PC category filter spacing: four rows directly beneath the fixed header. */
body[data-surface=PC] .category-filter-top .catalog-filter-panel{
  padding:20px 0 36px;
  margin:0;
  border-bottom:0;
}
body[data-surface=PC] .category-filter-top .catalog-filter-row:last-of-type{
  margin-bottom:0;
}

/* PC navigation geometry: source Sidebar 160px rail, 15px labels and 48px rows. */
body[data-surface=PC]{--sidebar:160px}
body[data-surface=PC] .sidebar{
  padding:32px 0 24px;
  overflow:hidden;
}
body[data-surface=PC] .sidebar>.brand{
  flex:0 0 64px;
  height:64px;
  padding:0 16px;
  margin-bottom:40px;
}
body[data-surface=PC] .sidebar .brand-logo{
  width:128px;
  max-width:100%;
}
body[data-surface=PC] .sidebar nav{
  min-height:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:2px;
}
body[data-surface=PC] .sidebar nav a{
  flex-shrink:0;
  min-height:48px;
  padding:12px 10px;
  gap:12px;
  font-size:15px;
  line-height:24px;
}
body[data-surface=PC] .sidebar nav svg{
  width:20px;
  height:20px;
  stroke-width:1.5;
}
/* Sidebar edge -> 48px gutter -> 40px filter label -> 16px gap -> options. */
body[data-surface=PC] .pc-main.list-page{
  padding-left:48px;
  padding-right:48px;
}
body[data-surface=PC] .category-filter-top{
  padding-top:0;
}
body[data-surface=PC] .category-filter-top .catalog-filter-label{
  flex-basis:40px;
}

/* PC resource filters: match the reference's lighter type and neutral dark chips. */
body[data-surface=PC] .catalog-filter-options a{
  font-family:Outfit,Inter,-apple-system,BlinkMacSystemFont,sans-serif;
  font-size:13px;
  font-weight:400;
  line-height:20px;
  letter-spacing:normal;
  min-height:32px;
  padding:5px 14px;
  border-radius:8px;
  color:#b0b0b0;
  background:rgba(255,255,255,.05);
  border-color:rgba(255,255,255,.06);
  transition:color .15s ease,background .15s ease,border-color .15s ease;
}
body[data-surface=PC] .catalog-filter-options a:hover{
  color:#ebebef;
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.12);
}
body[data-surface=PC] .catalog-filter-options a[aria-current=true]{
  color:#69f0ae;
  background:rgba(105,240,174,.08);
  border-color:#69f0ae;
}
body[data-surface=PC] .catalog-filter-label{
  font-family:Outfit,Inter,-apple-system,BlinkMacSystemFont,sans-serif;
  font-size:13px;
  font-weight:600;
  color:#8b8b94;
}

.catalog-scroll-status{min-height:48px;margin:24px 0;text-align:center;color:var(--muted);font-size:13px}

/* Popular keeps its red identity in every navigation state. */
body[data-surface=PC] .sidebar nav a[data-nav="/popular"] svg{
  color:#ff4d4f;
}
body[data-surface=PC] .sidebar nav a[data-nav="/popular"].is-current svg{
  filter:drop-shadow(0 0 8px rgba(255,77,79,.65));
}

/* Keep the rail, header and content on the same 160px reference boundary. */
body[data-surface=PC] .pc-header{
  height:72px;
  padding:0 38px 0 0;
  gap:0;
}
.pc-header-tools{
  display:flex;
  align-items:center;
  gap:24px;
  min-width:0;
  height:100%;
  padding-left:16px;
}
body[data-surface=PC] .pc-header.is-over-banner{
  background:transparent;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.pc-header.is-over-banner .pc-header-tools{
  background:linear-gradient(180deg,rgba(12,15,21,.5),rgba(12,15,21,.18));
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
  border-bottom-left-radius:22px;
}
body[data-surface=PC] .hero-shade{
  background:linear-gradient(0deg,var(--bg) 0%,#080c1033 35%,#080c1008 65%),
    linear-gradient(90deg,#080c10aa,#080c1000 75%),
    linear-gradient(180deg,rgba(8,11,16,.7),transparent 25%);
}
@media(max-width:1100px){
  body[data-surface=PC] .pc-header{padding-right:24px}
  .pc-header-tools{gap:15px}
}

/* Shared hot chart geometry from the supplied Shorts reference. */
.short-hot-chart{border:1px solid #304440;background:linear-gradient(125deg,#153c32 0%,#111820 45%,#0c1118 100%);margin:12px 0 36px;padding:clamp(24px,2.2vw,40px);border-radius:24px}
.short-hot-chart>.section-heading{align-items:flex-end;gap:28px;margin-bottom:clamp(22px,2vw,32px)}
.short-hot-chart .section-heading h2{margin:0;font-size:clamp(24px,2vw,34px);font-weight:850;line-height:1.15;letter-spacing:-.02em}
.short-chart-eyebrow{display:inline-flex;align-items:center;gap:9px;margin-bottom:7px;color:#64efb5;font-size:11px;font-weight:850;letter-spacing:.2em}
.short-chart-eyebrow i{width:22px;height:3px;border-radius:999px;background:#52eba9;box-shadow:0 0 16px #52eba9d9}
.short-chart-subtitle{margin:8px 0 0;color:#ffffff6b;font-size:13px;letter-spacing:.04em}
.short-chart-top{display:flex;align-items:baseline;gap:8px;margin-left:auto;color:#ffffff57;font-size:11px;font-weight:800;letter-spacing:.18em}
.short-chart-top strong{color:#ffffffe0;font-size:28px;font-weight:300;letter-spacing:-.08em}
.short-chart-grid{display:block}
.short-chart-stage{display:grid;grid-template-columns:minmax(390px,.88fr) minmax(600px,1.45fr);gap:clamp(18px,1.6vw,28px)}
.short-chart-primary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.short-chart-secondary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:12px}
.short-chart-card{position:relative;display:flex;align-items:center;min-width:0;border:1px solid #35403e;color:inherit;text-decoration:none;background:#ffffff06;grid-column:auto;gap:16px;min-height:209px;padding:15px 18px 15px 14px;border-radius:18px}
.short-chart-card>img{object-fit:cover;flex-shrink:0;width:132px;height:177px;aspect-ratio:auto;border-radius:11px;box-shadow:0 7px 20px #0000005c}
.short-chart-card .short-chart-rank{flex-shrink:0;font-family:Arial,sans-serif;font-weight:900;font-style:italic;line-height:1;font-variant-numeric:tabular-nums;width:42px;text-align:center;color:#ffffff42;font-size:24px;letter-spacing:-.08em}
.short-chart-card.rank-2 .short-chart-rank{color:#ffcf71;text-shadow:0 0 18px #ffc25338}
.short-chart-card.rank-3 .short-chart-rank{color:#e0ab86;text-shadow:0 0 18px #db8e5c2e}
.short-chart-copy{flex:1;min-width:0}
.short-chart-copy h3{overflow-wrap:anywhere;margin:0 0 7px;color:#fff;font-size:17px;font-weight:750;line-height:1.3}
.short-chart-copy p{margin:0 0 15px;color:#ffffff59;font-size:11px;overflow-wrap:anywhere}
.short-chart-heat{display:flex;align-items:baseline;gap:7px}
.short-chart-heat small{color:#ffffff61;font-size:10px;font-weight:650;letter-spacing:.08em}
.short-chart-heat strong{overflow:hidden;color:#60eeb3;font-size:19px;font-weight:850;line-height:1;white-space:nowrap;text-overflow:ellipsis}
.short-chart-card.rank-1{display:grid;grid-column:auto;grid-row:auto;grid-template-columns:clamp(210px,38%,310px) minmax(260px,1fr);align-self:start;width:100%;height:clamp(370px,25vw,420px);min-height:0;padding:0;gap:0;border-radius:20px}
.short-chart-art{position:relative;display:grid;place-items:center;width:100%;height:100%;min-height:0;overflow:hidden;padding:24px;background:radial-gradient(circle at 50% 42%,#59eeb321,transparent 55%),linear-gradient(145deg,#14201d,#0d1217)}
.short-chart-art:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.24;background-image:linear-gradient(#ffffff0d 1px,transparent 0),linear-gradient(90deg,#ffffff0d 1px,transparent 0);background-size:28px 28px}
.short-chart-poster{position:relative;z-index:1;display:grid;place-items:center;width:100%;height:100%;overflow:hidden}
.short-chart-card.rank-1 img{width:100%;height:100%;aspect-ratio:auto;object-fit:contain;object-position:center;border-radius:0}
.short-chart-card.rank-1 .short-chart-rank{font-style:normal;position:absolute;top:10px;left:10px;z-index:2;width:auto;padding:4px 6px;font-size:9px;font-weight:950;letter-spacing:.12em;color:#07140e;background:#65efb7;box-shadow:0 8px 22px #29dc9447}
.short-chart-card.rank-1 .short-chart-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;height:100%;padding:clamp(26px,2.1vw,38px)}
.short-chart-winner{display:block;margin-bottom:12px;color:#63efb5;font-size:11px;font-weight:800;letter-spacing:.14em}
.short-chart-card.rank-1 h3{margin:0;color:#fff;font-size:clamp(21px,1.55vw,28px);font-weight:850;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.short-chart-card.rank-1 p{width:100%;margin:10px 0 26px;color:#ffffff73;font-size:12px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.short-chart-card.rank-1 .short-chart-heat{display:flex;flex-wrap:wrap;gap:0;margin-bottom:26px}
.short-chart-card.rank-1 .short-chart-heat small{flex:0 0 100%;margin-bottom:2px}
.short-chart-card.rank-1 .short-chart-heat strong{margin:0;color:#67f0b8;font-size:clamp(29px,2.4vw,42px);letter-spacing:-.04em;text-shadow:0 0 28px #50ecac2b}
.short-chart-play{display:inline-flex;margin:0;padding:10px 14px;border-radius:9px;background:#f3f7f5;color:#0b1511;font-size:12px;font-weight:800}
.short-chart-secondary .short-chart-card{padding-left:14px}
.short-chart-secondary .short-chart-rank{position:absolute;top:21px;left:20px;z-index:3;width:auto;min-width:34px;padding:4px 6px;color:#fff;font-size:16px;line-height:1;border:1px solid #ffffff29;border-radius:7px;background:#050a0dc7;box-shadow:0 5px 14px #0000005c;backdrop-filter:blur(8px)}
.short-chart-secondary .short-chart-copy{padding-right:12px}
.short-chart-secondary h3{min-height:42px;margin-bottom:11px;font-size:16px;line-height:1.35}
.short-chart-secondary .short-chart-copy p{display:none}
.short-chart-secondary .short-chart-heat{flex-wrap:wrap;gap:0;overflow:visible}
.short-chart-secondary .short-chart-heat small{flex:0 0 100%;margin:0 0 5px}
.short-chart-secondary .short-chart-heat strong{max-width:calc(100% - 20px);overflow:visible;font-size:18px}
@media(max-width:1850px){
  .short-chart-secondary .short-chart-card{flex-direction:column;align-items:stretch;gap:12px;padding:14px}
  .short-chart-secondary .short-chart-card>img{align-self:center}
  .short-chart-secondary .short-chart-copy{width:100%;padding-right:0}
  .short-chart-secondary h3{min-height:65px}
}
@media(max-width:1600px){
  .short-chart-stage{grid-template-columns:1fr}
  .short-chart-card.rank-1{grid-template-columns:clamp(220px,34%,300px) minmax(280px,1fr);height:400px}
}
@media(max-width:1200px){
  .short-chart-secondary{grid-template-columns:repeat(5,minmax(172px,1fr));overflow-x:auto}
}
@media(max-width:1150px){.short-chart-primary{grid-template-columns:1fr}}
@media(max-width:860px){
  .short-hot-chart{padding:20px;border-radius:18px}
  .short-chart-card.rank-1{grid-template-columns:minmax(190px,38%) minmax(240px,1fr);height:370px}
}
@media(max-width:600px){
  .short-chart-secondary{grid-template-columns:1fr;overflow-x:visible}
  .short-chart-secondary .short-chart-card{flex-direction:row;align-items:center;gap:12px;padding:12px 12px 12px 14px}
  .short-chart-secondary .short-chart-copy{width:auto;padding-right:12px}
  .short-chart-secondary h3{min-height:42px}
  .short-chart-top{display:none}
  .short-chart-card.rank-1{grid-template-columns:minmax(128px,.9fr) minmax(150px,1.1fr);height:330px}
  .short-chart-card.rank-1 .short-chart-copy{padding:22px 16px}
  .short-chart-art{padding:14px}
  .short-chart-card{min-height:122px;gap:12px;padding:12px;border-radius:14px}
  .short-chart-card>img{width:72px;height:96px}
  .short-chart-card .short-chart-rank{width:34px;font-size:20px}
  .short-chart-copy h3{font-size:15px}
  .short-chart-heat strong{font-size:17px}
}

/* Keep the shared sidebar connected to the page aurora, as on Shorts. */
body[data-surface=PC] .home-page:has(>.hero){
  padding:24px 38px 0;
}
body[data-surface=PC] .home-page:has(>.hero)>.home-content{
  padding-left:0;
  padding-right:0;
}
body[data-surface=PC] .ranking-page{
  background:transparent;
}
@media(max-width:1100px){
  body[data-surface=PC] .home-page:has(>.hero){padding-right:24px;padding-left:24px}
}

/* PC player: timeline, playback, time, volume, speed and fullscreen controls. */
body[data-surface=PC] .player-controls{
  position:absolute;left:0;right:0;bottom:0;z-index:5;
  display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 16px;
  padding:24px 16px 16px;
  background:linear-gradient(0deg,#000000f2, #00000080 50%,transparent);
  color:#ffffffbf;
}
body[data-surface=PC] .player-controls[hidden]{display:none}
.player-control-seek{grid-column:1/-1;width:100%;min-width:0;height:24px;margin:0;appearance:none;background:transparent;cursor:pointer;--played-pct:0%;--buffered-pct:0%}
.player-control-seek::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(to right,var(--green) 0 var(--played-pct),#ffffff80 var(--played-pct) max(var(--played-pct),var(--buffered-pct)),#ffffff33 max(var(--played-pct),var(--buffered-pct)) 100%)}
.player-control-seek::-webkit-slider-thumb{appearance:none;width:12px;height:12px;margin-top:-4px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0008}
.player-control-seek::-moz-range-track{height:4px;border-radius:2px;background:linear-gradient(to right,var(--green) 0 var(--played-pct),#ffffff80 var(--played-pct) max(var(--played-pct),var(--buffered-pct)),#ffffff33 max(var(--played-pct),var(--buffered-pct)) 100%)}
.player-control-seek::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#fff}
.player-control-seek:disabled{cursor:not-allowed}
.player-control-left,.player-control-right,.player-control-volume{display:flex;align-items:center;gap:4px}
.player-icon-control{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;padding:0;border:0;border-radius:6px;background:none;color:#ffffffd9}
.player-icon-control:hover{background:#ffffff1a;color:#fff}
.player-icon-control svg{width:20px;height:20px}
.player-icon-control [data-play-icon]{fill:currentColor;stroke:none}
.player-control-time{padding:0 6px;color:#ffffffbf;font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums}
.player-control-volume input{width:72px;height:4px;margin:0 4px;appearance:none;border-radius:2px;background:linear-gradient(to right,#69f0ae var(--volume-pct,100%),#ffffff33 var(--volume-pct,100%));cursor:pointer}
.player-control-volume input::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 0 4px #0008}
.player-control-volume input::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#fff}
.player-text-control{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:4px 10px;border:1px solid #ffffff40;border-radius:4px;background:#0000004d;color:#ffffffbf;font-size:12px;font-weight:600;white-space:nowrap;cursor:pointer}
.player-text-control:hover{color:#fff;border-color:#ffffff80;background:#ffffff1a}
.player-fullscreen-control svg{width:16px;height:16px}
.player-rate-menu{position:relative}
.player-rate-menu summary{list-style:none}
.player-rate-menu summary::-webkit-details-marker{display:none}
.player-rate-options{position:absolute;bottom:calc(100% + 10px);right:0;min-width:96px;padding:6px;border:1px solid #ffffff33;border-radius:8px;background:#0e121cf5;box-shadow:0 8px 24px #000b}
.player-rate-options button{display:block;width:100%;padding:7px 12px;border-radius:4px;background:transparent;color:#b0b0b0;text-align:center;font-size:12px}
.player-rate-options button:hover{background:#ffffff14;color:#fff}
.player-rate-options button[aria-pressed=true]{color:#69f0ae;background:#69f0ae14}
body[data-surface=PC] .video-stage:fullscreen{width:100vw;height:100vh;max-width:none;max-height:none;aspect-ratio:auto}
body[data-surface=PC] .video-stage:fullscreen video{display:block;width:100%;height:100%;object-fit:contain}
.pc-player .player-sidebar-title .favorite-button{gap:8px;padding:8px 16px;margin-top:2px;border-radius:999px;border:1px solid #ffffff1f;background:#ffffff0a;color:#b0b0b0;font-size:13px;font-weight:600}
.pc-player .player-sidebar-title .favorite-button:hover{border-color:#03dac659;color:#ebebef;background:#ffffff12}
.pc-player .player-sidebar-title .favorite-button.is-active{border-color:#03dac659;color:#69f0ae;background:#69f0ae14}
.pc-player .player-sidebar-title .favorite-button svg{width:18px;height:18px;stroke-width:2}
.pc-player .player-heat{padding:3px 10px;border-radius:6px;font-size:12px;font-weight:600;color:#d6455d;background:#ed405c1f;border:1px solid #ed405c38}
.pc-player .player-quality{min-width:0;padding:3px 10px;border-radius:6px;font-size:12px;font-weight:800;color:#3d2800;background:linear-gradient(155deg,#fff8e1,#ffd54f 45%,#ff9800);border:1px solid #ffe59799;box-shadow:inset 0 1px 0 #ffffff38}
@media(max-width:1000px){
  .player-control-volume input{width:56px}
  body[data-surface=PC] .player-controls{gap:8px;padding-right:12px;padding-left:12px}
}
@media(max-width:600px){
  .player-control-time{padding:0 2px;font-size:11px}
  .player-control-volume input{width:40px;margin:0 2px}
  .player-icon-control{width:30px;height:30px}
  .player-text-control{padding:3px 7px;font-size:11px}
}

/* PC header search memory dropdown follows the input width. */
body[data-surface=PC] .search-suggestions{width:100%;max-width:none;padding:12px 14px;background:#10141cf5;border:1px solid #ffffff0d;border-radius:16px;box-shadow:0 12px 32px #0006;backdrop-filter:blur(16px)}
body[data-surface=PC] .search-suggestions .search-memory-heading{margin:0 0 10px;color:#ffffff66;font-size:12px;line-height:18px;font-weight:600}
body[data-surface=PC] .search-suggestions>[data-search-history]{margin:0}
body[data-surface=PC] .search-suggestions [data-search-history-items]{display:flex;flex-direction:column;gap:2px}
body[data-surface=PC] .search-suggestions .history-keyword{display:flex;width:100%;max-width:none;gap:8px;padding:0;background:transparent;border-radius:8px;font-size:14px;color:#ffffffb3}
body[data-surface=PC] .search-suggestions .history-keyword:hover{background:#ffffff08}
body[data-surface=PC] .search-suggestions .history-keyword>a{display:flex;align-items:center;gap:10px;min-width:0;flex:1;padding:9px 6px;overflow-wrap:anywhere;line-height:20px}
body[data-surface=PC] .search-suggestions .history-keyword svg{width:16px;height:16px;color:#ffffff66;stroke-width:1.8}
body[data-surface=PC] .search-suggestions .history-keyword button{flex:none;align-items:center;justify-content:center;width:28px;height:32px;padding:0;color:#ffffff66;font-size:16px}
body[data-surface=PC] .search-suggestions .history-keyword button:hover{color:#fff}
body[data-surface=PC] .search-suggestions>[data-discovery-error]{font-size:12px;color:#e2b88d;margin:8px 0 0}

/* Search heading and breadcrumb match the desktop search reference. */
body[data-surface=PC] .pc-search-breadcrumb{position:fixed;top:0;left:calc(var(--sidebar) + 32px);height:72px;z-index:36;display:flex;align-items:center;gap:10px;font-size:14px;line-height:20px;color:#ffffff99}
body[data-surface=PC] .pc-search-breadcrumb>[aria-hidden]{color:#ffffff40}
body[data-surface=PC] .pc-search-breadcrumb>[aria-current]{font-weight:600;color:#ffffffb3}
body[data-surface=PC] .search-page{padding:88px 52px 40px}
body[data-surface=PC] .search-page .pc-search-heading{display:flex;align-items:center;gap:16px;margin:0 0 14px;min-height:40px}
body[data-surface=PC] .search-page .pc-search-heading h1{margin:0;font-size:18px;line-height:28px;font-weight:600;overflow-wrap:anywhere}
body[data-surface=PC] .pc-search-back{width:40px;height:40px;flex:none;display:flex;align-items:center;justify-content:center;padding:10px;border-radius:10px;background:#ffffff0d;color:#ffffffb3}
body[data-surface=PC] .pc-search-back:hover{background:#ffffff14;color:#fff}
body[data-surface=PC] .pc-search-back svg{width:20px;height:20px;stroke-width:2.5}
body[data-surface=PC] .search-page [data-search-total]{font-size:14px;color:#ffffff66;margin:0 0 18px;line-height:20px}
@media(max-width:1100px){body[data-surface=PC] .search-page{padding-inline:24px}body[data-surface=PC] .pc-search-breadcrumb{left:calc(var(--sidebar) + 24px)}}

/* Collected playback sources follow the existing episode-chip styling. */
.playback-line-options{display:flex;flex-wrap:wrap;gap:8px}.playback-line-options button{min-height:44px;max-width:100%;padding:10px 16px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);overflow-wrap:anywhere}.playback-line-options button:hover{color:var(--green);border-color:var(--green)}.playback-line-options button[aria-pressed=true]{color:var(--green);border-color:var(--green);background:#102723}

/* Supplied 3:1 追剧岛 artwork keeps its original proportions. */
.video-start .player-brand-mark{width:168px;height:auto;object-fit:contain}.video-stage .video-start.is-retry .player-brand-mark{width:60px;height:auto}

/* Persistent PC footer entries share the configured official/contact destinations. */
body[data-surface=PC] .sidebar>footer{flex-shrink:0;padding:16px 10px 0}
.sidebar-footer-links{display:flex;align-items:center;gap:14px;margin-bottom:12px;font-size:12px;white-space:nowrap}
.sidebar-footer-links a{color:#8b939e;transition:color .15s}
.sidebar-footer-links a[href]:hover{color:var(--accent,#00d4aa)}
.sidebar-footer-links a[aria-disabled=true]{opacity:.45;cursor:default}
.sidebar>footer small{font-size:10px;line-height:1.8}