@charset "UTF-8";
:root{color-scheme:dark;--bg:#101114;--panel:#191b20;--panel-hover:#22252b;--muted:#9397a3;--text:#f2f1ee;--accent:#ff7954;--line:#282b31;--sidebar:208px;font-family:Inter,"Segoe UI","Microsoft YaHei UI","PingFang SC",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{color:inherit}svg{display:block;width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}h1,h2,h3,p{margin:0}button{border:0}input[type=search]::-webkit-search-cancel-button{cursor:pointer}::selection{background:#a54f39;color:white}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#141519;border-right:1px solid var(--line);padding:29px 18px 20px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:11px;padding-left:8px;margin-bottom:48px;font-size:24px;font-weight:750;letter-spacing:2px}.brand small{display:block;font-size:9px;letter-spacing:3px;font-weight:500;color:var(--muted);margin-top:3px}.brand-mark{width:38px;height:38px;background:var(--accent);color:#17191d;border-radius:12px;display:grid;place-items:center;font-size:30px;font-weight:900;font-family:Arial;position:relative;letter-spacing:-6px;padding-right:5px}.brand-mark span{font-size:11px;position:absolute;right:5px;top:15px;letter-spacing:0}.nav-label{font-size:11px;color:#717681;letter-spacing:1px;padding:0 15px;margin-bottom:15px}nav{display:flex;flex-direction:column;gap:5px}nav a{display:flex;gap:13px;align-items:center;padding:13px 15px;border-radius:9px;color:#9c9faa;font-weight:500;transition:background .16s,color .16s}nav a:hover{background:#202227;color:var(--text)}nav a.active{background:#32231f;color:#ff936f}nav a svg{width:18px;height:18px}.nav-active-dot{display:none;margin-left:auto;width:5px;height:5px;border-radius:50%;background:var(--accent)}nav a.active .nav-active-dot{display:block}.nav-count{margin-left:auto;font-size:11px;color:#8d909a}.sidebar-divider{border-top:1px solid var(--line);margin:24px 14px}.source-nav{gap:3px}.source-nav a{font-size:13px;padding:10px 15px}.source-dot{width:7px;height:7px;border-radius:2px;background:#808999;margin:0 6px}.source-nav a:nth-child(2) .source-dot{background:#8e85ae}.source-nav a:nth-child(3) .source-dot{background:#b99971}.source-nav a:nth-child(4) .source-dot{background:#7d9d99}.sidebar-bottom{margin-top:auto;border:1px solid var(--line);border-radius:10px;padding:13px 10px;display:flex;gap:8px;font-size:11px;color:#c3c6cd}.sidebar-bottom small{display:block;color:#707581;font-size:9px;margin-top:6px}.connection-dot,.local-label i{background:#8cba98;border-radius:50%;width:6px;height:6px;flex:none;margin-top:5px;box-shadow:0 0 9px #85b79126}.app-shell{margin-left:var(--sidebar)}.topbar{height:83px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:28px;padding:0 40px;background:#101114ef;position:sticky;top:0;z-index:15;backdrop-filter:blur(18px)}.search-box{display:flex;align-items:center;width:440px;max-width:58%;gap:12px;background:#1b1d22;border:1px solid #2b2d34;border-radius:9px;padding:11px 15px;color:#8c919d}.search-box svg{width:17px;height:17px}.search-box input{min-width:0;width:100%;border:0;background:transparent;color:var(--text);outline:none;font-size:12px}.search-box input::placeholder{color:#727784}.search-box kbd{border:1px solid #3a3d45;border-radius:4px;width:19px;text-align:center;color:#737986;font:11px monospace}.topbar-right{display:flex;align-items:center;gap:22px}.local-label{display:flex;align-items:center;gap:8px;font-size:12px;color:#a9adb7}.local-label i{margin:0}.icon-button{background:transparent;padding:6px;display:flex;align-items:center;justify-content:center;color:#a2a6b1;border-radius:6px}.icon-button:hover{background:#2b2c33;color:white}.avatar{width:31px;height:31px;border-radius:50%;background:#e6d4b8;color:#615645;display:grid;place-items:center;font-size:13px}.mobile-brand{display:none}main{padding:32px 40px 44px;min-height:calc(100vh - 148px);max-width:1720px;margin:auto}footer{display:flex;justify-content:space-between;gap:16px;padding:24px 40px;border-top:1px solid #22252b;font-size:10px;letter-spacing:.3px;color:#6e7480;max-width:1720px;margin:auto}.footer-dot{color:var(--accent);margin:0 5px}
.page-intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px;gap:15px}.eyebrow{font-size:10px;letter-spacing:2.4px;text-transform:uppercase;color:#a0a3ad;margin-bottom:9px}.page-intro h1{font-size:25px;font-weight:630;letter-spacing:1px}.page-intro p{font-size:12px;color:var(--muted);margin-top:9px;line-height:1.7}.library-summary{color:#9398a3;font-size:11px;text-align:right;line-height:1.8}.library-summary strong{font-weight:600;color:#d3d5db;font-variant-numeric:tabular-nums}.hero{position:relative;min-height:285px;border-radius:15px;overflow:hidden;background:#282932;isolation:isolate;display:flex;align-items:center;margin-bottom:30px;border:1px solid #36353b}.hero-image{position:absolute;width:72%;height:100%;right:0;object-fit:cover;z-index:-3;object-position:50% 35%}.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#21252c 0%,#21252ce8 27%,#21252c70 62%,#16171d18 100%);z-index:-1}.hero.no-image{background:linear-gradient(110deg,#29323c,#282832 55%,#473530)}.hero-copy{padding:33px 38px;max-width:78%}.hero-kicker{display:inline-flex;align-items:center;gap:7px;color:#ffc19e;background:#ffffff0a;border:1px solid #ffffff1c;border-radius:5px;padding:5px 8px;font-size:10px;letter-spacing:1.3px;margin-bottom:17px}.hero-kicker svg{width:12px;height:12px}.hero h2{font-size:33px;letter-spacing:1px;line-height:1.35;font-weight:660;max-width:690px;word-break:break-word}.hero-meta{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin:15px 0 13px;font-size:11px;color:#c0c5d0}.hero-meta .dot{color:#7b838c}.hero-description{font-size:12px;color:#aab2bf;line-height:1.8}.hero-actions{display:flex;gap:10px;margin-top:22px}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:7px;font-size:12px;padding:11px 17px;line-height:1.3;font-weight:550}.primary-button{color:#201811;background:var(--accent)}.primary-button:hover{background:#ff9476}.primary-button svg{width:15px;height:15px;fill:currentColor;stroke-width:0}.secondary-button{background:#ffffff10;border:1px solid #ffffff1c;color:#dedfe3}.secondary-button:hover{background:#ffffff1c}.secondary-button svg{width:15px;height:15px}.hero-corner{position:absolute;right:22px;bottom:19px;color:#eee9;font-size:9px;letter-spacing:1.5px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.section-heading h2{font-size:18px;letter-spacing:.4px;font-weight:580}.section-heading h2 small{font-size:10px;margin-left:11px;color:#777e8b;font-weight:400;letter-spacing:1px}.text-link{font-size:11px;color:#a3a8b4;display:inline-flex;align-items:center;gap:4px}.text-link svg{width:14px;height:14px}.text-link:hover{color:var(--accent)}.filters{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.filter-chips{display:flex;gap:8px;overflow-x:auto;padding:2px 0;scrollbar-width:none}.chip{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;background:#1c1e23;border:1px solid #2b2e35;border-radius:6px;padding:7px 13px;font-size:11px;color:#acb1bc}.chip.active{background:#e7e8e8;color:#23262c;border-color:transparent;font-weight:550}.chip:hover:not(.active){background:#2b2e35}.sort-select{color:#9ea4af;background:#16181d;border:1px solid #2b2e35;border-radius:6px;font-size:11px;padding:7px 10px;flex:none}.program-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 19px}.program-card{min-width:0;position:relative}.card-image{display:block;position:relative;aspect-ratio:16/10;background:#292d35;border-radius:9px;overflow:hidden;isolation:isolate}.card-image img{height:100%;width:100%;object-fit:cover;transition:transform .3s}.card-image:hover img{transform:scale(1.055)}.card-shade{position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#111318a8);z-index:1}.poster-type{height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:25px 22px;background:linear-gradient(130deg,var(--poster-a,#35404a),var(--poster-b,#282b34));position:relative}.poster-type::before{content:"";height:1px;width:30px;background:#ffffff47;position:absolute;left:23px;top:22px}.poster-type .poster-title{font-size:clamp(17px,1.6vw,28px);font-weight:650;letter-spacing:1.5px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:#f5f2ebde}.poster-type small{font-size:8px;color:#ffffff50;letter-spacing:2px;position:absolute;bottom:18px}.card-format{position:absolute;left:9px;top:9px;background:#101216b8;backdrop-filter:blur(8px);padding:3px 6px;border-radius:4px;color:#e0e2e7;font-size:9px;z-index:2}.card-status{position:absolute;right:9px;bottom:9px;max-width:88%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;z-index:2;color:#fff;text-shadow:0 1px 3px #000}.card-play{position:absolute;inset:0;display:grid;place-items:center;background:#0002;opacity:0;transition:opacity .2s;z-index:3}.card-play span{border-radius:50%;background:#ff7954ed;width:40px;height:40px;display:grid;place-items:center;color:#1c1917}.card-play svg{width:18px;height:18px;fill:currentColor;stroke:0}.card-image:hover .card-play{opacity:1}.card-info{padding:11px 2px 0;position:relative}.card-info h3{font-weight:500;font-size:12px;line-height:1.65;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:28px}.card-info h3 a:hover{color:var(--accent)}.card-subtitle{display:flex;align-items:center;gap:6px;color:#858b97;font-size:10px;margin-top:6px;line-height:1.6}.card-subtitle span{white-space:nowrap}.card-subtitle .source-indicator{height:4px;width:4px;background:#7c8c9b;border-radius:50%;flex:none}.card-save{position:absolute;right:-3px;top:9px;padding:5px;background:transparent;color:#626975}.card-save svg{width:15px;height:15px}.card-save.saved{color:var(--accent)}.card-save.saved svg{fill:#ff795427}.card-save:hover{color:var(--accent)}.card-progress{height:3px;position:absolute;bottom:0;left:0;background:var(--accent);z-index:5}.resume-block{margin-bottom:28px}.resume-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.resume-card{display:flex;gap:12px;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#181a1f;padding:9px}.resume-image{width:88px;height:57px;flex:none;object-fit:cover;border-radius:4px;background:#303843;display:grid;place-items:center;font-size:19px;color:#bbb}.resume-copy{min-width:0;display:flex;flex-direction:column;justify-content:center}.resume-copy strong{font-size:11px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resume-copy small{font-size:10px;color:var(--muted);margin-top:8px}.resume-card:hover{border-color:#675346}.pagination{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:35px;color:#8e95a1;font-size:11px}.pagination button{border:1px solid #33363d;background:#1b1d23;border-radius:5px;padding:8px 13px;color:#b1b5be}.result-note{font-size:11px;color:#7d8390;margin:-6px 0 22px}.empty-state,.loading-state,.error-state{min-height:280px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:17px;text-align:center;color:#9299a5;line-height:1.8;padding:35px 15px}.empty-state svg,.error-state svg{width:34px;height:34px;color:#626c7b}.empty-state h2,.error-state h2{font-size:18px;color:#d0d3d9;font-weight:550}.empty-state p,.error-state p{font-size:12px;max-width:460px}.spinner{display:block;width:25px;height:25px;border:2px solid #3b3f47;border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.watch-breadcrumb{display:flex;align-items:center;gap:8px;color:#878e9b;font-size:11px;margin-bottom:20px}.watch-breadcrumb svg{width:13px;height:13px}.watch-breadcrumb a:hover{color:var(--accent)}.watch-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;align-items:start}.video-stage{position:relative;aspect-ratio:16/9;background:#050608;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid #24272e}.video-stage video{display:block;width:100%;height:100%;object-fit:contain}.play-message{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#0e1014f5;padding:25px;text-align:center;color:#c4c9d2;z-index:2}.play-message.hidden{display:none}.play-message p{font-size:12px;line-height:1.9;color:#969fac;max-width:400px}.play-message h2{font-size:18px}.player-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 1px;color:#9098a6;font-size:10px}.player-status{display:flex;align-items:center;gap:6px;min-width:0}.player-status i{display:block;flex:none;background:#82a791;width:5px;height:5px;border-radius:50%}.playback-actions{display:flex;align-items:center;gap:10px}.playback-actions button{padding:5px 8px;border:1px solid #31353e;background:#1b1e25;border-radius:4px;font-size:10px;color:#afb6c3;white-space:nowrap}.playback-actions select{padding:5px;background:#1b1e25;border:1px solid #31353e;border-radius:4px;font-size:10px;color:#afb6c3}.video-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-top:18px}.video-heading h1{font-size:24px;line-height:1.5;font-weight:600}.video-heading .secondary-button{white-space:nowrap;margin-top:5px}.video-meta{display:flex;flex-wrap:wrap;gap:10px;font-size:11px;color:#9098a6;margin:13px 0 20px}.meta-badge{background:#242630;color:#c9c9d3;padding:3px 7px;border-radius:4px}.program-description{font-size:11px;color:#9299a6;line-height:2;padding:16px 20px;border:1px solid #2b2e35;border-radius:8px;background:#17191e}.program-description strong{font-weight:500;color:#c7cbd3}.episode-panel{background:#17191e;border:1px solid #2b2e35;border-radius:10px;overflow:hidden}.episode-panel-head{padding:20px 18px 16px}.episode-panel h2{font-size:16px;font-weight:550}.episode-panel h2 small{font-size:10px;font-weight:400;color:#949ba8;margin-left:7px}.episode-caption{font-size:10px;color:#7f8796;line-height:1.7;margin-top:10px}.episode-controls{display:flex;align-items:center;gap:8px;margin-top:15px}.episode-search{background:#24272e;border:1px solid #343843;border-radius:5px;min-width:0;width:100%;font-size:11px;color:#c9ced7;padding:8px 10px}.episode-order{background:#24272e;border:1px solid #343843;padding:6px 9px;border-radius:5px;white-space:nowrap;font-size:11px;color:#b0b8c7}.episode-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0 18px 18px;max-height:452px;overflow:auto;scrollbar-width:thin;scrollbar-color:#434954 transparent}.episode-button{border:1px solid #333742;background:#22252d;color:#aab2c0;border-radius:5px;padding:11px 4px;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-height:37px}.episode-button:hover{border-color:#ab6753;color:#e8b8a9}.episode-button.active{background:#3e2b25;border-color:#92604f;color:#ffa583}.episode-more{display:block;margin:0 18px 18px;width:calc(100% - 36px);background:#272b34;color:#aeb8c9;border-radius:5px;padding:10px;font-size:11px}.source-picker{margin:10px 0 4px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:11px;color:#939ba8}.source-button{background:#22252c;border:1px solid #343843;color:#b7bfce;padding:7px 10px;border-radius:5px;font-size:10px}.source-button.active{background:#363028;border-color:#665744;color:#f1d3a5}.watch-related{margin-top:34px}.watch-related .program-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.watch-empty{padding:35px 10px;text-align:center;color:#8c95a4;font-size:11px;grid-column:1/-1}.pending-label{color:#c7a981}.view-tabs{display:flex;gap:18px;border-bottom:1px solid #292d35;margin-bottom:23px}.view-tab{background:none;padding:0 0 12px;color:#888f9d;font-size:12px;border-bottom:2px solid transparent}.view-tab.active{border-bottom-color:var(--accent);color:#eea087}#toast{position:fixed;left:calc(50% + 104px);bottom:35px;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#363a43;color:#f1f2f5;border:1px solid #555b65;border-radius:9px;padding:12px 20px;font-size:12px;box-shadow:0 10px 30px #0005;transition:opacity .2s,transform .2s;z-index:100;max-width:85vw;text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1650px){.program-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.hero{min-height:330px}.hero h2{font-size:40px}.hero-copy{padding:40px 45px}}
@media(max-width:1250px){:root{--sidebar:180px}.sidebar{padding:28px 12px 16px}.brand{padding-left:10px;font-size:22px}.topbar{padding:0 28px}main{padding:28px}.program-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.watch-layout{grid-template-columns:minmax(0,1fr) 268px;gap:17px}.watch-related .program-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero h2{font-size:29px}.hero-copy{padding:30px}.episode-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.video-heading h1{font-size:21px}.video-heading .secondary-button{padding:9px}.hero{min-height:280px}.hero-description{max-width:80%}}
@media(max-width:1000px){:root{--sidebar:75px}.sidebar{padding:26px 10px 18px}.brand{padding:0;justify-content:center;margin-bottom:32px}.brand>span:last-child,.nav-label,.sidebar-bottom,.sidebar-divider,.source-nav,.nav-count,.nav-active-dot{display:none!important}#navigation a{font-size:0;padding:15px;justify-content:center}#navigation a svg{width:21px;height:21px}.topbar{height:72px}.watch-layout{grid-template-columns:minmax(0,1fr)}.episode-grid{grid-template-columns:repeat(8,minmax(0,1fr));max-height:225px}.episode-panel-head{padding:18px}.episode-controls{max-width:300px}.watch-related .program-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.resume-list{grid-template-columns:repeat(2,minmax(0,1fr))}.resume-list .resume-card:nth-child(3){display:none}#toast{left:calc(50% + 37px)}}
@media(max-width:650px){:root{--sidebar:0px}.sidebar{inset:auto 0 0;width:auto;height:65px;padding:3px 12px;background:#17191df5;border-top:1px solid #30333b;border-right:0;backdrop-filter:blur(18px)}.sidebar .brand{display:none}#navigation{flex-direction:row;justify-content:space-around}#navigation a{flex-direction:column;padding:8px 14px;gap:4px;font-size:9px;border-radius:7px;min-width:58px}#navigation a svg{width:19px;height:19px}#navigation a.active{background:transparent;color:var(--accent)}.topbar{height:68px;padding:0 18px;gap:14px}.mobile-brand{display:block;flex:none;font-size:19px;font-weight:650;letter-spacing:1px}.mobile-brand span{font-size:6px;color:var(--accent);vertical-align:top;margin-left:3px}.topbar-right{gap:8px}.topbar-right .local-label,.avatar{display:none}.search-box{max-width:none;width:100%;padding:9px 11px;border-radius:7px;gap:7px}.search-box input{font-size:11px}.search-box kbd{display:none}.search-box svg{width:15px;flex:none}.icon-button svg{width:17px;height:17px}main{padding:24px 18px 32px}.page-intro{margin-bottom:19px}.page-intro h1{font-size:22px}.page-intro p{font-size:11px}.page-intro .eyebrow{font-size:9px;letter-spacing:1.6px}.library-summary{font-size:9px;max-width:100px}.hero{min-height:280px;margin-bottom:25px;border-radius:11px}.hero-copy{padding:25px 22px;max-width:97%}.hero h2{font-size:26px;max-width:90%}.hero-image{width:100%;opacity:.6}.hero::after{background:linear-gradient(90deg,#21252cf2,#21252cc9 35%,#16171d60)}.hero-meta{font-size:10px;gap:7px;margin:13px 0}.hero-description{font-size:10px;max-width:85%}.hero-kicker{font-size:9px;margin-bottom:14px}.hero-actions{margin-top:21px}.hero-actions .primary-button,.hero-actions .secondary-button{font-size:11px;padding:10px 13px}.hero-corner{font-size:7px;bottom:12px;right:14px}.section-heading{margin-bottom:15px}.section-heading h2{font-size:16px}.section-heading h2 small{display:none}.program-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.card-image{border-radius:7px;aspect-ratio:16/10}.poster-type{padding:18px 15px}.poster-type::before{top:13px;left:15px;width:19px}.poster-type .poster-title{font-size:17px;letter-spacing:.5px;-webkit-line-clamp:2}.poster-type small{bottom:12px;font-size:6px}.card-format{font-size:8px;top:6px;left:6px}.card-status{font-size:8px;right:6px;bottom:7px}.card-info{padding-top:9px}.card-info h3{font-size:11px}.card-subtitle{font-size:9px;gap:4px;flex-wrap:wrap;margin-top:5px}.card-save{top:7px}.card-save svg{width:13px;height:13px}.filters{gap:9px;margin-bottom:18px}.chip{padding:7px 11px;font-size:10px}.sort-select{font-size:10px;max-width:95px;padding:7px 5px}.resume-list{grid-template-columns:minmax(0,1fr)}.resume-list .resume-card:nth-child(n+2){display:none}.resume-block{margin-bottom:24px}footer{padding:18px 18px 90px;font-size:9px;flex-direction:column;gap:8px}#toast{left:50%;bottom:80px}.watch-layout{gap:20px}.watch-breadcrumb{font-size:10px;margin-bottom:16px}.player-toolbar{flex-wrap:wrap}.video-heading{margin-top:10px;gap:10px}.video-heading h1{font-size:19px}.video-heading .secondary-button{font-size:10px;padding:8px}.video-meta{font-size:10px;margin:12px 0}.episode-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;max-height:270px;padding:0 14px 14px}.episode-panel-head{padding:16px 14px}.episode-button{padding:10px 3px;font-size:10px}.watch-related .program-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.program-description{padding:13px 15px;font-size:10px}.play-message{gap:10px;padding:15px}.play-message h2{font-size:15px}.play-message p{font-size:10px}.play-message .primary-button{font-size:11px;padding:9px 14px}.view-tabs{gap:22px}.view-tab{font-size:11px}.result-note{font-size:10px}.empty-state{min-height:260px}.source-picker{font-size:10px}}
.playback-actions{flex-wrap:wrap}.playback-actions #quality-select{max-width:200px;color:#efb399;border-color:#665246}
.recommendation-refresh{flex:none;gap:7px;padding:9px 13px;white-space:nowrap;font-size:12px}.recommendation-refresh svg{width:15px;height:15px}.recommendation-refresh:disabled{opacity:.4;cursor:default}.recommendation-note{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:19px}.recommendation-note .result-note{margin:0}.recommendation-note button{background:none;border:0;cursor:pointer;font-size:11px}.recommendation-meta{display:flex;align-items:center;gap:8px;margin-top:10px;padding-top:9px;border-top:1px solid #ffffff0c;color:#999ca5;font-size:11px;min-height:32px}.recommendation-meta>span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recommendation-meta button{flex:none;margin-left:auto;padding:6px 3px;background:none;border:0;color:#969aa5;cursor:pointer;font-size:11px}.recommendation-meta button:hover,.recommendation-meta button:focus-visible{color:var(--accent)}
@media(max-width:650px){.recommendation-refresh{padding:8px 9px;font-size:10px;gap:5px}.recommendation-note{align-items:flex-start;flex-direction:column;gap:8px}.recommendation-note button{font-size:10px}.recommendation-meta{flex-wrap:wrap;gap:3px;margin-top:6px;padding-top:6px;font-size:9px}.recommendation-meta>span{width:100%}.recommendation-meta button{padding:6px 0;font-size:10px;margin-left:0}}
.category-navigation{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:-4px 0 30px}.category-tile{--category-accent:#9ca3af;--category-glow:#9ca3af20;position:relative;isolation:isolate;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:1fr auto;align-items:center;gap:0 11px;min-height:92px;padding:15px 14px;overflow:hidden;text-align:left;border:1px solid #ffffff12;border-radius:12px;background:linear-gradient(145deg,#1f2229,#17191e);color:#eef0f3;box-shadow:inset 0 1px #ffffff08,0 8px 24px #00000018;transition:transform .2s,border-color .2s,box-shadow .2s}.category-tile::before{content:"";position:absolute;z-index:-1;width:100px;height:100px;left:-34px;top:-45px;border-radius:50%;background:var(--category-glow);filter:blur(2px)}.category-tile:hover{transform:translateY(-3px);border-color:var(--category-accent);box-shadow:inset 0 1px #ffffff0d,0 12px 30px #0004}.category-tile:focus-visible{outline:2px solid var(--category-accent);outline-offset:2px}.category-icon{grid-row:1/3;width:39px;height:39px;display:grid;place-items:center;border-radius:11px;background:var(--category-glow);color:var(--category-accent);border:1px solid currentColor}.category-icon svg{width:20px;height:20px}.category-copy{min-width:0;display:flex;flex-direction:column;gap:4px}.category-copy small{font-size:7px;line-height:1;letter-spacing:1.1px;color:#777e89}.category-copy strong{font-size:14px;font-weight:600;letter-spacing:.5px}.category-count{align-self:start;justify-self:end;font-size:13px;font-weight:650;color:#d9dce2}.category-count small{margin-left:2px;font-size:8px;font-weight:400;color:#6f7580}.category-arrow{grid-column:3;grid-row:2;align-self:end;color:#626975;transition:transform .2s,color .2s}.category-arrow svg{width:13px;height:13px}.category-tile:hover .category-arrow{transform:translateX(3px);color:var(--category-accent)}.category-coral{--category-accent:#ff896a;--category-glow:#ff795426}.category-amber{--category-accent:#e7ae65;--category-glow:#e7ae6522}.category-rose{--category-accent:#dc8296;--category-glow:#dc829622}.category-blue{--category-accent:#75a8d6;--category-glow:#75a8d622}.category-violet{--category-accent:#a88ad6;--category-glow:#a88ad622}.category-slate{--category-accent:#98a2b2;--category-glow:#98a2b21d}.category-shelf{margin:0 0 34px;scroll-margin-top:90px}.category-heading{display:flex;align-items:baseline;gap:10px;margin-bottom:15px}.category-heading h3{font-size:16px;font-weight:580;letter-spacing:.4px}.category-heading span{color:#777e89;font-size:10px}.category-shelf .program-grid{display:flex;grid-template-columns:none;gap:19px;overflow-x:auto;padding:0 0 13px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#3b3f47 transparent}.category-shelf .program-card{flex:0 0 calc((100% - 57px)/4);scroll-snap-align:start}
@media(min-width:1650px){.category-shelf .program-card{flex-basis:calc((100% - 76px)/5)}}
@media(max-width:1450px){.category-navigation{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1250px){.category-shelf .program-card{flex-basis:calc((100% - 38px)/3)}}
@media(max-width:650px){.category-navigation{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:24px}.category-tile{min-height:82px;padding:12px 11px;gap:0 9px}.category-icon{width:35px;height:35px;border-radius:10px}.category-icon svg{width:18px;height:18px}.category-copy small{font-size:6px}.category-copy strong{font-size:13px}.category-count{font-size:11px}.category-shelf{margin-bottom:28px}.category-heading{margin-bottom:12px}.category-heading h3{font-size:15px}.category-shelf .program-grid{gap:12px}.category-shelf .program-card{flex-basis:calc((100% - 12px)/2)}}
.category-shelf .program-card-spacer{flex:0 0 calc((100% - 57px)/4)}
@media(min-width:1650px){.category-shelf .program-card-spacer{flex-basis:calc((100% - 76px)/5)}}
@media(max-width:1250px){.category-shelf .program-card-spacer{flex-basis:calc((100% - 38px)/3)}}
@media(max-width:650px){.category-shelf .program-card-spacer{flex-basis:calc((100% - 12px)/2)}}
.category-shelf .program-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px;overflow:visible;padding:0 0 13px;scroll-snap-type:none}.category-shelf .program-card,.category-shelf .program-card-spacer{min-width:0;flex:none;scroll-snap-align:none}
@media(min-width:1650px){.category-shelf .program-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1250px){.category-shelf .program-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.category-shelf .program-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.catalogue-status{display:flex;align-items:center;gap:12px;margin-bottom:18px;padding:9px 12px;border:1px solid #343843;border-radius:6px;color:#a3a8b4;font-size:11px}.catalogue-status .text-link{background:none;padding:3px;color:var(--accent)}
/* A paper reveal on an open stage: no hero image, card wall or animation loop. */
.blindbox-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:40px;min-height:425px;padding:18px 0 32px;margin-bottom:32px;border-bottom:1px solid var(--line)}
.blindbox-intro{min-width:0;padding:12px 0 20px}
.blindbox-intro .eyebrow{color:#c7a996;font-size:10px;letter-spacing:3px;margin-bottom:25px;display:flex;align-items:center;gap:12px}
.blindbox-intro .eyebrow::before{content:"";display:block;width:30px;height:1px;background:#c7a996}
.blindbox-intro h1{font-size:clamp(30px,3.4vw,54px);font-weight:600;letter-spacing:-1.5px;line-height:1.48;color:#f4eee4}
.blindbox-intro h1 span{color:#ff997b}
.blindbox-intro-note{font-size:13px;line-height:2;color:#b0aca8;max-width:340px;margin:23px 0 0}
.blindbox-library-note{font-size:10px;color:#797f89;letter-spacing:.4px;margin-top:27px;line-height:1.9}
.blindbox-scene{position:relative;min-width:0;width:100%;max-width:430px;justify-self:center;padding:12px 25px 43px 8px;isolation:isolate}
.blindbox-orbit{position:absolute;inset:22% 8% 9% 6%;border:1px solid #5f534850;border-radius:50%;transform:rotate(-24deg);z-index:-1;pointer-events:none}
.blindbox-orbit::before{content:"✳";position:absolute;left:0;top:20%;font-size:28px;color:#cba389;transform:rotate(24deg)}
.blindbox-orbit::after{content:"只差一次好奇";position:absolute;bottom:-14px;left:12%;font-size:10px;letter-spacing:3px;color:#aa998b;transform:rotate(24deg)}
.blindbox-orbit>span{position:absolute;right:2%;top:-18px;font-size:8px;letter-spacing:2px;color:#a89987;transform:rotate(24deg)}
.blindbox-paper{position:relative;min-height:315px;background:#eee2ca;color:#312b29;padding:22px 24px 42px;transform:rotate(3deg);clip-path:polygon(0 0,91% 0,100% 9%,100% 96%,96% 100%,92% 97%,88% 100%,84% 97%,80% 100%,76% 97%,72% 100%,68% 97%,64% 100%,60% 97%,56% 100%,52% 97%,48% 100%,44% 97%,40% 100%,36% 97%,32% 100%,28% 97%,24% 100%,20% 97%,16% 100%,12% 97%,8% 100%,4% 97%,0 100%)}
.blindbox-paper::before{content:"";position:absolute;right:0;top:0;width:9%;aspect-ratio:1;background:#d4c5a9;clip-path:polygon(0 0,0 100%,100% 100%)}
.blindbox-paper-top{display:flex;justify-content:space-between;gap:12px;padding-bottom:13px;border-bottom:1px dashed #95867580;color:#756650;font:9px/1.5 "Segoe UI",sans-serif;letter-spacing:1.5px}
.blindbox-paper-top span:last-child{padding-right:8px;text-align:right}
.blindbox-content{min-height:230px;padding-top:18px}
.blindbox-caption{color:#7d6955;letter-spacing:2px;font-size:10px;line-height:1.7}
.blindbox-mark{font-family:Georgia,"Times New Roman",serif;font-size:130px;font-style:italic;line-height:1.2;font-weight:400;text-align:center;color:#b85f43;margin:-5px 0 -1px}
.blindbox-whisper{font-size:12px;line-height:1.9;color:#73624f;text-align:center;max-width:240px;margin:3px auto 0}
.blindbox-seal{position:absolute;right:2px;bottom:11px;width:104px;height:104px;border-radius:50%;background:#ef825f;color:#291c16;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;border:1px solid #ffb49a;box-shadow:0 0 0 5px #101114,0 0 0 6px #ef825f70;transform:rotate(-12deg);transition:transform .18s,background .18s;z-index:2}
.blindbox-seal::before{content:"↗";font-size:21px;line-height:1;font-weight:400}
.blindbox-seal-label{font-size:13px;letter-spacing:.5px;font-weight:650}
.blindbox-seal-note{font-size:8px;letter-spacing:1.5px;font-weight:400;opacity:.8}
.blindbox-seal:hover:not(:disabled){transform:rotate(-3deg) translateY(-3px);background:#ff9a78}
.blindbox-seal:disabled{cursor:wait;opacity:.75}
.blindbox-stage :is(button,a):focus-visible{outline:3px solid #ffaf86;outline-offset:6px}
.blindbox-paper :is(button,a):focus-visible{outline-color:#75422b;outline-offset:3px}
.blindbox-title{font-size:clamp(22px,2.2vw,30px);font-weight:650;line-height:1.4;letter-spacing:-.5px;margin:14px 0 12px;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.blindbox-reason{font-size:12px;line-height:1.8;color:#7c4734;margin-bottom:14px}
.blindbox-meta{display:flex;flex-wrap:wrap;gap:6px 10px;color:#756958;font-size:10px;line-height:1.8}
.blindbox-actions{display:flex;flex-wrap:wrap;gap:10px 14px;margin-top:19px;padding-bottom:8px}
.blindbox-watch.primary-button{border-radius:0;background:#302822;color:#fbefdb;font-size:11px;padding:10px 13px}
.blindbox-watch.primary-button:hover{background:#514034}
.blindbox-save.secondary-button{border:0;border-radius:0;background:none;color:#6e5946;padding:8px 0;font-size:11px}
.blindbox-save.secondary-button.saved{color:#9b3d22}
.blindbox-save.secondary-button:hover{color:#9b3d22;text-decoration:underline;text-underline-offset:5px}
.blindbox-stage[data-state="revealed"] .blindbox-content{animation:blindbox-reveal .26s ease-out both}
.blindbox-stage[data-state="revealed"] .blindbox-paper{transform:rotate(-1deg)}
.blindbox-stage[data-state="loading"] .blindbox-mark{color:#a8947f}
@keyframes blindbox-reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.home-library .section-heading h2{font-size:21px;font-weight:500;color:#e8ded0}
.home-library .category-navigation{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px 22px;counter-reset:category-index;margin:0 0 32px}
.home-library .category-tile{counter-increment:category-index;min-height:72px;padding:13px 0;border:0;border-bottom:1px solid #393631;border-radius:0;background:none;box-shadow:none;overflow:visible;gap:0 10px}
.home-library .category-tile::before{content:counter(category-index,decimal-leading-zero);position:static;z-index:auto;width:auto;height:auto;grid-row:1/3;background:none;border-radius:0;filter:none;color:#8c7863;font:italic 22px Georgia,serif;align-self:center}
.home-library .category-tile:hover{transform:none;border-bottom-color:var(--category-accent);background:none;box-shadow:none}
.home-library .category-icon{display:none}
.home-library .category-copy strong{font-weight:500}
.home-library .category-count{font-size:11px;font-weight:400;color:#959088}
/* Homepage programme covers use the shared rectangular card style. */
.shelf-dedup-note{font-size:11px;line-height:1.8;color:#9397a3;padding:0 0 16px}
.category-shelf [hidden]{display:none!important}
.shelf-more{background:none;padding:7px 0;color:#b9a58e;border-bottom:1px solid #6f5e4b}
.shelf-more:hover{border-bottom-color:var(--accent)}
.home-library .chip{background:none;border:0;border-bottom:1px solid transparent;border-radius:0;padding:7px 1px;margin-right:15px}
.home-library .chip.active{color:#ff997b;border-bottom-color:#ff997b;background:none}
.home-library .chip:hover:not(.active){color:#f0d4be;background:none}
@media(max-width:1100px){.blindbox-stage{gap:18px}.blindbox-intro h1{font-size:34px;letter-spacing:-1px}.blindbox-paper{padding:20px 20px 42px}.blindbox-scene{padding-right:17px}.blindbox-seal{width:95px;height:95px;right:0}.blindbox-intro-note{font-size:12px}}
@media(max-width:760px){.blindbox-stage{grid-template-columns:minmax(0,1fr);gap:6px;padding-top:0;margin-bottom:26px;min-height:0}.blindbox-intro{padding:8px 0}.blindbox-intro .eyebrow{margin-bottom:14px}.blindbox-intro h1{font-size:34px;line-height:1.4}.blindbox-intro-note{margin-top:14px;max-width:none}.blindbox-library-note{margin-top:12px}.blindbox-scene{max-width:360px;padding:18px 25px 43px 10px;margin:10px 0 12px}.blindbox-paper{min-height:300px}.blindbox-content{min-height:212px}.blindbox-mark{font-size:115px}.blindbox-orbit::after{left:7%}.home-library .section-heading h2 small{display:block;margin:8px 0 0;line-height:1.5}.home-library .category-navigation{gap:8px 18px}}
@media(prefers-reduced-motion:reduce){.blindbox-stage *{animation:none!important;transition:none!important}}