:root{--accent:#ff8a00;--accent2:#ffd36a;--dark:#25170b;--bg:#f6f7fb;--card:#fff;--text:#141824;--muted:#71798a;--line:#e6e9f0;--shadow:0 14px 34px rgba(18,24,38,.09);--radius:16px}*{box-sizing:border-box}html,body{margin:0;overflow-x:hidden}body{background:var(--bg);color:var(--text);font:15px/1.65 "Microsoft YaHei","PingFang SC",Arial,sans-serif}a{text-decoration:none;color:inherit}img,video,iframe{max-width:100%;display:block}ul,ol{list-style:none;margin:0;padding:0}button,input{font:inherit}.container{width:min(1280px,calc(100% - 40px));margin:0 auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.topbar{min-height:70px;display:grid;grid-template-columns:auto minmax(0,1fr) minmax(220px,360px);gap:18px;align-items:center}.brand{display:flex;align-items:center;gap:10px;font-weight:900}.brand img{width:128px;height:44px;object-fit:contain}.main-nav{display:flex;gap:4px;overflow:auto;white-space:nowrap;scrollbar-width:none}.main-nav::-webkit-scrollbar{display:none}.main-nav a{display:inline-flex;align-items:center;min-height:38px;padding:0 13px;border-radius:999px;font-weight:800;color:#303849}.main-nav a:hover,.main-nav a.active{background:color-mix(in srgb,var(--accent) 12%,#fff);color:var(--accent)}.search-form{height:42px;display:flex;border:1px solid var(--line);border-radius:999px;background:#fff;overflow:hidden}.search-form input{min-width:0;flex:1;border:0;outline:0;padding:0 15px}.search-form button,.primary-btn{border:0;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;font-weight:900;padding:0 18px}.nav-toggle{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:#fff}.nav-toggle span{display:block;height:2px;margin:5px 9px;background:var(--text)}.main{padding:22px 0 38px}.hero{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;margin-bottom:20px}.hero-main,.hero-rank,.section,.filter-panel,.list-title,.detail-hero,.play-head,.player-stage{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.hero-main{position:relative;min-height:420px;overflow:hidden;background:var(--dark)}.hero-copy{position:absolute;left:26px;top:24px;z-index:3;color:#fff}.hero-copy h1{font-size:34px;margin:0;line-height:1.15}.hero-copy span{opacity:.78}.eyebrow{margin:0 0 5px;color:var(--accent);font-weight:900}.hero-viewport{position:absolute;inset:0;overflow:hidden}.hero-track{height:100%;display:flex!important;gap:0!important;transition:transform .48s ease}.hero-track>li{position:relative;flex:0 0 100%;height:100%;min-height:420px}.hero-track .img-x{position:absolute!important;inset:0;width:100%;height:100%;border-radius:0!important;box-shadow:none!important}.hero-track .img-x:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.20)),linear-gradient(0deg,rgba(0,0,0,.72),transparent 55%);z-index:1}.hero-track img{width:100%;height:100%;object-fit:cover}.hero-track h2,.hero-track h3,.hero-track p,.hero-cta{position:relative;z-index:3;max-width:520px;margin-left:26px}.hero-track h2,.hero-track h3{padding-top:230px;margin-bottom:8px;color:#fff;font-size:32px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hero-track p{color:rgba(255,255,255,.78);white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hero-cta{display:inline-flex;align-items:center;min-height:40px;margin-top:16px;padding:0 20px;border-radius:999px;background:var(--accent);color:#fff;font-weight:900}.hero-arrow{position:absolute;top:50%;z-index:4;transform:translateY(-50%);width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,255,255,.9);font-size:30px}.hero-arrow.prev{left:14px}.hero-arrow.next{right:14px}.hero-dots{position:absolute;left:26px;bottom:22px;z-index:4;display:flex;gap:8px}.hero-dots button{width:9px;height:9px;border:0;border-radius:99px;background:rgba(255,255,255,.45)}.hero-dots button.active{width:26px;background:var(--accent)}.hero-rank{padding:18px;overflow:hidden}.hero-rank h2{margin:0 0 12px}.side-list{display:grid;gap:10px}.side-list>li{display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px;align-items:center}.side-list .img-x{width:76px;aspect-ratio:2/3}.side-list h2,.side-list h3{font-size:14px;margin:0 0 4px}.side-list p{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:20px}.channel-grid a{padding:15px;border-radius:var(--radius);background:linear-gradient(135deg,#fff,color-mix(in srgb,var(--accent) 10%,#fff));border:1px solid var(--line)}.channel-grid b,.channel-grid span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-grid span{font-size:12px;color:var(--muted)}.section{padding:20px;margin-bottom:20px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.section-head h2{margin:0;font-size:26px}.section-head span{color:var(--muted);font-size:13px}.section-head a,.ghost-btn{display:inline-flex;align-items:center;min-height:34px;padding:0 13px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--accent);font-weight:800}.movie-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.movie-grid>li{min-width:0}.movie-grid .img-x,.movie-grid .poster,.movie-grid .movie-poster{position:relative;display:block;aspect-ratio:2/3;overflow:hidden;border-radius:14px;background:#e7ebf2;box-shadow:0 10px 24px rgba(20,24,36,.10)}.movie-grid img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.movie-grid .img-x:hover img{transform:scale(1.045)}.movie-grid h2,.movie-grid h3{margin:10px 2px 4px;font-size:15px;line-height:1.38;min-height:42px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.movie-grid p{margin:0 2px;color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tag,.poster-score,.tpjb{position:absolute;z-index:2;border-radius:999px;padding:4px 7px;font-size:12px;line-height:1;color:#fff;background:var(--accent)}.tag.hd{left:8px;top:8px}.poster-score,.tag.new{right:8px;top:8px;background:var(--accent2)}.tpjb{left:8px;bottom:8px;background:rgba(0,0,0,.62)}.crumb{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);margin-bottom:14px}.list-title{padding:20px;margin-bottom:16px}.list-title h1{margin:0;font-size:30px}.filter-panel{padding:16px;margin-bottom:18px}.filter-row{display:grid;grid-template-columns:52px minmax(0,1fr);gap:10px;padding:8px 0;border-bottom:1px dashed var(--line)}.filter-row:last-child{border-bottom:0}.filter-scroll,.type-filter .menu_2{display:flex;flex-wrap:wrap;gap:8px}.filter-scroll a,.type-filter .menu_2 a{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;background:#f4f6fa;color:#3b4352}.filter-scroll a.active,.filter-scroll a:hover,.type-filter .menu_2 a.active,.type-filter .menu_2 a:hover{background:var(--accent);color:#fff}.list-pager,.pagination{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:24px}.list-pager a,.list-pager span,.pagination a,.pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:38px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:#fff}.detail-hero{display:grid;grid-template-columns:260px minmax(0,1fr);gap:26px;padding:22px}.detail-poster{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:16px;box-shadow:var(--shadow)}.detail-info h1{font-size:34px;margin:0}.tags{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.tags span{padding:5px 10px;border-radius:99px;background:color-mix(in srgb,var(--accent) 12%,#fff);color:var(--accent);font-weight:800}.detail-info dl{display:grid;gap:8px}.detail-info dl div{display:grid;grid-template-columns:46px minmax(0,1fr);gap:10px}.detail-info dt{color:var(--muted);font-weight:800}.detail-info dd{margin:0;word-break:break-word}.detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.primary-btn{display:inline-flex;align-items:center;min-height:42px;border-radius:999px}.summary-text{max-height:116px;overflow:hidden;color:#3a4250}.is-expanded .summary-text{max-height:none}.summary-toggle{margin-top:10px;border:1px solid var(--line);border-radius:99px;background:#fff;color:var(--accent);font-weight:800;padding:7px 12px}.play-head{padding:18px;margin-bottom:16px}.play-head h1{margin:0;font-size:26px}.player-stage{padding:16px;background:var(--dark);border-color:var(--dark);margin-bottom:18px}.player-wrap{position:relative;width:100%;max-width:1200px;margin:0 auto;aspect-ratio:16/9;overflow:hidden;background:#000;border-radius:14px}.player-wrap video,.player-wrap iframe,.player-wrap object,.player-wrap embed,.player-wrap .MacPlayer,.player-wrap #player,.player-wrap .player-tip{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border:0!important;background:#000}.play-list .player-lines,.play-list .episode-grid,.play-list .episodes{display:flex!important;flex-wrap:wrap;gap:8px}.play-list a,.source-btn{display:inline-flex!important;align-items:center;justify-content:center;min-height:36px;min-width:58px;max-width:160px;padding:6px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.play-list a.active,.play-list a:hover{background:var(--accent);color:#fff}.danmu-toggle{position:absolute;right:12px;top:12px;z-index:5;border:0;border-radius:99px;background:rgba(255,255,255,.9);padding:6px 10px}.danmu-layer{display:none;position:absolute;left:8%;top:20%;z-index:4;color:#fff;text-shadow:0 1px 3px #000}.danmu-on .danmu-layer{display:block}.empty-state{display:none;padding:24px;text-align:center;color:var(--muted)}.site-footer{margin-bottom:24px;padding:20px;border-radius:var(--radius);background:var(--dark);color:#dce3ef}.site-footer div{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.back-top{position:fixed;right:20px;bottom:22px;width:42px;height:42px;border:0;border-radius:50%;background:var(--accent);color:#fff;font-weight:900;opacity:0;pointer-events:none;transform:translateY(8px);transition:.2s}.back-top.show{opacity:1;pointer-events:auto;transform:none}@media(max-width:1199px){.hero{grid-template-columns:1fr}.hero-rank .side-list{grid-template-columns:repeat(3,1fr)}.movie-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:767px){.container{width:calc(100% - 24px)}.topbar{grid-template-columns:auto auto}.nav-toggle{display:block;justify-self:end}.main-nav,.search-form{grid-column:1/-1}.main-nav{display:none}.site-header.open .main-nav{display:flex}.hero-main,.hero-track>li{min-height:330px}.hero-track h2,.hero-track h3{padding-top:165px;font-size:23px;margin-left:18px}.hero-track p,.hero-cta{margin-left:18px;max-width:calc(100% - 36px)}.hero-arrow{display:none}.hero-rank .side-list{grid-template-columns:1fr}.channel-grid{grid-template-columns:repeat(3,1fr)}.movie-grid{grid-template-columns:repeat(3,1fr);gap:10px}.section,.filter-panel,.list-title,.detail-hero,.play-head,.player-stage{padding:14px}.detail-hero{grid-template-columns:1fr}.poster-wrap{max-width:210px}.filter-scroll,.type-filter .menu_2{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.filter-scroll::-webkit-scrollbar,.type-filter .menu_2::-webkit-scrollbar{display:none}.player-stage{width:calc(100% + 24px);margin-left:-12px;border-radius:0}.player-wrap{border-radius:0}.play-list a{min-height:36px;max-width:126px}.site-footer div{display:block}}@media(max-width:480px){.movie-grid{grid-template-columns:repeat(2,1fr)}.channel-grid{grid-template-columns:repeat(2,1fr)}.hero-main,.hero-track>li{min-height:300px}.hero-track h2,.hero-track h3{padding-top:145px;font-size:21px}.side-list>li{grid-template-columns:64px minmax(0,1fr)}}

/* platform polish: mgtv-style compact focus window */
body.page-home{background:linear-gradient(180deg,#fff6e8 0,#f7f8fb 300px,#f6f7fb 100%)}
.site-header{box-shadow:0 8px 28px rgba(255,138,0,.08)}
.hero-main{height:360px;min-height:0;background:linear-gradient(135deg,#2b1705,#8a4c00)}
.channel-grid a{border-color:rgba(255,138,0,.18)}

/* compact carousel and rendered-card compatibility */
.hero{align-items:start}.hero-main{max-height:380px}.hero-viewport,.hero-track{height:100%}.hero-track{align-items:stretch}.hero-track>li{position:relative;flex:0 0 100%;height:100%;min-height:0!important;display:block!important;overflow:hidden;background:var(--dark)}
.hero-track .rank-num{position:absolute;left:26px;top:102px;z-index:4;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;font-weight:900}
.hero-track .rank-pic,.hero-track .img-x,.hero-track .poster,.hero-track .movie-poster{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;border-radius:0!important;box-shadow:none!important;overflow:hidden;background:var(--dark)!important}
.hero-track .rank-pic:after,.hero-track .img-x:after,.hero-track .poster:after,.hero-track .movie-poster:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(0,0,0,.78) 0,rgba(0,0,0,.34) 45%,rgba(0,0,0,.12) 100%),linear-gradient(0deg,rgba(0,0,0,.72),transparent 58%)}
.hero-track img{width:100%!important;height:100%!important;object-fit:cover!important;filter:saturate(1.05);transform:scale(1.01)}
.hero-track .rank-info,.hero-track .movie-info,.hero-track .info{position:absolute;left:26px;right:30px;bottom:58px;z-index:3;max-width:560px;color:#fff}
.hero-track .rank-title,.hero-track h2 a,.hero-track h3 a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#fff;font-size:30px;line-height:1.2;font-weight:900;text-shadow:0 2px 10px rgba(0,0,0,.35)}
.hero-track .rank-info p,.hero-track .movie-info p,.hero-track .info p{margin:10px 0 0;color:rgba(255,255,255,.78);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-track h2,.hero-track h3{padding-top:0;margin:0}.hero-cta{position:absolute!important;left:26px;bottom:18px;margin:0!important;z-index:4}
.hero-copy{top:22px}.hero-copy h1{font-size:28px}.hero-rank{max-height:380px}.side-list{gap:9px}.side-list>li{grid-template-columns:64px minmax(0,1fr);min-height:88px}.side-list .img-x{width:64px}.side-list h2,.side-list h3{font-size:13px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.side-list p{font-size:12px}.movie-grid h2,.movie-grid h3{font-weight:800;min-height:40px}.movie-grid p{line-height:1.45}
@media(max-width:1199px){.hero-main{height:340px;max-height:340px}.hero-rank{max-height:none}.hero-rank .side-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){.hero-main{height:255px!important;max-height:255px}.hero-track .rank-num{left:18px;top:76px;width:28px;height:28px}.hero-copy{left:18px;top:18px}.hero-copy h1{font-size:22px}.hero-copy span{font-size:12px}.hero-track .rank-info,.hero-track .movie-info,.hero-track .info{left:18px;right:18px;bottom:48px}.hero-track .rank-title,.hero-track h2 a,.hero-track h3 a{font-size:22px}.hero-track .rank-info p{font-size:12px}.hero-cta{left:18px;bottom:14px;min-height:34px;padding:0 14px}.hero-dots{left:18px;bottom:12px}.hero-rank .side-list{grid-template-columns:1fr}.side-list>li{grid-template-columns:58px minmax(0,1fr);min-height:78px}.side-list .img-x{width:58px}}
@media(max-width:480px){.hero-main{height:230px!important;max-height:230px}.hero-track .rank-title,.hero-track h2 a,.hero-track h3 a{font-size:20px}.hero-copy h1{font-size:20px}}

/* side hot list layout fix */
.hero-rank{padding:20px}.hero-rank h2{font-size:24px;line-height:1.2;margin:0 0 14px;color:var(--text)}
.side-list>li{position:relative;display:grid!important;grid-template-columns:72px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:12px;row-gap:4px;align-items:start;min-height:108px;padding:0 0 12px;border-bottom:1px solid var(--line)}
.side-list>li:last-child{border-bottom:0;padding-bottom:0}.side-list .img-x,.side-list .rank-pic,.side-list .poster,.side-list .movie-poster{grid-column:1!important;grid-row:1/3!important;width:72px!important;aspect-ratio:2/3!important;border-radius:8px!important;overflow:hidden;background:#eef1f6;box-shadow:0 6px 16px rgba(20,24,36,.10)}
.side-list img{width:100%!important;height:100%!important;object-fit:cover!important}.side-list h2,.side-list h3,.side-list .rank-title{grid-column:2!important;grid-row:1!important;align-self:end;margin:4px 0 0!important;font-size:14px!important;line-height:1.35!important;font-weight:800;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}
.side-list h2 a,.side-list h3 a{color:inherit}.side-list p,.side-list .rank-info p{grid-column:2!important;grid-row:2!important;margin:0!important;color:var(--muted)!important;font-size:12px!important;line-height:1.45!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-list .tag,.side-list .poster-score,.side-list .tpjb{display:none!important}
@media(max-width:1199px){.hero-rank .side-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.side-list>li{min-height:96px}}
@media(max-width:767px){.hero-rank h2{font-size:20px}.hero-rank .side-list{grid-template-columns:1fr}.side-list>li{grid-template-columns:64px minmax(0,1fr)!important;min-height:92px}.side-list .img-x,.side-list .rank-pic,.side-list .poster,.side-list .movie-poster{width:64px!important}}

/* hot grid rank-card compatibility fix */
.movie-grid>li{position:relative!important;min-width:0;overflow:visible}.movie-grid>li>.tag,.movie-grid>li>.poster-score,.movie-grid>li>.tpjb{display:none!important}
.movie-grid .rank-pic{position:relative!important;display:block!important;width:100%!important;aspect-ratio:2/3!important;overflow:hidden;border-radius:14px;background:#e7ebf2;box-shadow:0 10px 24px rgba(20,24,36,.10)}
.movie-grid .rank-pic img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;transition:transform .25s ease}.movie-grid .rank-pic:hover img{transform:scale(1.045)}
.movie-grid .rank-num{position:absolute!important;left:8px!important;top:8px!important;z-index:3;display:inline-flex!important;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;font-size:12px;font-weight:900;box-shadow:0 4px 12px rgba(0,0,0,.16)}
.movie-grid .rank-info{display:block!important;min-width:0}.movie-grid .rank-title{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:10px 2px 4px;color:var(--text);font-size:15px;line-height:1.38;font-weight:800;min-height:42px;word-break:break-word}.movie-grid .rank-info p{margin:0 2px!important;color:var(--muted)!important;font-size:13px!important;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.section.hot .movie-grid{align-items:start}.section.hot .movie-grid .img-x,.section.hot .movie-grid .poster,.section.hot .movie-grid .movie-poster,.section.hot .movie-grid .rank-pic{background:#edf1f7}

/* polished comment system */
.vod-comments{margin:22px 0;padding:22px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.vod-comments h2{display:flex;align-items:center;gap:10px;margin:0 0 18px;color:var(--text);font-size:24px;line-height:1.25;font-weight:900}.vod-comments h2:before{content:"";width:4px;height:22px;border-radius:6px;background:linear-gradient(180deg,var(--accent),var(--accent2))}
.comment-item{display:grid!important;grid-template-columns:44px minmax(0,1fr);gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}.comment-item:last-of-type{border-bottom:0}.comment-extra{display:none}.vod-comments.is-open .comment-extra{display:grid!important}
.comment-avatar{grid-column:1;grid-row:1;width:44px!important;height:44px!important;max-width:44px!important;max-height:44px!important;border-radius:50%;object-fit:cover;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 8px 18px rgba(20,24,36,.10);overflow:hidden;color:transparent}.comment-avatar.is-fallback{padding:0;background:#eef3fb}
.comment-body{grid-column:2;min-width:0}.comment-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 7px;line-height:1.4}.comment-name{color:var(--text);font-size:14px;font-weight:900}.comment-city,.comment-time{color:var(--muted);font-size:12px}.comment-city{padding:2px 7px;border-radius:999px;background:color-mix(in srgb,var(--accent) 9%,#fff);color:var(--accent);font-weight:700}.comment-content{margin:0;color:#2f3745;font-size:14px;line-height:1.75;word-break:break-word}
.comment-toggle{display:flex;align-items:center;justify-content:center;width:100%;min-height:42px;margin:16px 0 0;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--accent) 7%,#fff);color:var(--accent);font-size:14px;font-weight:900;cursor:pointer;transition:background .2s ease,transform .2s ease}.comment-toggle:hover{background:color-mix(in srgb,var(--accent) 13%,#fff);transform:translateY(-1px)}.comment-toggle:focus{outline:2px solid color-mix(in srgb,var(--accent) 28%,transparent);outline-offset:2px}
@media(max-width:767px){.vod-comments{padding:16px;margin:16px 0;border-radius:14px}.vod-comments h2{font-size:20px}.comment-item{grid-template-columns:40px minmax(0,1fr);gap:10px;padding:14px 0}.comment-avatar{width:40px!important;height:40px!important;max-width:40px!important;max-height:40px!important}.comment-meta{gap:6px}.comment-content{font-size:14px;line-height:1.7}.comment-toggle{min-height:44px}}

/* comment collapse state fix */
.vod-comments .comment-item.comment-extra{display:none!important}
.vod-comments.is-open .comment-item.comment-extra{display:grid!important}

/* mgtv_style 20260525: Mango TV inspired UI polish */
:root{--accent:#ff7a00;--accent2:#ffce2e;--accent-soft:#fff4e6;--dark:#20140a;--bg:#f7f8fc;--card:#fff;--text:#151923;--muted:#727b8c;--line:#eceff5;--shadow:0 14px 34px rgba(31,36,50,.08);--radius:18px}
body{background:linear-gradient(180deg,#fffaf3 0,#f7f8fc 260px,#f7f8fc 100%);color:var(--text);font-family:"PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif}
.container{width:min(1200px,calc(100% - 40px))}
.site-header{background:rgba(255,255,255,.92);box-shadow:0 8px 26px rgba(35,31,26,.05);border-bottom:1px solid rgba(255,138,0,.08)}
.topbar{min-height:72px;grid-template-columns:auto minmax(0,1fr) minmax(260px,360px)}
.brand{min-width:150px;color:#191d27;font-size:20px;letter-spacing:.2px}
.brand img{width:128px;height:44px;object-fit:contain;aspect-ratio:128/44}
.brand.no-logo img{display:none}.brand.no-logo span{display:inline}
.main-nav{gap:6px}
.main-nav a{min-height:40px;padding:0 15px;color:#343b4a;font-size:15px;border:1px solid transparent;transition:color .2s ease,background .2s ease,box-shadow .2s ease}
.main-nav a:hover,.main-nav a.active{background:linear-gradient(135deg,#fff0db,#fff8e9);border-color:#ffe1b8;color:var(--accent);box-shadow:0 8px 18px rgba(255,122,0,.10)}
.search-form{height:42px;border-color:#ffe0b2;background:#fff;box-shadow:0 8px 20px rgba(255,138,0,.08)}
.search-form input{color:#1f2633}.search-form input::placeholder{color:#a3aab8}
.search-form button,.primary-btn{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;border:0;box-shadow:0 10px 24px rgba(255,122,0,.22)}
.main{padding:24px 0 44px}
.hero{grid-template-columns:minmax(0,1fr) 318px;gap:20px;align-items:stretch;margin-bottom:22px}
.hero-main,.hero-rank,.section,.filter-panel,.list-title,.detail-hero,.play-head,.player-stage{border-color:rgba(255,138,0,.10);border-radius:22px;box-shadow:var(--shadow)}
.hero-main{min-height:430px;border:0;background:linear-gradient(135deg,#28190e,#17110d)}
.hero-copy{left:30px;top:28px}.hero-copy h1{font-size:38px;text-shadow:0 4px 18px rgba(0,0,0,.28)}.hero-copy span{display:block;margin-top:8px;color:rgba(255,255,255,.84)}
.hero-track>li{min-height:430px}.hero-track .img-x,.hero-track .rank-pic,.hero-track .poster,.hero-track .movie-poster{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border-radius:0!important;box-shadow:none!important;background:#24170d!important;overflow:hidden}
.hero-track .img-x:after,.hero-track .rank-pic:after,.hero-track .poster:after,.hero-track .movie-poster:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(37,23,11,.86),rgba(37,23,11,.34) 52%,rgba(37,23,11,.18)),linear-gradient(0deg,rgba(37,23,11,.76),transparent 58%)}
.hero-track img{width:100%!important;height:100%!important;object-fit:cover!important;filter:saturate(1.06) brightness(.93)}
.hero-track h2,.hero-track h3{padding-top:238px;margin-left:30px;color:#fff;font-size:34px;font-weight:900;text-shadow:0 4px 16px rgba(0,0,0,.35)}
.hero-track p{margin-left:30px;color:rgba(255,255,255,.84);line-height:1.65}
.hero-cta{margin-left:30px;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 12px 26px rgba(255,122,0,.28)}
.hero-arrow{background:rgba(255,255,255,.92);color:var(--accent);box-shadow:0 10px 22px rgba(36,29,20,.16);transition:transform .2s ease}.hero-arrow:hover{transform:translateY(-50%) scale(1.05)}
.hero-dots button.active{background:linear-gradient(90deg,var(--accent),var(--accent2))}
.hero-rank{padding:20px;background:linear-gradient(180deg,#fff,#fff9f1);max-height:none}.hero-rank h2{font-size:24px}.hero-rank h2:before,.section-head h2:before{content:"";display:inline-block;width:5px;height:20px;margin-right:9px;border-radius:99px;background:linear-gradient(180deg,var(--accent),var(--accent2));vertical-align:-3px}
.side-list{gap:12px}.side-list>li{grid-template-columns:70px minmax(0,1fr);padding:6px;border-radius:14px;transition:background .2s ease}.side-list>li:hover{background:#fff4e6}.side-list .img-x,.side-list .rank-pic,.side-list .poster,.side-list .movie-poster{width:70px!important;aspect-ratio:2/3;overflow:hidden;border-radius:12px;background:#edf1f7}
.side-list img{width:100%!important;height:100%!important;object-fit:cover!important}.side-list h2,.side-list h3,.side-list .rank-title{font-size:14px;font-weight:800;line-height:1.42;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.side-list p,.side-list .rank-info p{font-size:12px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;overflow:hidden}
.channel-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.channel-grid a{padding:18px;border-radius:18px;background:linear-gradient(135deg,#fff,#fff3df);border-color:#ffe6c6;transition:transform .2s ease,box-shadow .2s ease}.channel-grid a:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(255,122,0,.13)}.channel-grid b{font-size:16px}.channel-grid span{margin-top:4px}
.section{padding:22px;margin-bottom:22px}.section-head h2{font-size:27px}.section-head span{color:#8790a1}.section-head a,.ghost-btn{border-color:#ffe0ba;background:#fffaf3;color:var(--accent);box-shadow:0 6px 16px rgba(255,122,0,.08)}
.movie-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:22px 16px}.movie-grid>li{min-width:0}.movie-grid .img-x,.movie-grid .poster,.movie-grid .movie-poster,.movie-grid .rank-pic{border-radius:12px;background:#eef2f8;box-shadow:0 10px 24px rgba(27,32,44,.10);transition:transform .22s ease,box-shadow .22s ease}.movie-grid .img-x:hover,.movie-grid .poster:hover,.movie-grid .movie-poster:hover,.movie-grid .rank-pic:hover{transform:translateY(-4px);box-shadow:0 18px 34px rgba(255,122,0,.16)}
.movie-grid img{width:100%!important;height:100%!important;object-fit:cover!important}.movie-grid h2,.movie-grid h3,.movie-grid .rank-title{min-height:0!important;margin:10px 2px 4px!important;color:#1c2230!important;font-size:15px!important;line-height:1.35!important;font-weight:850!important;display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.movie-grid p,.movie-grid .rank-info p{margin:0 2px!important;color:#7b8494!important;font-size:13px!important;line-height:1.45!important;white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden!important}
.movie-grid .rank-num{background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 6px 14px rgba(255,122,0,.24)}.tag,.poster-score,.tpjb{background:linear-gradient(135deg,var(--accent),var(--accent2));font-weight:800}
.list-title{background:linear-gradient(135deg,#fff,#fff8ee)}.list-title h1{font-weight:900}.filter-panel{background:#fff}.filter-row{grid-template-columns:62px minmax(0,1fr);align-items:start}.filter-row b{color:#4b5361}.filter-scroll a,.type-filter .menu_2 a{background:#f7f8fb;border:1px solid transparent;color:#3c4452}.filter-scroll a.active,.filter-scroll a:hover,.type-filter .menu_2 a.active,.type-filter .menu_2 a:hover{background:linear-gradient(135deg,var(--accent),var(--accent2));border-color:transparent;color:#fff}
.detail-hero{grid-template-columns:250px minmax(0,1fr);background:linear-gradient(135deg,#fff,#fffaf3)}.detail-poster{border-radius:18px}.detail-info h1{font-weight:900}.tags span{background:#fff2dd;color:#f07800}.detail-info dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;margin:14px 0}.detail-info dl div{display:block;padding:12px 14px;border:1px solid #ffe6c7;border-radius:14px;background:rgba(255,255,255,.72)}.detail-info dt{margin-bottom:4px;color:#969dad;font-size:12px}.detail-info dd{color:#202736;line-height:1.6}.summary{border-radius:16px}.summary h2{margin-top:0}.summary-text{line-height:1.8}
.play-head{background:linear-gradient(135deg,#fff,#fff7ea)}.play-head h1{font-weight:900}.player-stage{background:#1f140b;border-color:#1f140b}.player-wrap{border-radius:16px;box-shadow:0 16px 38px rgba(0,0,0,.22)}.play-list a,.source-btn{border-color:#ffe5c4;background:#fff;color:#2c3442}.play-list a.active,.play-list a:hover{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;border-color:transparent;box-shadow:0 10px 20px rgba(255,122,0,.16)}
.site-footer{background:linear-gradient(135deg,#24170d,#3a220d);border-radius:20px}.back-top{background:linear-gradient(135deg,var(--accent),var(--accent2))}
@media(max-width:1199px){.container{width:min(1000px,calc(100% - 32px))}.hero{grid-template-columns:1fr}.hero-rank .side-list{grid-template-columns:repeat(3,minmax(0,1fr))}.movie-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.detail-info dl{grid-template-columns:1fr 1fr}}
@media(max-width:767px){.container{width:calc(100% - 24px)}.topbar{min-height:64px;grid-template-columns:minmax(0,1fr) auto;gap:10px}.brand{min-width:0}.brand img{width:104px;height:36px}.nav-toggle{display:block}.main-nav{display:flex!important;grid-column:1/-1;gap:8px;overflow-x:auto;padding-bottom:4px}.main-nav a{flex:0 0 auto;min-height:34px;padding:0 12px;font-size:14px}.search-form{grid-column:1/-1;height:38px}.hero{display:block}.hero-main{min-height:330px;margin-bottom:14px}.hero-track>li{min-height:330px}.hero-copy{left:18px;top:18px}.hero-copy h1{font-size:26px}.hero-track h2,.hero-track h3{padding-top:164px;margin-left:18px;font-size:23px}.hero-track p,.hero-cta{margin-left:18px;max-width:calc(100% - 36px)}.hero-dots{left:18px}.hero-rank{display:none}.channel-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.channel-grid a{padding:12px}.movie-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px 9px}.movie-grid h2,.movie-grid h3,.movie-grid .rank-title{font-size:13px!important}.movie-grid p,.movie-grid .rank-info p{font-size:12px!important;-webkit-line-clamp:1}.section,.filter-panel,.list-title,.detail-hero,.play-head{padding:14px;border-radius:18px}.filter-row{grid-template-columns:1fr;gap:6px}.filter-scroll,.type-filter .menu_2{flex-wrap:nowrap;overflow-x:auto;gap:8px;scrollbar-width:none}.filter-scroll::-webkit-scrollbar,.type-filter .menu_2::-webkit-scrollbar{display:none}.filter-scroll a,.type-filter .menu_2 a{flex:0 0 auto}.detail-hero{grid-template-columns:1fr}.poster-wrap{width:min(190px,56vw)}.detail-info dl{grid-template-columns:1fr}.detail-actions{display:grid;grid-template-columns:1fr 1fr}.detail-actions a{justify-content:center}.player-stage{width:calc(100% + 24px);margin-left:-12px;border-radius:0;padding:10px}.player-wrap{border-radius:10px}.play-list a{min-width:48px;max-width:112px;padding:6px 10px}.site-footer{border-radius:16px}}
@media(max-width:480px){.movie-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.channel-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.channel-grid span{display:none}.hero-main,.hero-track>li{min-height:300px}.hero-track h2,.hero-track h3{padding-top:146px;font-size:21px}}

/* homepage layout matched to Mango-style content flow */
.page-home{background:#fff}.page-home .site-wrap{background:#fff}.page-home .site-header{position:absolute;top:0;left:0;right:0;z-index:80;background:linear-gradient(180deg,rgba(0,0,0,.46),rgba(0,0,0,0));border:0;box-shadow:none}.page-home .topbar{width:100%;min-height:86px;padding:0 30px;grid-template-columns:auto minmax(340px,1fr) minmax(260px,360px);gap:24px}.page-home .brand{color:#fff}.page-home .brand span{color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.28)}.page-home .main-nav{justify-self:start}.page-home .main-nav a{color:#fff;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.10);backdrop-filter:blur(10px)}.page-home .main-nav a:hover,.page-home .main-nav a.active{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent2));border-color:transparent}.page-home .search-form{height:40px;background:rgba(0,0,0,.30);border:1px solid rgba(255,255,255,.20);box-shadow:none;backdrop-filter:blur(14px)}.page-home .search-form input{color:#fff}.page-home .search-form input::placeholder{color:rgba(255,255,255,.72)}.page-home .search-form button{border-radius:999px;margin:2px;min-width:78px}
.home-main{width:100%;max-width:none;padding:0 0 44px}.page-home .hero{position:relative;display:block;width:100%;height:496px;min-height:496px;margin:0 0 0;overflow:hidden;background:#120904}.page-home .hero-main{position:absolute;inset:0;min-height:496px;border:0;border-radius:0;box-shadow:none}.page-home .hero-viewport{position:absolute;inset:0}.page-home .hero-track,.page-home .hero-track>li{height:100%;min-height:496px}.page-home .hero-track .img-x,.page-home .hero-track .rank-pic,.page-home .hero-track .poster,.page-home .hero-track .movie-poster{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border-radius:0!important}.page-home .hero-track img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center top!important;filter:saturate(1.03) brightness(.88)}.page-home .hero-track .img-x:after,.page-home .hero-track .rank-pic:after,.page-home .hero-track .poster:after,.page-home .hero-track .movie-poster:after{background:linear-gradient(90deg,rgba(0,0,0,.18) 0,rgba(0,0,0,.08) 44%,rgba(0,0,0,.78) 78%,rgba(0,0,0,.92) 100%),linear-gradient(180deg,rgba(0,0,0,.20),rgba(0,0,0,.04) 48%,rgba(0,0,0,.34))}
.page-home .hero-copy{left:30px;top:122px;z-index:5;width:min(420px,42vw);color:#fff}.page-home .hero-copy .eyebrow{color:#fff}.page-home .hero-copy h1{font-size:44px;line-height:1.05;color:#fff}.page-home .hero-copy span{font-size:16px;color:rgba(255,255,255,.86)}.page-home .hero-track h2,.page-home .hero-track h3{position:absolute;left:30px;bottom:84px;z-index:4;width:min(480px,42vw);padding:0;margin:0;color:#fff;font-size:34px}.page-home .hero-track p{position:absolute;left:30px;bottom:54px;z-index:4;width:min(480px,42vw);margin:0;color:rgba(255,255,255,.84)}
.page-home .hero-cta{position:absolute;left:30px;bottom:20px;z-index:4;margin:0}.page-home .hero-arrow{top:auto;bottom:24px;background:rgba(255,255,255,.88)}.page-home .hero-arrow.prev{left:auto;right:84px}.page-home .hero-arrow.next{right:30px}.page-home .hero-dots{left:30px;bottom:20px;display:none}
.page-home .hero-rank{position:absolute;right:30px;top:104px;bottom:30px;z-index:6;width:292px;padding:12px 0 12px 22px;border:0;border-radius:0;background:linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,0,.58));box-shadow:none;color:#fff;overflow:hidden}.page-home .hero-rank h2{margin:0 0 12px;font-size:13px;color:rgba(255,255,255,.75)}.page-home .hero-rank h2:before{display:none}.page-home .hero-rank .side-list{gap:0}.page-home .hero-rank .side-list>li{display:block!important;min-height:0;padding:0 0 10px;background:transparent!important}.page-home .hero-rank .side-list .img-x,.page-home .hero-rank .side-list .rank-pic,.page-home .hero-rank .side-list .poster,.page-home .hero-rank .side-list .movie-poster,.page-home .hero-rank .side-list img{display:none!important}.page-home .hero-rank .side-list h2,.page-home .hero-rank .side-list h3,.page-home .hero-rank .side-list .rank-title{display:block!important;margin:0;color:#fff;font-size:14px;font-weight:800;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-home .hero-rank .side-list p,.page-home .hero-rank .side-list .rank-info p{display:none!important}
.page-home .channel-grid{position:relative;z-index:12;width:min(1292px,calc(100% - 60px));margin:0 auto 34px;padding:28px 0 6px;display:flex;align-items:center;gap:22px;overflow-x:auto;scrollbar-width:none}.page-home .channel-grid::-webkit-scrollbar{display:none}.page-home .channel-grid a{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;min-width:104px;min-height:48px;padding:0 22px;border-radius:999px;background:#fff;border:0;box-shadow:0 8px 24px rgba(25,30,42,.10);color:#121824}.page-home .channel-grid a:hover{transform:translateY(-2px)}.page-home .channel-grid b{font-size:16px}.page-home .channel-grid span{display:none}
.page-home .home-row{width:min(1292px,calc(100% - 60px));margin:0 auto 34px;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}.page-home .section-head{margin-bottom:16px}.page-home .section-head h2{font-size:30px;letter-spacing:-.3px}.page-home .section-head h2:before{display:none}.page-home .section-head a{border:0;background:transparent;box-shadow:none;color:#222;font-size:28px;padding:0;min-height:auto}.page-home .home-landscape-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}.page-home .home-landscape-grid .img-x,.page-home .home-landscape-grid .poster,.page-home .home-landscape-grid .movie-poster,.page-home .home-landscape-grid .rank-pic{aspect-ratio:16/9!important;border-radius:4px;box-shadow:none;background:#eef1f6}.page-home .home-landscape-grid h2,.page-home .home-landscape-grid h3,.page-home .home-landscape-grid .rank-title{font-size:14px!important;margin-top:10px!important;color:#111827!important}.page-home .home-landscape-grid p,.page-home .home-landscape-grid .rank-info p{font-size:13px!important;color:#8a919d!important;-webkit-line-clamp:1!important}
.page-home .home-mixed-grid{grid-template-columns:2fr repeat(4,1fr);grid-auto-flow:dense;gap:18px 20px}.page-home .home-mixed-grid>li:first-child{grid-row:span 2}.page-home .home-mixed-grid>li:first-child .img-x,.page-home .home-mixed-grid>li:first-child .poster,.page-home .home-mixed-grid>li:first-child .movie-poster,.page-home .home-mixed-grid>li:first-child .rank-pic{aspect-ratio:16/9!important}.page-home .home-mixed-grid .img-x,.page-home .home-mixed-grid .poster,.page-home .home-mixed-grid .movie-poster,.page-home .home-mixed-grid .rank-pic{aspect-ratio:16/9!important;border-radius:4px;box-shadow:none}.page-home .home-mixed-grid h2,.page-home .home-mixed-grid h3,.page-home .home-mixed-grid .rank-title{font-size:14px!important;margin-top:9px!important;color:#111827!important}.page-home .home-mixed-grid>li:first-child h2,.page-home .home-mixed-grid>li:first-child h3,.page-home .home-mixed-grid>li:first-child .rank-title{font-size:24px!important;margin:18px 20px 4px!important}.page-home .home-mixed-grid>li:first-child p,.page-home .home-mixed-grid>li:first-child .rank-info p{margin:0 20px!important}.page-home .home-poster-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}.page-home .home-poster-grid .img-x,.page-home .home-poster-grid .poster,.page-home .home-poster-grid .movie-poster,.page-home .home-poster-grid .rank-pic{aspect-ratio:2/3!important;border-radius:4px;box-shadow:none}.page-home .home-poster-grid h2,.page-home .home-poster-grid h3,.page-home .home-poster-grid .rank-title{font-size:14px!important;color:#111827!important}.page-home .movie-grid .img-x:hover,.page-home .movie-grid .poster:hover,.page-home .movie-grid .movie-poster:hover,.page-home .movie-grid .rank-pic:hover{transform:none;box-shadow:none}.page-home .site-footer{width:min(1292px,calc(100% - 60px));background:#f7f8fb;color:#687080}
@media(max-width:1199px){.page-home .topbar{grid-template-columns:auto minmax(0,1fr) minmax(220px,320px)}.page-home .main-nav{display:none}.page-home .hero-rank{width:250px}.page-home .home-landscape-grid,.page-home .home-poster-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.page-home .home-mixed-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.page-home .home-mixed-grid>li:first-child{grid-row:auto}.page-home .home-mixed-grid>li:first-child h2,.page-home .home-mixed-grid>li:first-child h3,.page-home .home-mixed-grid>li:first-child .rank-title{font-size:14px!important;margin:9px 2px 4px!important}}
@media(max-width:767px){.page-home .site-header{position:relative;background:#fff}.page-home .topbar{padding:10px 12px;grid-template-columns:minmax(0,1fr) auto}.page-home .brand,.page-home .brand span{color:#141824;text-shadow:none}.page-home .main-nav{display:flex!important}.page-home .main-nav a{color:#343b4a;background:#fff6ea;border-color:#ffe3bd}.page-home .search-form{background:#fff;border-color:#ffe0b2}.page-home .search-form input{color:#1f2633}.page-home .search-form input::placeholder{color:#9aa2af}.page-home .hero{height:360px;min-height:360px}.page-home .hero-main,.page-home .hero-track,.page-home .hero-track>li{min-height:360px}.page-home .hero-copy{top:26px;left:18px;width:calc(100% - 36px)}.page-home .hero-copy h1{font-size:30px}.page-home .hero-track h2,.page-home .hero-track h3{left:18px;bottom:76px;width:calc(100% - 36px);font-size:24px}.page-home .hero-track p{left:18px;bottom:48px;width:calc(100% - 36px)}.page-home .hero-rank{display:none}.page-home .hero-arrow{display:none}.page-home .channel-grid,.page-home .home-row,.page-home .site-footer{width:calc(100% - 24px)}.page-home .channel-grid{padding:18px 0 2px;gap:10px;margin-bottom:24px}.page-home .channel-grid a{min-width:auto;min-height:40px;padding:0 14px}.page-home .home-row{margin-bottom:28px}.page-home .section-head h2{font-size:24px}.page-home .section-head a{font-size:22px}.page-home .home-landscape-grid,.page-home .home-poster-grid,.page-home .home-mixed-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px 9px}.page-home .home-landscape-grid .img-x,.page-home .home-landscape-grid .poster,.page-home .home-landscape-grid .movie-poster,.page-home .home-landscape-grid .rank-pic,.page-home .home-mixed-grid .img-x,.page-home .home-mixed-grid .poster,.page-home .home-mixed-grid .movie-poster,.page-home .home-mixed-grid .rank-pic{aspect-ratio:16/10!important}.page-home .home-poster-grid .img-x,.page-home .home-poster-grid .poster,.page-home .home-poster-grid .movie-poster,.page-home .home-poster-grid .rank-pic{aspect-ratio:2/3!important}}
@media(max-width:480px){.page-home .hero{height:330px;min-height:330px}.page-home .hero-main,.page-home .hero-track,.page-home .hero-track>li{min-height:330px}.page-home .home-landscape-grid,.page-home .home-poster-grid,.page-home .home-mixed-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.page-home .movie-grid h2,.page-home .movie-grid h3,.page-home .movie-grid .rank-title{font-size:12px!important}.page-home .movie-grid p,.page-home .movie-grid .rank-info p{font-size:11px!important}}

/* mgtv_style 20260525: MangoTV-like first screen linkage hero */
.page-home .mgtv-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 320px;width:100%;height:500px;margin:0 0 0;overflow:hidden;background:#100905;color:#fff}
.page-home .mgtv-hero-bg{position:relative;min-width:0;height:100%;overflow:hidden;background:#130b06}
.page-home .mgtv-hero-link{position:absolute;inset:0;display:block;z-index:1}
.page-home .mgtv-hero-img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;filter:saturate(1.04) brightness(.92);transition:opacity .32s ease,transform .32s ease}
.page-home .mgtv-hero.is-switching .mgtv-hero-img{opacity:.42;transform:scale(1.012)}
.page-home .mgtv-hero-mask{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(12,8,5,.10) 0,rgba(12,8,5,.04) 48%,rgba(34,31,25,.20) 80%,rgba(34,31,25,.32) 100%),linear-gradient(180deg,rgba(12,8,5,.02) 0,rgba(12,8,5,.08) 58%,rgba(34,31,25,.36) 100%)}
.page-home .mgtv-hero-info{position:absolute;left:30px;bottom:42px;z-index:3;width:min(460px,48vw);text-shadow:0 3px 16px rgba(0,0,0,.42)}
.page-home .mgtv-hero-badge{display:inline-flex;align-items:center;margin-bottom:12px;padding:5px 10px;border-radius:999px;background:linear-gradient(135deg,#ff7a00,#ffb22b);font-size:13px;font-weight:800;color:#fff}
.page-home .mgtv-hero-title{margin:0 0 12px;font-size:46px;line-height:1.06;font-weight:900;color:#fff;letter-spacing:-.6px}
.page-home .mgtv-hero-desc{display:-webkit-box;margin:0 0 18px;max-width:440px;color:rgba(255,255,255,.90);font-size:15px;line-height:1.8;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.page-home .mgtv-hero-btn{display:inline-flex;align-items:center;justify-content:center;min-width:110px;height:42px;padding:0 22px;border-radius:999px;background:#ff8a00;color:#fff;font-size:15px;font-weight:800;box-shadow:0 10px 28px rgba(255,122,0,.30)}
.page-home .mgtv-hero-btn:hover{background:#ff9f1a;transform:translateY(-1px);color:#fff}
.page-home .mgtv-side-panel{position:relative;z-index:4;height:100%;padding:92px 20px 18px 24px;background:linear-gradient(90deg,rgba(54,50,41,.18) 0%,rgba(47,44,36,.30) 42%,rgba(42,39,32,.42) 100%);border-left:1px solid rgba(255,255,255,.06);box-shadow:-16px 0 38px rgba(0,0,0,.10);backdrop-filter:blur(8px);overflow:hidden}
.page-home .mgtv-side-icons{display:none!important}
.page-home .mgtv-side-icons span{display:inline-flex;align-items:center;height:20px;padding:0 6px;border-radius:4px;background:#ff3d39;color:#fff;font-size:12px;font-weight:800}
.page-home .mgtv-side-icons span+span{background:#168cff}
.page-home .mgtv-side-icons i{display:inline-block;width:20px;height:20px;border:2px solid rgba(255,255,255,.72);border-radius:50%;opacity:.9}
.page-home .mgtv-side-icons i:nth-of-type(2){border-radius:5px}
.page-home .mgtv-side-icons i:nth-of-type(3){border-radius:8px}
.page-home .mgtv-side-icons i:nth-of-type(4){border-radius:50%;background:rgba(255,255,255,.16)}
.page-home .mgtv-side-title{margin:0 0 12px;color:rgba(255,255,255,.78);font-size:13px;line-height:1.4;font-weight:800}
.page-home .mgtv-side-items{height:100%;margin:0;padding:0 4px 36px 0;list-style:none;overflow:hidden}
.page-home .mgtv-side-item{display:block;box-sizing:border-box;width:100%;margin:0 0 8px;padding:4px 0;border:0;border-radius:0;background:transparent;color:rgba(255,255,255,.82);text-decoration:none;transition:color .2s ease,opacity .2s ease,background .2s ease}
.page-home .mgtv-side-item> :not(.mgtv-side-inner){display:none!important}
.page-home .mgtv-side-inner{display:block;padding:0 8px;color:inherit;text-decoration:none}
.page-home .mgtv-side-name{display:block;max-width:100%;font-size:13px;line-height:1.42;font-weight:600;color:rgba(255,255,255,.84);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:font-size .2s ease,font-weight .2s ease,color .2s ease}
.page-home .mgtv-side-desc{display:block;max-height:0;margin-top:0;color:rgba(255,255,255,.86);font-size:12px;line-height:1.35;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transition:max-height .2s ease,opacity .2s ease,margin-top .2s ease}
.page-home .mgtv-side-item:hover,.page-home .mgtv-side-item.active,.page-home .mgtv-side-item.is-active{background:linear-gradient(90deg,rgba(38,35,29,.26),rgba(38,35,29,.10),rgba(38,35,29,0));color:#fff}
.page-home .mgtv-side-item:hover .mgtv-side-name,.page-home .mgtv-side-item.active .mgtv-side-name,.page-home .mgtv-side-item.is-active .mgtv-side-name{font-size:21px;line-height:1.24;font-weight:800;color:rgba(255,255,255,.98)}
.page-home .mgtv-side-item:hover .mgtv-side-desc,.page-home .mgtv-side-item.active .mgtv-side-desc,.page-home .mgtv-side-item.is-active .mgtv-side-desc{max-height:17px;margin-top:3px;color:rgba(255,255,255,.94);opacity:1}
.page-home .topbar{width:100%;min-height:88px;padding:0 30px;display:flex;align-items:center;gap:26px}
.page-home .site-header:not(.is-hot-fixed) .main-nav{display:flex;visibility:hidden;pointer-events:none}
.page-home .site-header:not(.is-hot-fixed) .brand{flex:0 0 auto;min-width:210px}
.page-home .site-header:not(.is-hot-fixed) .mgtv-top-actions{margin-left:auto}
.page-home .site-header.is-hot-fixed{position:fixed;top:0;left:0;right:0;z-index:999;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(20,24,36,.08);box-shadow:0 8px 24px rgba(15,23,42,.10);backdrop-filter:blur(12px)}
.page-home .site-header.is-hot-fixed .topbar{min-height:68px;gap:18px}
.page-home .site-header.is-hot-fixed .brand,.page-home .site-header.is-hot-fixed .brand span{color:#151923;text-shadow:none}
.page-home .site-header.is-hot-fixed .brand{flex:0 0 auto}.page-home .site-header.is-hot-fixed .main-nav{display:flex;flex:0 1 auto}
.page-home .site-header.is-hot-fixed .main-nav a{color:#151923;background:#fff;border:1px solid rgba(20,24,36,.12);box-shadow:0 6px 16px rgba(15,23,42,.06)}
.page-home .site-header.is-hot-fixed .main-nav a:hover,.page-home .site-header.is-hot-fixed .main-nav a.active{color:#fff;background:linear-gradient(135deg,#ff8a00,#ffb22b);border-color:transparent}
.page-home .mgtv-top-actions{display:flex;align-items:center;gap:16px;color:#fff}
.page-home .mgtv-top-actions a{position:relative;display:inline-flex;align-items:flex-end;justify-content:center;width:38px;height:42px;padding-top:22px;color:rgba(255,255,255,.92);font-size:12px;font-weight:800;text-shadow:0 2px 8px rgba(0,0,0,.35)}
.page-home .mgtv-top-actions a:before{content:"";position:absolute;top:2px;left:50%;width:19px;height:19px;transform:translateX(-50%);border:2px solid currentColor;border-radius:50%;opacity:.9}
.page-home .mgtv-top-actions a:nth-child(1){color:#ffd36a}.page-home .mgtv-top-actions a:nth-child(1):before{border-radius:5px;transform:translateX(-50%) rotate(45deg)}
.page-home .mgtv-top-actions a:nth-child(3):before{border-radius:4px}
.page-home .site-header.is-hot-fixed .mgtv-top-actions a{color:#343b4a;text-shadow:none}
.page-home .mgtv-channel-nav{position:relative;z-index:55;width:100%;background:#fff}
.page-home .mgtv-channel-nav .mgtv-channel-nav-inner{width:min(1292px,calc(100% - 60px));max-width:1292px;margin:0 auto 34px;padding:28px 0 6px;display:flex;align-items:center;gap:22px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
.page-home .mgtv-channel-nav .mgtv-channel-nav-inner::-webkit-scrollbar{display:none}

/* one reusable header search form: same size before/after sticky */
.page-home .site-header .mgtv-search{flex:0 0 300px;width:300px;max-width:300px;height:42px;margin-left:auto;margin-right:260px;display:flex;align-items:center;border:1px solid rgba(255,255,255,.72);border-radius:999px;background:rgba(255,255,255,.88);box-shadow:0 8px 24px rgba(0,0,0,.08);overflow:hidden;backdrop-filter:blur(10px)}
.page-home .site-header .mgtv-search input{flex:1;min-width:0;height:100%;padding:0 18px;border:0;outline:0;background:transparent;color:#1f2633;font-size:14px}
.page-home .site-header .mgtv-search input::placeholder{color:#6f7785}
.page-home .site-header .mgtv-search button{flex:0 0 86px;width:86px;height:38px;margin:2px;border:0;border-radius:999px;background:#ff8a00;color:#fff;font-size:14px;font-weight:900;box-shadow:none;cursor:pointer}
.page-home .site-header.is-hot-fixed .mgtv-search{margin-right:0;background:#f5f5f5;border:1px solid rgba(20,24,36,.10)}
.page-home .site-header.is-hot-fixed .mgtv-search input{color:#222}
.page-home .site-header.is-hot-fixed .mgtv-search input::placeholder{color:#777}
.page-home .site-header.is-hot-fixed .mgtv-search button{background:#ff8a00;color:#fff}

@media(max-width:1199px){.page-home .site-header:not(.is-hot-fixed) .brand{min-width:170px}.page-home .site-header:not(.is-hot-fixed) .mgtv-search{margin-right:210px}.page-home .mgtv-top-actions{gap:10px}.page-home .mgtv-hero{grid-template-columns:minmax(0,1fr) 280px;height:470px}.page-home .mgtv-hero-title{font-size:40px}.page-home .mgtv-side-panel{padding:86px 16px 16px 18px}}
@media(max-width:767px){.page-home .topbar{min-height:64px;padding:8px 12px;gap:10px;flex-wrap:wrap}.page-home .site-header:not(.is-hot-fixed) .brand{min-width:0}.page-home .site-header .mgtv-search{order:3;flex:0 0 300px;width:300px;max-width:calc(100vw - 24px);margin:0}.page-home .mgtv-top-actions{margin-left:auto;gap:8px}.page-home .mgtv-top-actions a{width:32px;font-size:11px}.page-home .mgtv-hero{display:block;height:auto;background:#17110d}.page-home .mgtv-hero-bg{height:280px}.page-home .mgtv-hero-info{left:18px;right:18px;bottom:20px;width:auto}.page-home .mgtv-hero-title{font-size:30px}.page-home .mgtv-hero-desc{font-size:13px;line-height:1.65;margin-bottom:14px}.page-home .mgtv-side-panel{height:auto;padding:12px;background:linear-gradient(180deg,rgba(54,50,41,.24),rgba(42,39,32,.36));border-left:0;box-shadow:none;overflow:hidden}.page-home .mgtv-side-icons{height:26px;margin-bottom:8px;gap:8px}.page-home .mgtv-side-icons i{display:none}.page-home .mgtv-side-title{margin-bottom:8px}.page-home .mgtv-side-items{display:flex;gap:8px;height:auto;padding:0 0 4px;overflow-x:auto;scroll-snap-type:x proximity}.page-home .mgtv-side-item{flex:0 0 132px;margin:0;scroll-snap-align:start}.page-home .mgtv-side-item.active,.page-home .mgtv-side-item.is-active{flex-basis:132px}.page-home .mgtv-side-item:hover .mgtv-side-name,.page-home .mgtv-side-item.active .mgtv-side-name,.page-home .mgtv-side-item.is-active .mgtv-side-name{font-size:18px}.page-home .mgtv-side-desc{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical}.page-home .mgtv-hero-mask{background:linear-gradient(180deg,rgba(34,31,25,.08),rgba(34,31,25,.42))}.page-home .site-header:not(.is-hot-fixed) .main-nav{display:none!important}.page-home .site-header.is-hot-fixed{position:fixed;background:#fff}.page-home .site-header.is-hot-fixed .main-nav{order:4;display:flex!important;flex:1 0 100%;overflow-x:auto}.page-home .mgtv-channel-nav .mgtv-channel-nav-inner{width:100%;margin:0;padding:10px 12px;gap:12px}.page-home .mgtv-channel-nav .mgtv-channel-nav-inner a{flex:0 0 auto;min-height:40px;padding:0 14px}}

/* mgtv_style 20260526: MangoTV-like channel/list page */
.page-channel{background:#fff;color:#111827}
.page-channel .site-wrap{background:#fff}
.page-channel .site-header{position:absolute;top:0;left:0;right:0;z-index:90;background:linear-gradient(180deg,rgba(0,0,0,.30),rgba(0,0,0,0));border-bottom:0;box-shadow:none;backdrop-filter:none;transition:background .22s ease,box-shadow .22s ease,border-color .22s ease}
.page-channel .site-header.is-channel-fixed{position:fixed;background:rgba(255,255,255,.96)!important;background-image:none!important;border-bottom:1px solid rgba(17,24,39,.08);box-shadow:0 4px 14px rgba(15,23,42,.05);backdrop-filter:blur(12px)}
.page-channel .topbar{min-height:56px;width:min(1280px,calc(100% - 80px));grid-template-columns:auto minmax(0,1fr) 360px;gap:24px}
.page-channel .brand img{width:104px;height:36px}.page-channel .brand span{font-size:18px}
.page-channel .brand,.page-channel .brand span{color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.35)}.page-channel .site-header.is-channel-fixed .brand,.page-channel .site-header.is-channel-fixed .brand span{color:#111827;text-shadow:none}
.page-channel .main-nav{gap:8px}.page-channel .main-nav a{min-height:36px;padding:0 8px;border-radius:0;background:transparent;border:0;color:rgba(255,255,255,.92);font-size:15px;font-weight:800;text-shadow:0 2px 8px rgba(0,0,0,.28);transition:font-size .2s ease,color .2s ease}.page-channel .main-nav a:hover,.page-channel .main-nav a.active{background:transparent;color:#ff7a00;box-shadow:none;font-size:18px;font-weight:900}.page-channel .site-header.is-channel-fixed .main-nav a{color:#111827;text-shadow:none}.page-channel .site-header.is-channel-fixed .main-nav a:hover,.page-channel .site-header.is-channel-fixed .main-nav a.active{color:#ff7a00}
.page-channel .search-form{height:34px;border-color:#e6e8ee;background:#f7f8fb;box-shadow:none;backdrop-filter:none}.page-channel .search-form input{padding:0 16px;font-size:14px;color:#111827}.page-channel .search-form input::placeholder{color:#8a93a3}.page-channel .search-form button{min-width:78px;padding:0 18px;border-radius:999px;background:#ff7a00;font-size:14px}.page-channel .site-header.is-channel-fixed .search-form{border-color:#e6e8ee;background:#f7f8fb;backdrop-filter:none}.page-channel .site-header.is-channel-fixed .search-form input{color:#111827}.page-channel .site-header.is-channel-fixed .search-form input::placeholder{color:#8a93a3}
.page-channel .mgtv-channel-main{padding:0 0 20px;background:#fff}
.page-channel .mgtv-channel-hero{height:440px;background:#0d251d;overflow:hidden}
.page-channel .mgtv-channel-hero-inner{position:relative;width:100%;height:100%;margin:0 auto;overflow:hidden;background:#102d24}
.page-channel .mgtv-channel-hero-link{position:absolute;inset:0;display:block}.page-channel .mgtv-channel-hero-img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(1.05) brightness(.78)}
.page-channel .mgtv-channel-hero-inner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,34,27,.88),rgba(10,34,27,.15) 38%,rgba(10,34,27,.68))}
.page-channel .mgtv-channel-hero-copy{position:absolute;left:max(40px,calc((100vw - 1280px)/2 + 40px));top:142px;z-index:2;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.35)}
.page-channel .mgtv-channel-hero-copy span{display:inline-flex;margin-bottom:10px;color:#ff8a00;font-size:14px;font-weight:800}.page-channel .mgtv-channel-hero-copy h1{margin:0;font-size:54px;line-height:1.05;font-weight:900}.page-channel .mgtv-channel-hero-copy p{margin:12px 0 0;font-size:16px;color:rgba(255,255,255,.88)}
.page-channel .mgtv-channel-side{position:absolute;right:max(40px,calc((100vw - 1280px)/2 + 40px));top:86px;bottom:18px;z-index:3;width:250px;padding:24px 0 18px 26px;background:linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,0,.58));color:#fff;overflow:hidden}
.page-channel .mgtv-channel-side-list{height:100%;margin:0;padding:0;list-style:none;overflow:hidden}.page-channel .mgtv-channel-side-list>li{display:block;margin:0 0 14px;padding:0;background:transparent!important;border:0!important;box-shadow:none!important}.page-channel .mgtv-channel-side-list .img-x,.page-channel .mgtv-channel-side-list .rank-pic,.page-channel .mgtv-channel-side-list .poster,.page-channel .mgtv-channel-side-list .movie-poster,.page-channel .mgtv-channel-side-list img,.page-channel .mgtv-channel-side-list .tag,.page-channel .mgtv-channel-side-list .poster-score,.page-channel .mgtv-channel-side-list .tpjb{display:none!important}.page-channel .mgtv-channel-side-list h2,.page-channel .mgtv-channel-side-list h3,.page-channel .mgtv-channel-side-list .rank-title{display:block!important;margin:0!important;min-height:0!important;color:#fff!important;font-size:14px!important;line-height:1.45!important;font-weight:800!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:font-size .2s ease,line-height .2s ease,font-weight .2s ease}.page-channel .mgtv-channel-side-list p,.page-channel .mgtv-channel-side-list .rank-info p{display:none!important}.page-channel .mgtv-channel-side-list>li:hover h2,.page-channel .mgtv-channel-side-list>li:hover h3,.page-channel .mgtv-channel-side-list>li:hover .rank-title,.page-channel .mgtv-channel-side-list>li:focus-within h2,.page-channel .mgtv-channel-side-list>li:focus-within h3,.page-channel .mgtv-channel-side-list>li:focus-within .rank-title{font-size:22px!important;line-height:1.25!important;font-weight:900!important}.page-channel .mgtv-channel-side-list>li:hover p,.page-channel .mgtv-channel-side-list>li:hover .rank-info p,.page-channel .mgtv-channel-side-list>li:focus-within p,.page-channel .mgtv-channel-side-list>li:focus-within .rank-info p{display:block!important;margin:5px 0 0!important;color:#fff!important;font-size:13px!important;line-height:1.35!important;font-weight:700!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.page-channel .mgtv-channel-tabs{background:#fff}.page-channel .mgtv-channel-tabs-inner{width:min(1280px,calc(100% - 80px));margin:0 auto;padding:26px 0 22px;display:flex;gap:22px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}.page-channel .mgtv-channel-tabs-inner::-webkit-scrollbar{display:none}
.page-channel .mgtv-channel-tabs a{display:inline-flex;align-items:center;justify-content:center;min-width:90px;height:36px;padding:0 24px;border:1px solid #eef0f5;border-radius:999px;background:#f6f6f6;color:#1f2937;font-size:14px;font-weight:800;box-shadow:none}
.page-channel .mgtv-channel-tabs a.active,.page-channel .mgtv-channel-tabs a:hover{background:#fff4e8;border-color:#ffddbd;color:#ff7a00}
.page-channel .mgtv-channel-content{width:min(1280px,calc(100% - 80px));margin:0 auto}
.page-channel .mgtv-channel-section{margin:0 0 44px;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}
.page-channel .mgtv-channel-head{height:42px;margin-bottom:18px;display:flex;align-items:center;justify-content:space-between}.page-channel .mgtv-channel-head h2{margin:0;color:#111827;font-size:28px;line-height:1.2;font-weight:900}.page-channel .mgtv-channel-head a,.page-channel .mgtv-channel-head span{color:#9aa2af;font-size:34px;font-weight:800}
.page-channel .movie-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:22px 16px}.page-channel .movie-grid>li{min-width:0}
.page-channel .movie-grid .img-x,.page-channel .movie-grid .poster,.page-channel .movie-grid .movie-poster,.page-channel .movie-grid .rank-pic{aspect-ratio:2/3!important;border-radius:2px!important;background:#eef1f6;box-shadow:none!important}
.page-channel .movie-grid img{width:100%!important;height:100%!important;object-fit:cover!important;transform:none!important}
.page-channel .movie-grid .tag,.page-channel .movie-grid .poster-score,.page-channel .movie-grid .tpjb{border-radius:2px;padding:2px 4px;font-size:10px;background:#ff7a00}.page-channel .movie-grid .poster-score{background:#27d17f;color:#fff}.page-channel .movie-grid .tpjb{background:rgba(0,0,0,.55)}
.page-channel .movie-grid h2,.page-channel .movie-grid h3,.page-channel .movie-grid .rank-title{min-height:0!important;margin:9px 0 4px!important;color:#111827!important;font-size:15px!important;line-height:1.35!important;font-weight:800!important;-webkit-line-clamp:1!important}
.page-channel .movie-grid p,.page-channel .movie-grid .rank-info p{margin:0!important;color:#8a93a3!important;font-size:13px!important;line-height:1.35!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.page-channel .mgtv-channel-feature-grid{grid-template-columns:2fr repeat(5,minmax(0,1fr));grid-auto-flow:dense}
.page-channel .mgtv-channel-feature-grid>li:first-child{grid-row:span 2}.page-channel .mgtv-channel-feature-grid>li:first-child .img-x,.page-channel .mgtv-channel-feature-grid>li:first-child .poster,.page-channel .mgtv-channel-feature-grid>li:first-child .movie-poster,.page-channel .mgtv-channel-feature-grid>li:first-child .rank-pic{aspect-ratio:16/9!important}
.page-channel .mgtv-channel-feature-grid .img-x,.page-channel .mgtv-channel-landscape-grid .img-x,.page-channel .mgtv-channel-feature-grid .poster,.page-channel .mgtv-channel-landscape-grid .poster,.page-channel .mgtv-channel-feature-grid .movie-poster,.page-channel .mgtv-channel-landscape-grid .movie-poster,.page-channel .mgtv-channel-feature-grid .rank-pic,.page-channel .mgtv-channel-landscape-grid .rank-pic{aspect-ratio:16/9!important}
.page-channel .mgtv-channel-feature-grid>li:first-child h2,.page-channel .mgtv-channel-feature-grid>li:first-child h3,.page-channel .mgtv-channel-feature-grid>li:first-child .rank-title{font-size:21px!important}
.page-channel .mgtv-channel-landscape-grid{grid-template-columns:2fr repeat(5,minmax(0,1fr));grid-auto-flow:dense}.page-channel .mgtv-channel-landscape-grid>li:first-child{grid-row:span 2}
.page-channel .list-pager,.page-channel .pagination{display:none!important}
.page-channel .site-footer{width:100%;margin:18px 0 0;padding:14px 20px;border-radius:0;background:#f7f8fb;color:#858b98;text-align:center}.page-channel .site-footer div{justify-content:center;font-size:12px}.page-channel .site-footer strong{display:none}
@media(max-width:1199px){.page-channel .topbar,.page-channel .mgtv-channel-tabs-inner,.page-channel .mgtv-channel-content{width:calc(100% - 48px)}.page-channel .mgtv-channel-hero{height:380px}.page-channel .mgtv-channel-side{right:24px;width:230px}.page-channel .movie-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.page-channel .mgtv-channel-feature-grid,.page-channel .mgtv-channel-landscape-grid{grid-template-columns:2fr repeat(4,minmax(0,1fr))}}
@media(max-width:767px){.page-channel .site-header{position:relative;background:#fff}.page-channel .brand,.page-channel .brand span,.page-channel .main-nav a{color:#111827;text-shadow:none}.page-channel .topbar{width:calc(100% - 24px);grid-template-columns:minmax(0,1fr) auto}.page-channel .main-nav{grid-column:1/-1}.page-channel .search-form{grid-column:1/-1;height:36px;background:#f7f8fb;border-color:#e6e8ee}.page-channel .search-form input{color:#111827}.page-channel .search-form input::placeholder{color:#8a93a3}.page-channel .mgtv-channel-hero{height:220px}.page-channel .mgtv-channel-hero-copy{left:18px;top:70px}.page-channel .mgtv-channel-hero-copy h1{font-size:30px}.page-channel .mgtv-channel-side{display:none}.page-channel .mgtv-channel-tabs-inner,.page-channel .mgtv-channel-content{width:calc(100% - 24px)}.page-channel .movie-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 8px}.page-channel .mgtv-channel-feature-grid,.page-channel .mgtv-channel-landscape-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.page-channel .mgtv-channel-feature-grid>li:first-child,.page-channel .mgtv-channel-landscape-grid>li:first-child{grid-row:auto}.page-channel .mgtv-channel-feature-grid>li:first-child .img-x,.page-channel .mgtv-channel-feature-grid>li:first-child .poster,.page-channel .mgtv-channel-feature-grid>li:first-child .movie-poster,.page-channel .mgtv-channel-feature-grid>li:first-child .rank-pic{aspect-ratio:16/9!important}}
.page-play{background:#fff;color:#111827}.page-play .site-wrap{background:#fff}.page-play .site-header{position:relative;background:#141520;border-bottom:1px solid rgba(255,255,255,.08);box-shadow:none;backdrop-filter:none}.page-play .topbar{min-height:54px;width:calc(100% - 60px);grid-template-columns:auto minmax(0,1fr) 380px;gap:22px}.page-play .brand,.page-play .brand span{color:#fff}.page-play .brand img{width:112px;height:38px}.page-play .main-nav{gap:8px}.page-play .main-nav a{min-height:34px;padding:0 7px;border-radius:0;background:transparent;border:0;color:rgba(255,255,255,.78);font-size:13px;font-weight:800}.page-play .main-nav a:hover,.page-play .main-nav a.active{background:transparent;color:#fff;box-shadow:none}.page-play .search-form{height:32px;border:0;background:rgba(255,255,255,.12);box-shadow:none}.page-play .search-form input{padding:0 14px;color:#fff;font-size:13px}.page-play .search-form input::placeholder{color:rgba(255,255,255,.62)}.page-play .search-form button{min-width:72px;padding:0 16px;border-radius:999px;background:#ff7a00;font-size:13px}.page-play .mgtv-play-main{padding:0;background:#fff}.mgtv-play-theater{background:#292a39;color:#fff}.mgtv-play-shell{width:calc(100% - 60px);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 386px;gap:0;align-items:start}.mgtv-play-left{min-width:0}.page-play .player-stage{margin:0;padding:0;border:0;border-radius:0;background:#050507;box-shadow:none}.page-play .player-wrap{width:100%;max-width:none;aspect-ratio:16/9;border-radius:0;background:#050507;box-shadow:none}.page-play .player-wrap:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.08),rgba(0,0,0,0) 42%)}.page-play .player-wrap video,.page-play .player-wrap iframe,.page-play .player-wrap object,.page-play .player-wrap embed,.page-play .player-wrap .MacPlayer,.page-play .player-wrap #player,.page-play .player-wrap .player-tip{border-radius:0!important}.page-play .play-head{margin:0;padding:18px 0 32px;border:0;border-radius:0;background:transparent;box-shadow:none}.page-play .play-head h1{margin:0;color:#fff;font-size:22px;line-height:1.35;font-weight:900}.mgtv-play-actions{display:flex;gap:16px;margin-top:14px;color:rgba(255,255,255,.55);font-size:13px}.mgtv-play-side{min-height:100%;padding:28px 24px 24px;background:#1f2030;color:#fff;overflow:hidden}.mgtv-play-side-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.mgtv-play-side-title h2{margin:0;min-width:0;color:#fff;font-size:28px;line-height:1.25;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mgtv-play-side-title button{width:34px;height:34px;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:rgba(255,255,255,.06);color:#fff}.mgtv-play-side>p{margin:10px 0 18px;color:rgba(255,255,255,.58);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mgtv-vip-bar{display:flex;align-items:center;justify-content:center;height:40px;margin-bottom:20px;border-radius:6px;background:#ffd38a;color:#7a3b00;font-size:14px;font-weight:900}.page-play .mgtv-play-side .play-list{max-height:310px;margin:0 0 26px;overflow:auto}.page-play .mgtv-play-side .play-list .player-lines,.page-play .mgtv-play-side .play-list .episode-grid,.page-play .mgtv-play-side .play-list .episodes{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px 16px}.page-play .mgtv-play-side .play-list a{min-width:0!important;max-width:none!important;min-height:38px!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;color:#d8d9e6!important;font-size:16px!important;font-weight:900!important}.page-play .mgtv-play-side .play-list a.active,.page-play .mgtv-play-side .play-list a:hover{background:rgba(255,255,255,.12)!important;color:#fff!important}.mgtv-play-side-rec h3{margin:0 0 12px;color:rgba(255,255,255,.72);font-size:18px}.mgtv-play-side-rec ul{display:grid;gap:12px}.mgtv-play-side-rec li{display:grid;grid-template-columns:92px minmax(0,1fr);gap:12px;align-items:center}.mgtv-play-side-rec .img-x,.mgtv-play-side-rec .poster,.mgtv-play-side-rec .movie-poster,.mgtv-play-side-rec .rank-pic{width:92px!important;aspect-ratio:16/10!important;border-radius:3px!important;overflow:hidden;background:#343545!important}.mgtv-play-side-rec img{width:100%!important;height:100%!important;object-fit:cover!important}.mgtv-play-side-rec h2,.mgtv-play-side-rec h3,.mgtv-play-side-rec .rank-title{margin:0!important;color:#fff!important;font-size:14px!important;line-height:1.35!important;min-height:0!important;-webkit-line-clamp:1!important}.mgtv-play-side-rec p,.mgtv-play-side-rec .rank-info p{margin:4px 0 0!important;color:rgba(255,255,255,.48)!important;font-size:12px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mgtv-play-side-rec .tag,.mgtv-play-side-rec .poster-score,.mgtv-play-side-rec .tpjb{display:none!important}.mgtv-play-content{padding:28px 0 40px}.page-play .mgtv-play-content .section{margin-bottom:34px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.page-play .mgtv-play-content .section-head{height:38px;margin-bottom:18px}.page-play .mgtv-play-content .section-head h2{font-size:26px;font-weight:900}.page-play .mgtv-watch-more .movie-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}.page-play .mgtv-watch-more .movie-grid .img-x,.page-play .mgtv-watch-more .movie-grid .poster,.page-play .mgtv-watch-more .movie-grid .movie-poster,.page-play .mgtv-watch-more .movie-grid .rank-pic{aspect-ratio:16/10!important;border-radius:4px!important;box-shadow:none!important}.page-play .mgtv-watch-more .movie-grid h2,.page-play .mgtv-watch-more .movie-grid h3,.page-play .mgtv-watch-more .movie-grid .rank-title{min-height:0!important;margin:9px 0 4px!important;font-size:15px!important;-webkit-line-clamp:1!important}.page-play .summary-text{max-height:100px;color:#495064;font-size:14px;line-height:1.8}.page-play .site-footer{width:100%;margin:0;padding:14px 20px;border-radius:0;background:#f7f8fb;color:#858b98;text-align:center}.page-play .site-footer div{justify-content:center;font-size:12px}.page-play .site-footer strong{display:none}
.page-play .mgtv-program-info{width:calc(100% - 60px);margin:0 auto;padding:0 0 42px;color:#fff}.page-play .mgtv-program-toggle{display:flex;align-items:center;gap:8px;margin:0;color:rgba(255,255,255,.82);font-size:15px;font-weight:800;border:0;background:transparent;padding:0;cursor:pointer}.page-play .mgtv-program-toggle span{font-size:18px;color:rgba(255,255,255,.68)}.page-play .mgtv-program-body{display:none;grid-template-columns:140px minmax(0,1fr);gap:28px;align-items:start;margin-top:24px}.page-play .mgtv-program-info.is-open .mgtv-program-body{display:grid}.page-play .mgtv-program-poster{width:140px;aspect-ratio:2/3;object-fit:cover;border-radius:3px;background:#151620}.page-play .mgtv-program-text{min-width:0;padding-top:2px;text-align:left}.page-play .mgtv-program-text h2{margin:0 0 16px;color:#fff;font-size:28px;line-height:1.2;font-weight:900}.page-play .mgtv-program-text dl{display:grid;grid-template-columns:270px minmax(0,1fr);gap:8px 30px;margin:0 0 10px}.page-play .mgtv-program-text dl div{display:flex;min-width:0;color:rgba(255,255,255,.84);font-size:14px;line-height:1.6}.page-play .mgtv-program-text dt{flex:0 0 auto;color:rgba(255,255,255,.72);font-weight:800}.page-play .mgtv-program-text dd{min-width:0;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-play .mgtv-program-info .summary-text{max-height:52px;color:rgba(255,255,255,.86);font-size:14px;line-height:1.8;white-space:normal}.page-play .mgtv-play-content .vod-comments{margin:34px 0 0;padding:30px 0 0;border:0;border-top:1px solid #edf0f5;border-radius:0;background:#fff;box-shadow:none}.page-play .mgtv-play-content .vod-comments h2{font-size:30px}.page-play .mgtv-play-content .vod-comments h2:before{display:none}.page-play .mgtv-play-content .comment-item{border-color:#edf0f5}.page-play .mgtv-play-content .comment-item:nth-of-type(n+4){display:none!important}.page-play .mgtv-play-content .vod-comments.is-open .comment-item{display:grid!important}.page-play .mgtv-play-content .comment-content{color:#303849}
@media(max-width:1199px){.page-play .topbar,.mgtv-play-shell{width:calc(100% - 32px)}.mgtv-play-shell{grid-template-columns:minmax(0,1fr) 220px}.page-play .topbar{grid-template-columns:auto minmax(0,1fr) 280px}.page-play .mgtv-watch-more .movie-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:767px){.page-play .site-header{background:#141520}.page-play .topbar{width:calc(100% - 24px);grid-template-columns:minmax(0,1fr) auto}.page-play .main-nav{grid-column:1/-1}.page-play .search-form{grid-column:1/-1;height:34px}.mgtv-play-shell{width:100%;display:block}.mgtv-play-side{display:none}.page-play .play-head{padding:14px 12px 20px}.mgtv-play-actions{overflow:auto;white-space:nowrap}.page-play .mgtv-program-info{width:100%;padding:0 12px 26px}.page-play .mgtv-program-body{grid-template-columns:92px minmax(0,1fr);gap:14px}.page-play .mgtv-program-poster{width:92px}.page-play .mgtv-program-text h2{font-size:22px}.page-play .mgtv-program-text dl{grid-template-columns:1fr;gap:5px}.page-play .mgtv-program-info .summary-text{max-height:78px}.mgtv-play-content{width:calc(100% - 24px);padding-top:20px}.page-play .mgtv-watch-more .movie-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 9px}.page-play .mgtv-play-content .vod-comments h2{font-size:24px}}
.page-play .mgtv-play-actions{display:none!important}.page-play .play-head{padding-bottom:12px!important}.page-play .mgtv-program-info{padding-top:0!important}.page-play .mgtv-program-toggle{margin-top:0!important}
@media(max-width:767px){.page-play .play-head{padding-bottom:10px!important}.page-play .mgtv-program-info{padding-top:0!important}}
.page-play .play-quick-actions{height:48px;display:flex;align-items:center;gap:22px;padding:0 30px;background:#050507;color:rgba(255,255,255,.72);font-size:14px;border-top:1px solid rgba(255,255,255,.06)}.page-play .play-quick-actions .quick-btn{position:relative;display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0;border:0;border-radius:0;background:transparent!important;color:rgba(255,255,255,.72)!important;font-size:14px;font-weight:700;box-shadow:none!important}.page-play .play-quick-actions .quick-btn:hover{color:#fff!important}.page-play .play-quick-actions .quick-btn.disabled{opacity:.45;cursor:default}.page-play .play-quick-actions .quick-btn[data-tool="comment"]{padding-left:28px}.page-play .play-quick-actions .quick-btn[data-tool="comment"]:before{content:"";position:absolute;left:0;top:50%;width:19px;height:17px;transform:translateY(-50%);border:2px solid rgba(255,255,255,.72);border-radius:50%}.page-play .play-quick-actions .quick-btn[data-tool="comment"]:after{content:"";position:absolute;left:12px;top:19px;width:6px;height:6px;border-right:2px solid rgba(255,255,255,.72);border-bottom:2px solid rgba(255,255,255,.72);transform:rotate(35deg)}.page-play .play-quick-actions .quick-btn[data-tool="route"]{margin-left:4px}.page-play .play-quick-actions .quick-btn[data-tool="prev"],.page-play .play-quick-actions .quick-btn[data-tool="next"]{padding-left:20px}.page-play .play-quick-actions .quick-btn[data-tool="prev"]:before,.page-play .play-quick-actions .quick-btn[data-tool="next"]:before{content:"";position:absolute;left:0;top:50%;width:1px;height:16px;background:rgba(255,255,255,.14);transform:translateY(-50%)}.page-play .play-quick-actions .quick-btn .quick-count{font-weight:800;color:rgba(255,255,255,.78)}
@media(max-width:767px){.page-play .play-quick-actions{height:auto;min-height:44px;padding:8px 12px;gap:14px;overflow-x:auto;white-space:nowrap}.page-play .play-quick-actions .quick-btn{flex:0 0 auto}}
.page-play .mgtv-play-shell{position:relative}.page-play .mgtv-play-shell.is-side-collapsed{grid-template-columns:minmax(0,1fr) 0}.page-play .mgtv-play-shell.is-side-collapsed .mgtv-play-side{width:0;padding-left:0!important;padding-right:0!important;overflow:hidden;opacity:0;pointer-events:none}.page-play .mgtv-side-collapse{position:absolute;right:386px;top:50%;z-index:8;width:16px;height:70px;transform:translate(50%,-50%);border:0;border-radius:4px;background:rgba(255,255,255,.10);color:rgba(255,255,255,.55);font-size:28px;line-height:1;cursor:pointer}.page-play .mgtv-side-collapse:hover{background:rgba(255,122,0,.95);color:#fff}.page-play .mgtv-play-shell.is-side-collapsed .mgtv-side-collapse{right:0}.page-play .mgtv-play-shell.is-side-collapsed .mgtv-side-collapse{transform:translate(50%,-50%) rotate(180deg)}.page-play .mgtv-play-media{display:grid;grid-template-columns:140px minmax(0,1fr);gap:18px;align-items:start;margin-bottom:20px}.page-play .mgtv-play-media img{width:140px;aspect-ratio:2/3;object-fit:cover;border-radius:4px;background:#343545}.page-play .mgtv-play-media-info{min-width:0;padding-top:8px}.page-play .mgtv-play-media-info h2{margin:0 0 16px;color:#fff;font-size:28px;line-height:1.2;font-weight:900}.page-play .mgtv-play-media-info p{margin:0 0 8px;color:rgba(255,255,255,.76);font-size:14px;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-play .mgtv-side-fav{width:36px;height:36px;margin:0 0 22px 164px;border:0;border-radius:50%;background:rgba(255,255,255,.08);color:rgba(255,255,255,.78);font-size:24px}.page-play .mgtv-vip-bar{display:none!important}.page-play .mgtv-play-side>p{display:none!important}
.page-play .mgtv-side-fav{display:none!important}.page-play .mgtv-play-side .tag,.page-play .mgtv-play-side .tpjb,.page-play .mgtv-play-side .poster-score{display:none!important}.page-play .mgtv-play-side .play-list{margin-top:4px!important;max-height:180px!important}.page-play .mgtv-play-side .play-list .player-lines,.page-play .mgtv-play-side .play-list .episode-grid,.page-play .mgtv-play-side .play-list .episodes{grid-template-columns:repeat(5,42px)!important;gap:10px 12px!important;justify-content:start}.page-play .mgtv-play-side .play-list a{width:42px!important;height:34px!important;min-height:34px!important;border-radius:18px!important;background:rgba(255,255,255,.06)!important;color:rgba(255,255,255,.76)!important;font-size:14px!important}.page-play .mgtv-play-side .play-list a.active,.page-play .mgtv-play-side .play-list a:hover{background:rgba(255,255,255,.16)!important;color:#fff!important}.page-play .mgtv-play-side-rec ul{gap:14px}.page-play .mgtv-play-side-rec li{grid-template-columns:112px minmax(0,1fr);gap:12px}.page-play .mgtv-play-side-rec .img-x,.page-play .mgtv-play-side-rec .poster,.page-play .mgtv-play-side-rec .movie-poster,.page-play .mgtv-play-side-rec .rank-pic{width:112px!important;aspect-ratio:16/9!important}.page-play .mgtv-play-side-rec h2,.page-play .mgtv-play-side-rec h3,.page-play .mgtv-play-side-rec .rank-title{font-size:15px!important;-webkit-line-clamp:2!important}.page-play .mgtv-play-side-rec p,.page-play .mgtv-play-side-rec .rank-info,.page-play .mgtv-play-side-rec .rank-info p,.page-play .mgtv-play-side-rec .fuc{display:none!important}
.page-play .mgtv-play-side .play-list{scrollbar-width:auto;scrollbar-color:auto;overflow-y:auto!important;overflow-x:hidden!important}.page-play .mgtv-play-side .play-list::-webkit-scrollbar{width:10px}.page-play .mgtv-play-side .play-list::-webkit-scrollbar-track{background:transparent}.page-play .mgtv-play-side .play-list::-webkit-scrollbar-thumb{background:#8c8c8c;border-radius:8px;border:3px solid transparent;background-clip:content-box}.page-play .mgtv-play-side .play-list .player-lines,.page-play .mgtv-play-side .play-list .episode-grid,.page-play .mgtv-play-side .play-list .episodes{grid-template-columns:repeat(4,minmax(68px,1fr))!important;gap:10px 8px!important;padding-right:8px}.page-play .mgtv-play-side .play-list a{width:auto!important;min-width:68px!important;max-width:none!important;height:34px!important;padding:0 10px!important;border-radius:18px!important;justify-content:center!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;font-size:13px!important;line-height:34px!important}
@media(max-width:1199px){.page-play .mgtv-side-collapse{right:220px}.page-play .mgtv-play-media{grid-template-columns:92px minmax(0,1fr);gap:12px}.page-play .mgtv-play-media img{width:92px}.page-play .mgtv-play-media-info h2{font-size:21px}.page-play .mgtv-side-fav{margin-left:110px}}
@media(max-width:767px){.page-play .mgtv-side-collapse{display:none}.page-play .mgtv-play-media{display:none}}
.page-play .main-nav a{font-size:12px!important;font-weight:700!important;min-height:30px!important;padding:0 6px!important}.page-play .brand span{font-size:20px!important}.page-play .player-wrap{height:min(560px,calc(100vh - 210px));min-height:420px;aspect-ratio:auto!important}.page-play .player-wrap video,.page-play .player-wrap iframe,.page-play .player-wrap object,.page-play .player-wrap embed,.page-play .player-wrap .MacPlayer,.page-play .player-wrap #player,.page-play .player-wrap .player-tip{height:100%!important}.page-play .mgtv-play-shell{transition:grid-template-columns .22s ease}.page-play .mgtv-play-side{transition:width .22s ease,opacity .18s ease,padding .22s ease}.page-play .mgtv-side-collapse{transition:right .22s ease,background .18s ease,color .18s ease}.page-play .mgtv-side-collapse:hover{background:rgba(255,255,255,.10)!important;color:rgba(255,255,255,.55)!important}.page-play .mgtv-play-shell.is-side-collapsed{grid-template-columns:minmax(0,1fr) 0!important}.page-play .mgtv-play-shell.is-side-collapsed .player-wrap{height:min(560px,calc(100vh - 210px));min-height:420px}.page-play .mgtv-play-shell.is-side-collapsed .mgtv-side-collapse{right:0!important}
@media(max-width:1199px){.page-play .player-wrap{height:min(500px,calc(100vh - 190px));min-height:360px}.page-play .mgtv-play-shell.is-side-collapsed .player-wrap{height:min(500px,calc(100vh - 190px));min-height:360px}}
@media(max-width:767px){.page-play .main-nav a{font-size:13px!important}.page-play .player-wrap{height:auto;min-height:0;aspect-ratio:16/9!important}}
.page-play .mgtv-side-collapse{top:calc((min(560px,calc(100vh - 210px)))/2)!important;width:16px!important;height:70px!important;border-radius:4px!important;background:rgba(255,255,255,.10)!important;color:rgba(255,255,255,.55)!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important}.page-play .mgtv-play-shell.is-side-collapsed .mgtv-side-collapse{top:calc((min(560px,calc(100vh - 210px)))/2)!important;right:0!important}.page-play .mgtv-side-collapse:hover{background:rgba(255,255,255,.10)!important;color:rgba(255,255,255,.55)!important}
@media(max-width:1199px){.page-play .mgtv-side-collapse,.page-play .mgtv-play-shell.is-side-collapsed .mgtv-side-collapse{top:calc((min(500px,calc(100vh - 190px)))/2)!important}}
@media(max-width:767px){.page-play .mgtv-side-collapse{display:none!important}}
.page-play .player-stage{display:block!important;min-height:560px!important;background:#111!important}.page-play .player-wrap{display:block!important;height:560px!important;min-height:560px!important;max-height:560px!important;aspect-ratio:auto!important;background:#111!important}.page-play .player-wrap video,.page-play .player-wrap iframe,.page-play .player-wrap object,.page-play .player-wrap embed,.page-play .player-wrap .MacPlayer,.page-play .player-wrap #player,.page-play .player-wrap .player-tip{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;background:#111!important}.page-play .mgtv-play-shell.is-side-collapsed .player-stage{min-height:560px!important}.page-play .mgtv-play-shell.is-side-collapsed .player-wrap{height:560px!important;min-height:560px!important;max-height:560px!important}.page-play .play-quick-actions{position:relative!important;z-index:2}
@media(max-width:1199px){.page-play .player-stage{min-height:500px!important}.page-play .player-wrap,.page-play .mgtv-play-shell.is-side-collapsed .player-wrap{height:500px!important;min-height:500px!important;max-height:500px!important}.page-play .mgtv-play-shell.is-side-collapsed .player-stage{min-height:500px!important}}
@media(max-width:767px){.page-play .player-stage{min-height:0!important}.page-play .player-wrap,.page-play .mgtv-play-shell.is-side-collapsed .player-wrap{height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:16/9!important}}
.page-play .play-head{padding:18px 0 22px!important}.page-play .play-head .mgtv-program-info{width:100%!important;margin:12px 0 0!important;padding:0!important}.page-play .play-head .mgtv-program-toggle{font-size:15px!important}.page-play .play-head .mgtv-program-body{margin-top:14px!important}.page-play .mgtv-play-side{height:560px!important;min-height:560px!important;max-height:560px!important;display:flex;flex-direction:column}.page-play .mgtv-side-scroll{min-height:0;flex:1;overflow-y:auto;overflow-x:hidden;padding-right:8px;scrollbar-width:auto;scrollbar-color:auto}.page-play .mgtv-side-scroll::-webkit-scrollbar{width:10px}.page-play .mgtv-side-scroll::-webkit-scrollbar-track{background:transparent}.page-play .mgtv-side-scroll::-webkit-scrollbar-thumb{background:#8c8c8c;border-radius:8px;border:3px solid transparent;background-clip:content-box}.page-play .mgtv-side-scroll .play-list{max-height:none!important;overflow:visible!important;margin:4px 0 22px!important;padding-right:0!important}.page-play .mgtv-side-scroll .play-list::-webkit-scrollbar{display:none}.page-play .mgtv-play-side-rec h3{font-size:18px!important;margin:0 0 14px!important;color:#fff!important}.page-play .mgtv-play-side-rec ul{gap:14px!important}.page-play .mgtv-play-side-rec li{grid-template-columns:160px minmax(0,1fr)!important;gap:14px!important}.page-play .mgtv-play-side-rec .img-x,.page-play .mgtv-play-side-rec .poster,.page-play .mgtv-play-side-rec .movie-poster,.page-play .mgtv-play-side-rec .rank-pic{width:160px!important;aspect-ratio:16/9!important;border-radius:4px!important}.page-play .mgtv-play-side-rec h2,.page-play .mgtv-play-side-rec h3,.page-play .mgtv-play-side-rec .rank-title{font-size:15px!important;line-height:1.45!important;color:#fff!important;-webkit-line-clamp:2!important}.page-play .mgtv-play-side-rec p,.page-play .mgtv-play-side-rec .rank-info,.page-play .mgtv-play-side-rec .rank-info p,.page-play .mgtv-play-side-rec .fuc{display:block!important;color:rgba(255,255,255,.58)!important;font-size:13px!important;line-height:1.5!important;-webkit-line-clamp:2!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.page-play .mgtv-play-side-rec .tag,.page-play .mgtv-play-side-rec .tpjb,.page-play .mgtv-play-side-rec .poster-score{display:none!important}
.page-play .mgtv-play-media{flex:0 0 auto!important;margin-bottom:18px!important}.page-play .mgtv-side-scroll{border-top:0!important}.page-play .mgtv-side-scroll .play-list{max-height:none!important;overflow:visible!important;scrollbar-width:none!important}.page-play .mgtv-side-scroll .play-list::-webkit-scrollbar{display:none!important}.page-play .mgtv-side-scroll .play-list .player-lines,.page-play .mgtv-side-scroll .play-list .episode-grid,.page-play .mgtv-side-scroll .play-list .episodes{padding-right:0!important}.page-play .mgtv-play-side-rec{margin-top:18px!important}.page-play .mgtv-side-scroll::-webkit-scrollbar{width:10px!important}.page-play .mgtv-side-scroll::-webkit-scrollbar-thumb{background:#8c8c8c!important;border-radius:8px!important;border:3px solid transparent!important;background-clip:content-box!important}
.page-play .play-list.is-episode-folded:not(.is-episode-open) .episode-extra-hidden{display:none!important}.page-play .episode-more-toggle{display:inline-flex;align-items:center;gap:6px;margin:4px 0 24px;padding:0;border:0;background:transparent;color:#fff;font-size:15px;font-weight:900;cursor:pointer}.page-play .episode-more-toggle:before{content:"";width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid #fff}.page-play .episode-more-toggle[aria-expanded="true"]:before{transform:rotate(90deg)}.page-play .episode-more-toggle:hover{color:#fff}
.page-play .mgtv-play-content{width:calc(100% - 60px)!important;max-width:none!important;margin:0 auto!important}.page-play .mgtv-watch-more .movie-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:22px 20px!important}.page-play .mgtv-watch-more .movie-grid h2,.page-play .mgtv-watch-more .movie-grid h3,.page-play .mgtv-watch-more .movie-grid .rank-title{display:block!important;min-height:0!important;margin:8px 0 0!important;color:#111827!important;font-size:15px!important;line-height:1.35!important;font-weight:800!important;-webkit-line-clamp:2!important}.page-play .mgtv-watch-more .movie-grid p,.page-play .mgtv-watch-more .movie-grid .rank-info p{display:none!important}.page-play .mgtv-play-side-rec li{display:block!important}.page-play .mgtv-play-side-rec .img-x,.page-play .mgtv-play-side-rec .poster,.page-play .mgtv-play-side-rec .movie-poster,.page-play .mgtv-play-side-rec .rank-pic{width:100%!important;aspect-ratio:16/9!important;margin:0 0 7px!important}.page-play .mgtv-play-side-rec h2,.page-play .mgtv-play-side-rec h3,.page-play .mgtv-play-side-rec .rank-title{display:block!important;margin:0!important;color:#fff!important;font-size:14px!important;line-height:1.4!important;font-weight:800!important;-webkit-line-clamp:2!important;overflow:hidden!important}.page-play .mgtv-play-side-rec p,.page-play .mgtv-play-side-rec .rank-info,.page-play .mgtv-play-side-rec .rank-info p,.page-play .mgtv-play-side-rec .fuc{display:none!important}
@media(max-width:1199px){.page-play .mgtv-watch-more .movie-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:767px){.page-play .mgtv-play-content{width:calc(100% - 24px)!important}.page-play .mgtv-watch-more .movie-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:1199px){.page-play .mgtv-play-side{height:500px!important;min-height:500px!important;max-height:500px!important}.page-play .mgtv-play-side-rec li{grid-template-columns:112px minmax(0,1fr)!important}.page-play .mgtv-play-side-rec .img-x,.page-play .mgtv-play-side-rec .poster,.page-play .mgtv-play-side-rec .movie-poster,.page-play .mgtv-play-side-rec .rank-pic{width:112px!important}}
@media(max-width:767px){.page-play .play-head{padding:14px 12px 18px!important}.page-play .play-head .mgtv-program-info{margin-top:10px!important}.page-play .mgtv-play-side{height:auto!important;min-height:0!important;max-height:none!important}}
.page-play .mgtv-play-content{width:calc(100% - 60px)!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important}.page-play .mgtv-watch-more{padding-left:46px!important;padding-right:46px!important}.page-play .mgtv-watch-more .movie-grid{align-items:start!important}.page-play .mgtv-watch-more .movie-grid .img-x,.page-play .mgtv-watch-more .movie-grid .poster,.page-play .mgtv-watch-more .movie-grid .movie-poster,.page-play .mgtv-watch-more .movie-grid .rank-pic{aspect-ratio:16/9!important;border-radius:4px!important;box-shadow:none!important}.page-play .mgtv-watch-more .movie-grid .fuc{position:static!important;display:block!important;min-height:0!important;padding:0!important;margin:8px 0 0!important;background:transparent!important;color:#101828!important;transform:none!important;opacity:1!important}.page-play .mgtv-watch-more .movie-grid .fuc i{display:none!important}.page-play .mgtv-watch-more .movie-grid .fuc h2,.page-play .mgtv-watch-more .movie-grid .fuc h3,.page-play .mgtv-watch-more .movie-grid h2,.page-play .mgtv-watch-more .movie-grid h3,.page-play .mgtv-watch-more .movie-grid .rank-title{display:-webkit-box!important;margin:8px 0 0!important;min-height:0!important;color:#101828!important;font-size:15px!important;line-height:1.35!important;font-weight:800!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;white-space:normal!important;text-shadow:none!important}.page-play .mgtv-watch-more .movie-grid .rank-info{display:block!important}.page-play .mgtv-watch-more .movie-grid .rank-info p{display:none!important}.page-play .mgtv-play-side-rec ul{display:grid!important;gap:14px!important}.page-play .mgtv-play-side-rec li{display:grid!important;grid-template-columns:112px minmax(0,1fr)!important;gap:12px!important;align-items:start!important}.page-play .mgtv-play-side-rec .img-x,.page-play .mgtv-play-side-rec .poster,.page-play .mgtv-play-side-rec .movie-poster,.page-play .mgtv-play-side-rec .rank-pic{width:112px!important;aspect-ratio:16/9!important;margin:0!important;border-radius:4px!important;box-shadow:none!important}.page-play .mgtv-play-side-rec .rank-info,.page-play .mgtv-play-side-rec .fuc{position:static!important;display:block!important;min-width:0!important;padding:0!important;margin:0!important;background:transparent!important;color:#fff!important;opacity:1!important;transform:none!important}.page-play .mgtv-play-side-rec .fuc i{display:none!important}.page-play .mgtv-play-side-rec .fuc h2,.page-play .mgtv-play-side-rec .fuc h3,.page-play .mgtv-play-side-rec h2,.page-play .mgtv-play-side-rec h3,.page-play .mgtv-play-side-rec .rank-title{display:-webkit-box!important;margin:0!important;color:#fff!important;font-size:14px!important;line-height:1.42!important;font-weight:800!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;white-space:normal!important;text-shadow:none!important}.page-play .mgtv-play-side-rec p,.page-play .mgtv-play-side-rec .rank-info p{display:none!important}
@media(max-width:1199px){.page-play .mgtv-watch-more{padding-left:24px!important;padding-right:24px!important}.page-play .mgtv-play-side-rec li{grid-template-columns:96px minmax(0,1fr)!important}.page-play .mgtv-play-side-rec .img-x,.page-play .mgtv-play-side-rec .poster,.page-play .mgtv-play-side-rec .movie-poster,.page-play .mgtv-play-side-rec .rank-pic{width:96px!important}}
@media(max-width:767px){.page-play .mgtv-play-content{width:calc(100% - 24px)!important}.page-play .mgtv-watch-more{padding-left:0!important;padding-right:0!important}}
.page-play .mgtv-watch-more{padding-left:0!important;padding-right:0!important}.page-play .mgtv-watch-more .section-head,.page-play .mgtv-watch-more .movie-grid{margin-left:0!important;margin-right:0!important}.page-play .mgtv-play-content .section-head h2:before{margin-left:0!important}
@media(max-width:1199px){.page-play .mgtv-watch-more{padding-left:0!important;padding-right:0!important}}
.page-play .mgtv-watch-more .movie-grid{gap:52px 20px!important}.page-play .mgtv-watch-more .movie-grid>li{position:relative!important;overflow:visible!important;padding-bottom:44px!important}.page-play .mgtv-watch-more .movie-grid .img-x{position:relative!important;overflow:visible!important;margin-bottom:0!important}.page-play .mgtv-watch-more .movie-grid .img-x>img{border-radius:4px!important}.page-play .mgtv-watch-more .movie-grid .img-x .fuc{position:absolute!important;left:0!important;right:0!important;top:100%!important;display:block!important;margin:9px 0 0!important;padding:0!important;background:transparent!important;opacity:1!important;transform:none!important;z-index:3!important;pointer-events:none!important}.page-play .mgtv-watch-more .movie-grid .img-x .fuc h2,.page-play .mgtv-watch-more .movie-grid .img-x .fuc h3{display:block!important;margin:0!important;min-height:0!important;color:#101828!important;font-size:15px!important;line-height:1.35!important;font-weight:800!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-shadow:none!important}.page-play .mgtv-watch-more .movie-grid .img-x .fuc i{display:none!important}.page-play .mgtv-watch-more .movie-grid .tpjb{display:none!important}
@media(max-width:1199px){.page-play .mgtv-watch-more .movie-grid{gap:48px 18px!important}}
.page-play .mgtv-watch-more .movie-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:54px 20px!important}.page-play .mgtv-watch-more .movie-grid .img-x,.page-play .mgtv-watch-more .movie-grid .poster,.page-play .mgtv-watch-more .movie-grid .movie-poster,.page-play .mgtv-watch-more .movie-grid .rank-pic{aspect-ratio:2/3!important;border-radius:4px!important}.page-play .mgtv-watch-more .movie-grid img{object-fit:cover!important}.page-play .mgtv-watch-more .movie-grid>li{padding-bottom:46px!important}
@media(max-width:1199px){.page-play .mgtv-watch-more .movie-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:50px 18px!important}}
@media(max-width:767px){.page-play .mgtv-watch-more .movie-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:46px 10px!important}}
.page-play .mgtv-play-side-rec ul{display:grid!important;gap:12px!important}.page-play .mgtv-play-side-rec li{display:block!important;margin:0!important;overflow:visible!important}.page-play .mgtv-play-side-rec .img-x{display:grid!important;grid-template-columns:minmax(0,1fr) 112px!important;gap:12px!important;align-items:center!important;width:100%!important;aspect-ratio:auto!important;overflow:visible!important;margin:0!important;background:transparent!important;box-shadow:none!important}.page-play .mgtv-play-side-rec .img-x img{grid-column:2!important;grid-row:1!important;width:112px!important;height:auto!important;aspect-ratio:16/9!important;object-fit:cover!important;border-radius:4px!important}.page-play .mgtv-play-side-rec .img-x .fuc{grid-column:1!important;grid-row:1!important;position:static!important;display:block!important;min-width:0!important;margin:0!important;padding:0!important;background:transparent!important;color:#fff!important;opacity:1!important;transform:none!important;text-align:left!important}.page-play .mgtv-play-side-rec .img-x .fuc i{display:none!important}.page-play .mgtv-play-side-rec .img-x .fuc h2,.page-play .mgtv-play-side-rec .img-x .fuc h3{display:-webkit-box!important;margin:0!important;color:#fff!important;font-size:14px!important;line-height:1.42!important;font-weight:800!important;text-align:left!important;white-space:normal!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;text-shadow:none!important}.page-play .mgtv-play-side-rec .tpjb{display:none!important}
@media(max-width:1199px){.page-play .mgtv-play-side-rec .img-x{grid-template-columns:minmax(0,1fr) 88px!important;gap:10px!important}.page-play .mgtv-play-side-rec .img-x img{width:88px!important}}
.page-play .play-quick-actions{background:#292a39!important;border-top:1px solid rgba(255,255,255,.06)!important}.page-play .play-quick-actions .quick-btn[data-tool="prev"]:before,.page-play .play-quick-actions .quick-btn[data-tool="next"]:before{background:rgba(255,255,255,.16)!important}
.page-play .topbar{min-height:66px!important;grid-template-columns:auto minmax(0,1fr) minmax(360px,420px)!important;gap:24px!important}.page-play .brand{gap:14px!important}.page-play .brand img{width:124px!important;height:42px!important}.page-play .brand span{font-size:24px!important;line-height:1!important;font-weight:900!important}.page-play .main-nav{gap:14px!important}.page-play .main-nav a{min-height:40px!important;padding:0 4px!important;font-size:15px!important;line-height:40px!important;font-weight:900!important}.page-play .search-form{height:40px!important;border-radius:999px!important;background:#fff!important;border:0!important;overflow:hidden!important;box-shadow:none!important}.page-play .search-form input{height:40px!important;padding:0 18px!important;color:#111827!important;font-size:14px!important;background:#fff!important}.page-play .search-form input::placeholder{color:#8a93a3!important}.page-play .search-form button{min-width:76px!important;height:40px!important;margin:0!important;border-radius:0 999px 999px 0!important;background:#ff7a00!important;color:#fff!important;font-size:14px!important;font-weight:900!important;cursor:pointer!important}
@media(max-width:1199px){.page-play .topbar{grid-template-columns:auto minmax(0,1fr) minmax(300px,360px)!important;gap:16px!important}.page-play .brand img{width:112px!important}.page-play .brand span{font-size:22px!important}.page-play .main-nav{gap:9px!important}.page-play .main-nav a{font-size:14px!important}}

/* search bar: Mango-style header pill, scoped to mgtv template pages */
.page-home .site-header .search-form,
.page-channel .site-header .search-form,
.page-show .site-header .search-form,
.page-search .site-header .search-form,
.page-topic .site-header .search-form,
.page-play .site-header .search-form{
  width:300px!important;
  max-width:360px!important;
  height:40px!important;
  display:flex!important;
  align-items:center!important;
  border:0!important;
  border-radius:999px!important;
  background:rgba(12,10,9,.88)!important;
  box-shadow:none!important;
  overflow:hidden!important;
  backdrop-filter:blur(12px)!important;
}
.page-home .site-header .search-form input,
.page-channel .site-header .search-form input,
.page-show .site-header .search-form input,
.page-search .site-header .search-form input,
.page-topic .site-header .search-form input,
.page-play .site-header .search-form input{
  flex:1 1 auto!important;
  min-width:0!important;
  height:40px!important;
  padding:0 18px!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:500!important;
}
.page-home .site-header .search-form input::placeholder,
.page-channel .site-header .search-form input::placeholder,
.page-show .site-header .search-form input::placeholder,
.page-search .site-header .search-form input::placeholder,
.page-topic .site-header .search-form input::placeholder,
.page-play .site-header .search-form input::placeholder{
  color:rgba(255,255,255,.78)!important;
}
.page-home .site-header .search-form button,
.page-channel .site-header .search-form button,
.page-show .site-header .search-form button,
.page-search .site-header .search-form button,
.page-topic .site-header .search-form button,
.page-play .site-header .search-form button{
  flex:0 0 86px!important;
  width:86px!important;
  min-width:86px!important;
  height:38px!important;
  margin:1px!important;
  padding:0!important;
  border:0!important;
  border-radius:999px!important;
  background:#ff7a00!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:38px!important;
  box-shadow:none!important;
  cursor:pointer!important;
}
.page-home .site-header .search-form:focus-within,
.page-channel .site-header .search-form:focus-within,
.page-show .site-header .search-form:focus-within,
.page-search .site-header .search-form:focus-within,
.page-topic .site-header .search-form:focus-within,
.page-play .site-header .search-form:focus-within{
  background:rgba(12,10,9,.96)!important;
}
@media(max-width:767px){
  .page-home .site-header .search-form,
  .page-channel .site-header .search-form,
  .page-show .site-header .search-form,
  .page-search .site-header .search-form,
  .page-topic .site-header .search-form,
  .page-play .site-header .search-form{
    grid-column:1/-1!important;
    width:100%!important;
    max-width:none!important;
  }
}

/* search route legacy markup compatibility */
body:not([class]){background:#fff;color:#101828;font:15px/1.65 "Microsoft YaHei","PingFang SC",Arial,sans-serif}
body:not([class]) a{text-decoration:none;color:inherit}
body:not([class]) ul,body:not([class]) ol{list-style:none;margin:0;padding:0}
body:not([class]) .zh{width:min(1280px,calc(100% - 60px));margin:0 auto}
body:not([class]) .fl{float:none!important}
body:not([class]) .fr{float:none!important}
body:not([class]) .clear{display:none!important}
body:not([class]) .site-header{position:relative;z-index:50;background:#141520!important;border:0!important;box-shadow:none!important}
body:not([class]) .site-header .tops{display:none!important}
body:not([class]) .site-header .head{min-height:66px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px;align-items:center}
body:not([class]) .site-header .logo a{display:inline-flex;align-items:center;min-height:42px;color:#fff;font-size:24px;font-weight:900;letter-spacing:0}
body:not([class]) .site-header .ss{justify-self:end;width:300px;max-width:360px}
body:not([class]) .site-header .ss form{width:100%;height:40px;display:flex;align-items:center;overflow:hidden;border:0;border-radius:999px;background:rgba(12,10,9,.88);box-shadow:none;backdrop-filter:blur(12px)}
body:not([class]) .site-header .ss input[type="search"],
body:not([class]) .site-header .ss input[name="keyword"]{flex:1 1 auto;min-width:0;height:40px;padding:0 18px;border:0;outline:0;background:transparent;color:#fff;font-size:14px;font-weight:500}
body:not([class]) .site-header .ss input[type="search"]::placeholder,
body:not([class]) .site-header .ss input[name="keyword"]::placeholder{color:rgba(255,255,255,.78)}
body:not([class]) .site-header .ss input[type="submit"]{flex:0 0 86px;width:86px;min-width:86px;height:38px;margin:1px;padding:0;border:0;border-radius:999px;background:#ff7a00;color:#fff;font-size:14px;font-weight:900;line-height:38px;cursor:pointer}
body:not([class]) .site-header .ss form:focus-within{background:rgba(12,10,9,.96)}
body:not([class]) .site-header .main-nav{border-top:1px solid rgba(255,255,255,.08);background:#141520!important}
body:not([class]) .site-header .main-nav #pull{display:none!important}
body:not([class]) .site-header .main-nav ul{width:min(1280px,calc(100% - 60px));min-height:44px;display:flex;align-items:center;gap:18px;margin:0 auto;padding:0}
body:not([class]) .site-header .main-nav li{display:block;margin:0;padding:0}
body:not([class]) .site-header .main-nav a{display:inline-flex;align-items:center;min-height:40px;color:rgba(255,255,255,.78);font-size:15px;font-weight:900}
body:not([class]) .site-header .main-nav a:hover{color:#fff}
body:not([class]) .h60{display:none!important}
body:not([class]) .page-main{width:min(1280px,calc(100% - 60px));max-width:none;margin:0 auto;padding:28px 0 42px}
body:not([class]) .place{margin:0 0 18px;color:#7a8291;font-size:14px}
body:not([class]) .syqk{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:36px;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
body:not([class]) .left,body:not([class]) .right{float:none!important;width:auto!important}
body:not([class]) .sylb,body:not([class]) .right dl{margin:0;padding:0;background:transparent;border:0}
body:not([class]) .ybbt{margin:0 0 18px;padding:0;border:0}
body:not([class]) .ybbt h1,body:not([class]) .ybbt strong{margin:0;color:#101828;font-size:30px;line-height:1.25;font-weight:900}
body:not([class]) .search-meta,body:not([class]) .search-empty{margin:0 0 20px;color:#667085}
body:not([class]) .list-dis ul{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px 16px}
body:not([class]) .phb{display:grid;gap:0}
body:not([class]) .phb li{display:grid;grid-template-columns:26px 48px minmax(0,1fr);gap:10px;align-items:center;min-height:74px;padding:10px 0;border-bottom:1px solid #edf0f5}
body:not([class]) .phb li:before{display:none!important}
body:not([class]) .phb .rank-num{display:block;color:#ff7a00;font-size:20px;font-weight:900;text-align:center}
body:not([class]) .phb .rank-pic{display:block;width:48px;aspect-ratio:1/1;overflow:hidden;border-radius:4px;background:#eef2f8}
body:not([class]) .phb .rank-pic img{width:100%;height:100%;object-fit:cover}
body:not([class]) .phb .rank-info{min-width:0}
body:not([class]) .phb .rank-title{display:block;color:#101828;font-size:14px;font-weight:800;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body:not([class]) .phb p{margin:4px 0 0;color:#8a93a3;font-size:12px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body:not([class]) .footer{margin:0;padding:14px 20px;background:#f7f8fb;color:#858b98;text-align:center}
body:not([class]) .footer p{margin:3px 0;font-size:12px}
@media(max-width:1199px){
  body:not([class]) .list-dis ul{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:767px){
  body:not([class]) .zh,body:not([class]) .page-main{width:calc(100% - 24px)}
  body:not([class]) .site-header .head{grid-template-columns:1fr;gap:12px;padding:12px 0}
  body:not([class]) .site-header .ss{justify-self:stretch;width:100%;max-width:none}
  body:not([class]) .site-header .main-nav ul{width:calc(100% - 24px);overflow:auto;gap:14px}
  body:not([class]) .syqk{grid-template-columns:1fr}
  body:not([class]) .list-dis ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 9px}
}
@media(max-width:480px){
  body:not([class]) .list-dis ul{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* final search pill override: keep header search light across pages */
.page-home .site-header.is-hot-fixed .search-form,
.page-home .site-header .search-form,
.page-search .site-header .search-form,
.page-channel .site-header.is-channel-fixed .search-form,
.page-channel .site-header .search-form,
.page-show .site-header .search-form,
.page-topic .site-header .search-form,
.page-play .site-header .search-form{
  height:40px!important;
  display:flex!important;
  align-items:center!important;
  border:1px solid rgba(255,255,255,.76)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.90)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.08)!important;
  overflow:hidden!important;
  backdrop-filter:blur(10px)!important;
}
.page-home .site-header.is-hot-fixed .search-form input,
.page-home .site-header .search-form input,
.page-search .site-header .search-form input,
.page-channel .site-header.is-channel-fixed .search-form input,
.page-channel .site-header .search-form input,
.page-show .site-header .search-form input,
.page-topic .site-header .search-form input,
.page-play .site-header .search-form input{
  min-width:0!important;
  height:40px!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#1f2633!important;
}
.page-home .site-header.is-hot-fixed .search-form input::placeholder,
.page-home .site-header .search-form input::placeholder,
.page-search .site-header .search-form input::placeholder,
.page-channel .site-header.is-channel-fixed .search-form input::placeholder,
.page-channel .site-header .search-form input::placeholder,
.page-show .site-header .search-form input::placeholder,
.page-topic .site-header .search-form input::placeholder,
.page-play .site-header .search-form input::placeholder{
  color:#6f7785!important;
}
.page-home .site-header.is-hot-fixed .search-form button,
.page-home .site-header .search-form button,
.page-search .site-header .search-form button,
.page-channel .site-header.is-channel-fixed .search-form button,
.page-channel .site-header .search-form button,
.page-show .site-header .search-form button,
.page-topic .site-header .search-form button,
.page-play .site-header .search-form button{
  flex:0 0 86px!important;
  width:86px!important;
  min-width:86px!important;
  height:38px!important;
  margin:1px!important;
  padding:0!important;
  border:0!important;
  border-radius:999px!important;
  background:#ff7a00!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:38px!important;
}

/* search pill should stay white in every interactive state */
.page-search .site-header .search-form,
.page-home .site-header.is-hot-fixed .search-form,
.page-channel .site-header .search-form,
.page-channel .site-header.is-channel-fixed .search-form,
.page-show .site-header .search-form,
.page-topic .site-header .search-form,
.page-play .site-header .search-form{
  background:#fff!important;
  border:1px solid #eceff5!important;
  box-shadow:none!important;
}
.page-search .site-header .search-form input,
.page-home .site-header.is-hot-fixed .search-form input,
.page-channel .site-header .search-form input,
.page-channel .site-header.is-channel-fixed .search-form input,
.page-show .site-header .search-form input,
.page-topic .site-header .search-form input,
.page-play .site-header .search-form input{
  color:#111827!important;
  background:transparent!important;
}
.page-search .site-header .search-form input::placeholder,
.page-home .site-header.is-hot-fixed .search-form input::placeholder,
.page-channel .site-header .search-form input::placeholder,
.page-channel .site-header.is-channel-fixed .search-form input::placeholder,
.page-show .site-header .search-form input::placeholder,
.page-topic .site-header .search-form input::placeholder,
.page-play .site-header .search-form input::placeholder{
  color:#6b7280!important;
}
.page-search .site-header .search-form:focus-within,
.page-search .site-header .search-form:hover,
.page-channel .site-header .search-form:focus-within,
.page-channel .site-header .search-form:hover,
.page-show .site-header .search-form:focus-within,
.page-show .site-header .search-form:hover,
.page-topic .site-header .search-form:focus-within,
.page-topic .site-header .search-form:hover,
.page-play .site-header .search-form:focus-within,
.page-play .site-header .search-form:hover{
  background:#fff!important;
  border:1px solid #eceff5!important;
  box-shadow:none!important;
}
.page-search .site-header .search-form:focus-within input,
.page-search .site-header .search-form:hover input,
.page-channel .site-header .search-form:focus-within input,
.page-channel .site-header .search-form:hover input,
.page-show .site-header .search-form:focus-within input,
.page-show .site-header .search-form:hover input,
.page-topic .site-header .search-form:focus-within input,
.page-topic .site-header .search-form:hover input,
.page-play .site-header .search-form:focus-within input,
.page-play .site-header .search-form:hover input{
  color:#111827!important;
}
.page-search .site-header .search-form:focus-within input::placeholder,
.page-search .site-header .search-form:hover input::placeholder,
.page-channel .site-header .search-form:focus-within input::placeholder,
.page-channel .site-header .search-form:hover input::placeholder,
.page-show .site-header .search-form:focus-within input::placeholder,
.page-show .site-header .search-form:hover input::placeholder,
.page-topic .site-header .search-form:focus-within input::placeholder,
.page-topic .site-header .search-form:hover input::placeholder,
.page-play .site-header .search-form:focus-within input::placeholder,
.page-play .site-header .search-form:hover input::placeholder{
  color:#6b7280!important;
}

/* homepage header search should stay light over the hero */
.page-home .site-header .search-form{
  background:rgba(255,255,255,.90)!important;
  border:1px solid rgba(255,255,255,.76)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.08)!important;
  backdrop-filter:blur(10px)!important;
}
.page-home .site-header .search-form input{
  color:#1f2633!important;
}
.page-home .site-header .search-form input::placeholder{
  color:#6f7785!important;
}
.page-home .site-header .search-form:focus-within,
.page-home .site-header .search-form:hover{
  background:#fff!important;
  border-color:#ffe0b2!important;
}

/* MangoTV-style dual logo */
.site-header .logo{
  height:52px!important;
  min-width:198px!important;
  display:flex!important;
  align-items:center!important;
  gap:0!important;
  background:transparent!important;
  overflow:visible!important;
}
.site-header .logo img,
.site-header .logo svg{
  height:52px!important;
  width:auto!important;
  display:block!important;
  object-fit:contain!important;
}
.site-header .logo-light,
.site-header .logo-dark{
  flex:0 0 auto;
}
.site-header.is-transparent .logo-dark,
.header.is-transparent .logo-dark{
  display:none!important;
}
.site-header.is-transparent .logo-light,
.header.is-transparent .logo-light{
  display:block!important;
}
.site-header.is-solid .logo-light,
.header.is-solid .logo-light{
  display:none!important;
}
.site-header.is-solid .logo-dark,
.header.is-solid .logo-dark{
  display:block!important;
}
.site-header:not(.is-transparent):not(.is-solid) .logo-light{
  display:none!important;
}
.site-header:not(.is-transparent):not(.is-solid) .logo-dark{
  display:block!important;
}
.page-play .site-header .logo-light,
.page-play .site-header.is-solid .logo-light{
  display:block!important;
}
.page-play .site-header .logo-dark,
.page-play .site-header.is-solid .logo-dark{
  display:none!important;
}

/* mgtv search page panels */
.page-search .mgtv-search-main{
  padding-top:26px;
}
.page-search .mgtv-search-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 360px;
  gap:24px;
  align-items:start;
}
.page-search .mgtv-search-content{
  min-width:0;
  display:grid;
  gap:18px;
}
.page-search .mgtv-search-content .list-title{
  margin:0;
}
.page-search .mgtv-search-results{
  min-height:176px;
}
.page-search .mgtv-search-hot{
  position:sticky;
  top:88px;
  min-height:312px;
  padding:22px;
  border:1px solid #ffe1bd;
  border-radius:18px;
  background:#fffaf3;
  box-shadow:0 16px 38px rgba(16,24,40,.07);
}
.page-search .section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin:0 0 18px;
}
.page-search .section-head h2{
  margin:0;
  color:#06132b;
  font-size:24px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:0;
}
.page-search .section-head span{
  color:#8a93a3;
  font-size:13px;
  font-weight:700;
  white-space:nowrap;
}
.page-search .mgtv-hot-list{
  display:grid;
  gap:0;
  margin:0;
  padding:0;
  list-style:none;
}
.page-search .mgtv-hot-list li{
  display:grid!important;
  grid-template-columns:30px minmax(0,1fr);
  gap:12px;
  align-items:center;
  min-height:42px;
  padding:9px 0;
  border-bottom:1px solid rgba(255,122,0,.14);
}
.page-search .mgtv-hot-list li:last-child{
  border-bottom:0;
}
.page-search .mgtv-hot-list .rank-num{
  display:grid;
  place-items:center;
  width:26px;
  height:26px;
  border-radius:999px;
  background:#fff;
  color:#ff6a00;
  font-size:15px;
  font-weight:900;
  box-shadow:inset 0 0 0 1px rgba(255,122,0,.18);
}
.page-search .mgtv-hot-list li:nth-child(-n+3) .rank-num{
  background:#ff8a00;
  color:#fff;
  box-shadow:none;
}
.page-search .mgtv-hot-list .rank-info{
  min-width:0;
}
.page-search .mgtv-hot-list .rank-title{
  display:block;
  color:#111827;
  font-size:15px;
  font-weight:900;
  line-height:1.35;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.page-search .mgtv-hot-list .rank-pic,
.page-search .mgtv-hot-list p{
  display:none!important;
}
.page-search .mgtv-search-related{
  position:relative;
  overflow:hidden;
  padding-bottom:24px;
}
.page-search .mgtv-related-window{
  overflow:hidden;
}
.page-search .mgtv-related-track{
  display:flex!important;
  grid-template-columns:none!important;
  gap:18px!important;
  margin:0;
  padding:0;
  transition:transform .28s ease;
  will-change:transform;
}
.page-search .mgtv-related-track>li{
  flex:0 0 calc((100% - 72px)/5);
  min-width:0;
}
.page-search .mgtv-related-btn{
  position:absolute;
  top:50%;
  z-index:3;
  width:38px;
  height:38px;
  border:0;
  border-radius:999px;
  background:#ff7a00;
  color:#fff;
  font-size:30px;
  line-height:34px;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 10px 24px rgba(255,122,0,.25);
  transform:translateY(-20%);
}
.page-search .mgtv-related-prev{
  left:12px;
}
.page-search .mgtv-related-next{
  right:12px;
}
.page-search .mgtv-related-btn:disabled{
  opacity:.34;
  cursor:default;
  box-shadow:none;
}
@media(max-width:1199px){
  .page-search .mgtv-search-layout{
    grid-template-columns:1fr;
  }
  .page-search .mgtv-search-hot{
    position:static;
    min-height:0;
  }
  .page-search .mgtv-related-track>li{
    flex-basis:calc((100% - 54px)/4);
  }
}
@media(max-width:767px){
  .page-search .mgtv-search-layout{
    gap:16px;
  }
  .page-search .mgtv-search-hot,
  .page-search .mgtv-search-related{
    border-radius:14px;
  }
  .page-search .mgtv-related-track>li{
    flex-basis:calc((100% - 36px)/3);
  }
  .page-search .mgtv-related-btn{
    width:34px;
    height:34px;
    font-size:26px;
    line-height:30px;
  }
}
@media(max-width:480px){
  .page-search .mgtv-related-track{
    gap:12px!important;
  }
  .page-search .mgtv-related-track>li{
    flex-basis:calc((100% - 12px)/2);
  }
  .page-search .section-head{
    align-items:flex-start;
    flex-direction:column;
    gap:6px;
  }
}

/* keep search page input white in every interactive state */
.page-search .site-header .search-form,
.page-search .site-header .search-form:hover,
.page-search .site-header .search-form:focus,
.page-search .site-header .search-form:focus-within,
.page-search .site-header .search-form:active{
  background:#fff!important;
  border:1px solid #eceff5!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.page-search .site-header .search-form input,
.page-search .site-header .search-form:hover input,
.page-search .site-header .search-form:focus-within input,
.page-search .site-header .search-form:active input{
  color:#111827!important;
  background:transparent!important;
}
.page-search .site-header .search-form input::placeholder,
.page-search .site-header .search-form:hover input::placeholder,
.page-search .site-header .search-form:focus-within input::placeholder,
.page-search .site-header .search-form:active input::placeholder{
  color:#6b7280!important;
}

/* mgtv program description isolation 20260531 */
.page-play .mgtv-program-text .mgtv-program-meta{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px 18px!important;margin:0 0 16px!important}
.page-play .mgtv-program-text .mgtv-program-meta div{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;gap:8px!important;align-items:start!important;min-width:0!important;color:rgba(255,255,255,.86)!important;font-size:14px!important;line-height:1.7!important}
.page-play .mgtv-program-text .mgtv-program-meta dt{margin:0!important;color:rgba(255,255,255,.66)!important;font-weight:800!important;white-space:nowrap!important}
.page-play .mgtv-program-text .mgtv-program-meta dd{margin:0!important;min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:rgba(255,255,255,.94)!important}
.page-play .mgtv-program-desc{display:grid;gap:14px;margin-top:12px;color:rgba(255,255,255,.90)}
.page-play .mgtv-program-desc section{padding-top:12px;border-top:1px solid rgba(255,255,255,.10)}
.page-play .mgtv-program-desc h3{margin:0 0 8px;color:#fff;font-size:20px;line-height:1.35;font-weight:900}
.page-play .mgtv-program-desc p{margin:0;color:rgba(255,255,255,.84);font-size:14px;line-height:1.9;white-space:normal}
.page-play .mgtv-program-info .mgtv-program-desc .summary-text,.page-play .mgtv-program-info .mgtv-program-desc p{max-height:none!important;overflow:visible!important}
.mgtv-desc-sections{display:grid;gap:16px}.mgtv-desc-sections section+section{padding-top:12px;border-top:1px solid var(--line)}
@media(max-width:767px){.page-play .mgtv-program-text .mgtv-program-meta{grid-template-columns:1fr!important}.page-play .mgtv-program-desc h3{font-size:17px}.page-play .mgtv-program-desc p{font-size:13px;line-height:1.75}}


/* mgtv dynamic category filter 20260531 */
.page-channel .mgtv-channel-filter{background:#fff;position:relative;z-index:3}
.page-channel .mgtv-channel-filter-top{align-items:center}
.page-channel .mgtv-channel-filter .mgtv-channel-more{display:inline-flex;align-items:center;justify-content:center;min-width:90px;height:36px;padding:0 24px;border:1px solid #eef0f5;border-radius:999px;background:#f6f6f6;color:#1f2937;font-size:14px;font-weight:800;cursor:pointer;white-space:nowrap;font-family:inherit}
.page-channel .mgtv-channel-filter .mgtv-channel-more:hover,.page-channel .mgtv-channel-filter .mgtv-channel-more.is-open{background:#fff4e8;border-color:#ffddbd;color:#ff7a00}
.page-channel .mgtv-channel-filter-panel{display:none;width:min(1280px,calc(100% - 80px));margin:0 auto 28px;padding:18px 22px 20px;border:1px solid rgba(255,122,0,.45);border-radius:8px;background:#282937;color:#d7d8e2;box-shadow:0 18px 36px rgba(15,18,28,.18)}
.page-channel .mgtv-channel-filter-panel.is-open{display:block}
.page-channel .mgtv-channel-filter-row{display:grid;grid-template-columns:52px minmax(0,1fr);gap:14px;align-items:start}
.page-channel .mgtv-channel-filter-label{height:30px;line-height:30px;color:#b9bbc8;font-size:14px;font-weight:700}
.page-channel .mgtv-channel-filter-options{display:flex;flex-wrap:wrap;gap:12px 18px}
.page-channel .mgtv-channel-filter-options a{display:inline-flex;align-items:center;justify-content:center;min-width:58px;height:30px;padding:0 14px;border:0;border-radius:999px;background:transparent;color:#d9dae5;font-size:14px;font-weight:700;box-shadow:none}
.page-channel .mgtv-channel-filter-options a:hover,.page-channel .mgtv-channel-filter-options a.active{background:#ff6b00;color:#fff}
@media(max-width:1199px){.page-channel .mgtv-channel-filter-panel{width:calc(100% - 48px)}}
@media(max-width:767px){.page-channel .mgtv-channel-filter-panel{width:calc(100% - 24px);padding:14px}.page-channel .mgtv-channel-filter-row{grid-template-columns:1fr}.page-channel .mgtv-channel-filter-options{gap:10px}.page-channel .mgtv-channel-filter .mgtv-channel-more{min-width:78px;padding:0 18px}}



/* mgtv subtype list page 20260531 */
.page-channel.is-subtype-list{background:#fff}
.page-channel.is-subtype-list .site-header{position:relative;background:#282937!important;background-image:none!important;border-bottom:0;box-shadow:none}
.page-channel.is-subtype-list .brand,.page-channel.is-subtype-list .brand span,.page-channel.is-subtype-list .main-nav a{color:#fff;text-shadow:none}
.page-channel.is-subtype-list .main-nav a.active,.page-channel.is-subtype-list .main-nav a:hover{color:#ff7a00}
.page-channel.is-subtype-list .mgtv-channel-hero{display:none}
.page-channel.is-subtype-list .mgtv-channel-filter{background:#282937;padding:14px 0 0;box-shadow:0 18px 34px rgba(20,22,35,.18)}
.page-channel.is-subtype-list .mgtv-channel-filter-top{display:none}
.page-channel.is-subtype-list .mgtv-channel-filter-panel{display:block;width:min(1280px,calc(100% - 64px));margin:0 auto;padding:22px 0 26px;border:0;border-radius:0;background:transparent;box-shadow:none}
.page-channel.is-subtype-list .mgtv-channel-filter-row{grid-template-columns:52px minmax(0,1fr)}
.page-channel.is-subtype-list .mgtv-channel-content{padding-top:30px}
.page-channel.is-subtype-list .mgtv-channel-head h2{font-size:26px}
@media(max-width:767px){.page-channel.is-subtype-list .mgtv-channel-filter-panel{width:calc(100% - 24px)}.page-channel.is-subtype-list .mgtv-channel-filter-row{grid-template-columns:1fr}.page-channel.is-subtype-list .site-header{position:relative}}


.page-channel.is-subtype-list .mgtv-channel-section:not(.mgtv-channel-all){display:none}
.page-channel.is-subtype-list .mgtv-channel-all{margin-top:0}
.page-channel.is-subtype-list .mgtv-channel-all .movie-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:28px 20px}
@media(max-width:1199px){.page-channel.is-subtype-list .mgtv-channel-all .movie-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:767px){.page-channel.is-subtype-list .mgtv-channel-all .movie-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 10px}}


/* mgtv subtype header contrast 20260531 */
.page-channel.is-subtype-list .site-header .logo-light{display:block!important;opacity:1!important;filter:none!important}
.page-channel.is-subtype-list .site-header .logo-dark{display:none!important}
.page-channel.is-subtype-list .main-nav a{color:rgba(255,255,255,.86)!important;text-shadow:none!important}
.page-channel.is-subtype-list .main-nav a.active,.page-channel.is-subtype-list .main-nav a:hover{color:#fff!important}
.page-channel.is-subtype-list .main-nav a.active{font-weight:900}
.page-channel.is-subtype-list .brand{color:#fff!important;text-shadow:none!important}



/* mobile-seo-responsive-20260601: mgtv_style, mobile only */
@media(max-width:768px){
html,body{width:100%;max-width:100%;overflow-x:hidden;-webkit-tap-highlight-color:transparent}body{font-size:16px;line-height:1.7}img,video,iframe{max-width:100%;height:auto}.site-wrap,.container,.main{width:100%!important;max-width:100%!important;min-width:0!important}.container{padding-left:12px!important;padding-right:12px!important}.topbar{width:100%!important;min-height:58px!important;grid-template-columns:minmax(96px,auto) 44px!important;gap:10px!important;padding-top:8px!important;padding-bottom:8px!important}.brand,.logo{min-width:0!important}.brand img,.logo img,.site-header .logo img{width:96px!important;max-width:96px!important;height:34px!important;object-fit:contain!important}.nav-toggle{display:block!important;width:44px!important;height:44px!important;min-height:44px!important;justify-self:end!important}.main-nav{grid-column:1/-1!important;width:100%!important;max-width:100%!important;gap:8px!important;padding:4px 0 2px!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;-webkit-overflow-scrolling:touch}.site-header.open .main-nav{display:flex!important}.main-nav a{flex:0 0 auto!important;min-height:42px!important;padding:0 13px!important;font-size:14px!important}.search-form{grid-column:1/-1!important;width:100%!important;max-width:100%!important;height:44px!important;min-height:44px!important;margin:0!important}.search-form input{min-width:0!important;height:44px!important;font-size:15px!important}.search-form button{flex:0 0 auto!important;min-width:72px!important;min-height:44px!important;padding:0 14px!important;white-space:nowrap!important}.main{padding-top:14px!important;padding-bottom:28px!important}.hero,.mgtv-channel-hero,.mgtv-search-layout{display:grid!important;grid-template-columns:1fr!important;gap:14px!important}.hero-main,.hero-track>li{min-height:260px!important}.hero-main{height:260px!important;max-height:260px!important;border-radius:16px!important}.hero-copy{left:18px!important;right:18px!important;top:18px!important}.hero-copy h1{font-size:22px!important;line-height:1.2!important}.hero-track .rank-title,.hero-track h2 a,.hero-track h3 a{font-size:21px!important;line-height:1.22!important}.mgtv-channel-nav-inner,.channel-grid{display:flex!important;grid-template-columns:none!important;gap:8px!important;overflow-x:auto!important;overflow-y:hidden!important;padding-bottom:4px!important;-webkit-overflow-scrolling:touch}.mgtv-channel-nav-inner a,.channel-grid a{flex:0 0 auto!important;min-width:78px!important;min-height:44px!important;padding:10px 13px!important;border-radius:14px!important}.section,.filter-panel,.list-title,.detail-hero,.play-head,.vod-comments{width:100%!important;margin-left:0!important;margin-right:0!important;padding:14px!important;border-radius:16px!important}.section-head{align-items:flex-start!important;gap:10px!important}.section-head h1,.section-head h2,.list-title h1{font-size:22px!important;line-height:1.25!important}.movie-grid,.home-landscape-grid,.home-mixed-grid,.home-poster-grid,.mgtv-channel-feature-grid,.mgtv-channel-poster-grid,.mgtv-channel-landscape-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px 8px!important}.movie-grid>li{min-width:0!important}.movie-grid .img-x,.movie-grid .poster,.movie-grid .movie-poster,.movie-grid .rank-pic{border-radius:10px!important;aspect-ratio:2/3!important}.movie-grid h2,.movie-grid h3,.movie-grid .rank-title{min-height:36px!important;margin-top:7px!important;font-size:13px!important;line-height:1.38!important}.movie-grid p,.movie-grid .rank-info p{font-size:12px!important}.filter-row{grid-template-columns:1fr!important;gap:8px!important}.filter-scroll,.type-filter .menu_2{flex-wrap:nowrap!important;overflow-x:auto!important;white-space:nowrap!important}.filter-scroll a,.type-filter .menu_2 a{flex:0 0 auto!important;min-height:40px!important}.detail-hero{grid-template-columns:112px minmax(0,1fr)!important;gap:14px!important;align-items:start!important}.poster-wrap{max-width:none!important}.detail-poster{width:112px!important;border-radius:12px!important}.detail-info h1{font-size:24px!important;line-height:1.25!important}.detail-info dl div{grid-template-columns:42px minmax(0,1fr)!important}.detail-actions a,.primary-btn,.ghost-btn,.summary-toggle,.comment-toggle{min-height:44px!important}.summary-text{font-size:15px!important;line-height:1.75!important}.player-stage{width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;padding:0!important;border-radius:0!important}.player-wrap{border-radius:0!important}.play-list .player-lines,.play-list .episode-grid,.play-list .episodes{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}.play-list a,.source-btn{width:100%!important;max-width:none!important;min-height:42px!important;padding:8px 6px!important;font-size:13px!important}.page-search .mgtv-search-hot{position:static!important;padding:14px!important}.site-footer{width:calc(100% - 24px)!important;margin:18px auto 72px!important;padding:16px!important;border-radius:16px!important}}
@media(max-width:480px){.movie-grid,.home-landscape-grid,.home-mixed-grid,.home-poster-grid,.mgtv-channel-feature-grid,.mgtv-channel-poster-grid,.mgtv-channel-landscape-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.detail-hero{grid-template-columns:96px minmax(0,1fr)!important}.detail-poster{width:96px!important}.play-list .player-lines,.play-list .episode-grid,.play-list .episodes{grid-template-columns:repeat(2,minmax(0,1fr))!important}}


/* mgtv mobile menu position/column override 20260601 */
@media(max-width:768px){
  .site-header .topbar{
    grid-template-columns:44px minmax(88px,auto) minmax(0,1fr)!important;
    grid-template-areas:"menu brand search" "nav nav nav"!important;
    align-items:center!important;
    gap:8px!important;
  }
  .site-header .nav-toggle{
    grid-area:menu!important;
    grid-column:1!important;
    grid-row:1!important;
    justify-self:start!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    width:44px!important;
    height:44px!important;
    min-height:44px!important;
    border:1px solid rgba(255,138,0,.28)!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.96)!important;
    box-shadow:0 8px 20px rgba(255,122,0,.12)!important;
  }
  .site-header .nav-toggle span{width:19px!important;height:2px!important;margin:3px 0!important;background:#1f2633!important;border-radius:2px!important}
  .site-header .brand,.site-header .logo{grid-area:brand!important;grid-column:2!important;grid-row:1!important;justify-self:start!important;min-width:0!important}
  .site-header .brand img,.site-header .logo img{width:92px!important;max-width:92px!important;height:34px!important;object-fit:contain!important}
  .site-header .search-form{grid-area:search!important;grid-column:3!important;grid-row:1!important;width:100%!important;min-width:0!important;justify-self:stretch!important}
  .site-header .main-nav{
    grid-area:nav!important;
    grid-column:1/-1!important;
    grid-row:2!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    width:100%!important;
    max-height:0!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
    white-space:normal!important;
    opacity:0!important;
    visibility:hidden!important;
    transition:max-height .24s ease,opacity .18s ease,padding .18s ease!important;
  }
  .site-header.open .main-nav{max-height:380px!important;padding:8px 0 2px!important;opacity:1!important;visibility:visible!important;overflow:visible!important}
  .site-header .main-nav a{width:100%!important;min-height:42px!important;justify-content:flex-start!important;padding:0 14px!important;border-radius:12px!important;background:#fff7ed!important;color:#283142!important;box-shadow:inset 0 0 0 1px rgba(255,138,0,.12)!important}
  .site-header .main-nav a:hover,.site-header .main-nav a.active{background:linear-gradient(135deg,#ff8a00,#ffd36a)!important;color:#fff!important}
}


/* mgtv mobile menu final override 20260601 */
@media(max-width:768px){
  body .site-header .topbar,body.page-home .site-header .topbar,body.page-channel .site-header .topbar{display:grid!important;grid-template-columns:44px minmax(88px,auto) minmax(0,1fr)!important;grid-template-areas:"menu brand search" "nav nav nav"!important;align-items:center!important;gap:8px!important}
  body .site-header .nav-toggle,body.page-home .site-header .nav-toggle,body.page-channel .site-header .nav-toggle{grid-area:menu!important;grid-column:1!important;grid-row:1!important;justify-self:start!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;position:static!important;left:auto!important;right:auto!important;top:auto!important;transform:none!important;width:44px!important;height:44px!important;min-height:44px!important;margin:0!important}
  body .site-header .brand,body .site-header .logo{grid-area:brand!important;grid-column:2!important;grid-row:1!important}
  body .site-header .search-form{grid-area:search!important;grid-column:3!important;grid-row:1!important;width:100%!important;min-width:0!important}
  body .site-header .main-nav,body.page-home .site-header .main-nav,body.page-channel .site-header .main-nav{grid-area:nav!important;grid-column:1/-1!important;grid-row:2!important;display:grid!important;grid-template-columns:1fr!important;gap:8px!important;width:100%!important;max-height:0!important;padding:0!important;margin:0!important;overflow:hidden!important;white-space:normal!important;opacity:0!important;visibility:hidden!important;transition:max-height .24s ease,opacity .18s ease,padding .18s ease!important}
  body .site-header.open .main-nav,body.page-home .site-header.open .main-nav,body.page-channel .site-header.open .main-nav{display:grid!important;max-height:420px!important;padding:8px 0 2px!important;opacity:1!important;visibility:visible!important;overflow:visible!important}
  body .site-header .main-nav a{display:flex!important;width:100%!important;min-height:42px!important;align-items:center!important;justify-content:flex-start!important}
}


/* mgtv mobile menu focus fallback 20260601 */
@media (max-width:768px){
  body .site-header.open .main-nav,
  body .site-header.nav-open .main-nav,
  body .site-header:focus-within .main-nav{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    max-height:420px!important;
    opacity:1!important;
    pointer-events:auto!important;
    visibility:visible!important;
    overflow:visible!important;
  }
  body .site-header.open .main-nav a,
  body .site-header.nav-open .main-nav a,
  body .site-header:focus-within .main-nav a{
    display:flex!important;
    width:100%!important;
    min-height:42px!important;
    align-items:center!important;
    justify-content:flex-start!important;
    white-space:normal!important;
  }
}


/* mgtv mobile menu click layer fix 20260601 */
@media (max-width:768px){
  body .site-header .nav-toggle,
  body.page-home .site-header .nav-toggle,
  body.page-channel .site-header .nav-toggle{
    position:relative!important;
    z-index:30!important;
    pointer-events:auto!important;
  }
  body .site-header .search-form,
  body.page-home .site-header .search-form,
  body.page-channel .site-header .search-form{
    position:relative!important;
    z-index:1!important;
    min-width:0!important;
    overflow:hidden!important;
  }
}


/* mgtv mobile search rail icon nav 20260601 */
@media (max-width:768px){
  body.page-home .site-header,
  body.page-channel .site-header,
  body .site-header{
    background:rgba(255,255,255,.96)!important;
    border-bottom:1px solid rgba(255,138,0,.10)!important;
  }
  body.page-home .site-header .topbar,
  body.page-channel .site-header .topbar,
  body .site-header .topbar{
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr)!important;
    grid-template-areas:"menu search" "nav nav" "history history"!important;
    width:100%!important;
    min-height:0!important;
    padding:8px 12px 10px!important;
    gap:8px!important;
    align-items:center!important;
    overflow:visible!important;
  }
  body.page-home .site-header .brand,
  body.page-channel .site-header .brand,
  body .site-header .brand,
  body .site-header .logo{
    display:none!important;
  }
  body.page-home .site-header .nav-toggle,
  body.page-channel .site-header .nav-toggle,
  body .site-header .nav-toggle{
    grid-area:menu!important;
    display:flex!important;
    position:relative!important;
    z-index:35!important;
    width:44px!important;
    height:44px!important;
    min-height:44px!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:12px!important;
    background:#fff!important;
    border:1px solid rgba(255,138,0,.22)!important;
    box-shadow:0 8px 20px rgba(255,138,0,.12)!important;
    pointer-events:none!important;
  }
  body.page-home .site-header .nav-toggle span,
  body.page-channel .site-header .nav-toggle span,
  body .site-header .nav-toggle span{
    width:18px!important;
    height:2px!important;
    margin:3px 0!important;
    background:#2b3340!important;
    border-radius:2px!important;
  }
  body.page-home .site-header .search-form,
  body.page-channel .site-header .search-form,
  body .site-header .search-form{
    grid-area:search!important;
    display:flex!important;
    position:relative!important;
    z-index:20!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:44px!important;
    min-height:44px!important;
    margin:0!important;
    border-radius:999px!important;
    overflow:hidden!important;
  }
  body .site-header .search-form input{display:block!important;min-width:0!important;height:44px!important;padding:0 12px!important;font-size:14px!important}
  body .site-header .search-form button{flex:0 0 auto!important;min-width:70px!important;height:44px!important;padding:0 12px!important;font-size:13px!important;white-space:nowrap!important}
  body.page-home .site-header .main-nav,
  body.page-channel .site-header .main-nav,
  body .site-header .main-nav,
  body.page-home .site-header.open .main-nav,
  body.page-channel .site-header.open .main-nav,
  body .site-header.open .main-nav,
  body.page-home .site-header.nav-open .main-nav,
  body.page-channel .site-header.nav-open .main-nav,
  body .site-header.nav-open .main-nav,
  body .site-header:focus-within .main-nav{
    grid-area:nav!important;
    grid-column:1/-1!important;
    grid-row:2!important;
    position:static!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    max-height:none!important;
    height:auto!important;
    padding:0!important;
    margin:0!important;
    overflow:visible!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    white-space:normal!important;
    background:transparent!important;
    box-shadow:none!important;
    border:0!important;
  }
  body .site-header .main-nav a{
    display:none!important;
  }
  body .site-header .main-nav a:nth-child(2),
  body .site-header .main-nav a:nth-child(3),
  body .site-header .main-nav a:nth-child(4),
  body .site-header .main-nav a:nth-child(5),
  body .site-header .main-nav a:nth-child(6),
  body .site-header .main-nav a:nth-child(8){
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    height:56px!important;
    min-height:56px!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    padding:6px 6px!important;
    border-radius:12px!important;
    background:#fff8ef!important;
    border:1px solid rgba(255,138,0,.18)!important;
    color:#263244!important;
    font-size:13px!important;
    font-weight:900!important;
    line-height:1.1!important;
    box-shadow:0 8px 20px rgba(255,138,0,.08)!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  body .site-header .main-nav a:nth-child(2)::before,
  body .site-header .main-nav a:nth-child(3)::before,
  body .site-header .main-nav a:nth-child(4)::before,
  body .site-header .main-nav a:nth-child(5)::before,
  body .site-header .main-nav a:nth-child(6)::before,
  body .site-header .main-nav a:nth-child(8)::before,
  body .site-header .mgtv-top-actions a::before{
    content:"";
    flex:0 0 22px!important;
    width:22px!important;
    height:22px!important;
    border-radius:8px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#fff!important;
    font-size:12px!important;
    font-weight:900!important;
    line-height:1!important;
    background:linear-gradient(135deg,#ff8a00,#ffd36a)!important;
    box-shadow:0 6px 12px rgba(255,138,0,.18)!important;
  }
  body .site-header .main-nav a:nth-child(2)::before{content:"?"}
  body .site-header .main-nav a:nth-child(3)::before{content:"TV";font-size:10px!important}
  body .site-header .main-nav a:nth-child(4)::before{content:"?"}
  body .site-header .main-nav a:nth-child(5)::before{content:"A"}
  body .site-header .main-nav a:nth-child(6)::before{content:"?"}
  body .site-header .main-nav a:nth-child(8)::before{content:"?"}
  body.page-home .site-header .main-nav a.active,
  body.page-channel .site-header .main-nav a.active,
  body .site-header .main-nav a.active,
  body .site-header .main-nav a:hover{
    background:#fff3dd!important;
    color:#111827!important;
  }
  body.page-home .site-header .mgtv-top-actions,
  body.page-channel .site-header .mgtv-top-actions,
  body .site-header .mgtv-top-actions{
    grid-area:history!important;
    grid-column:1/-1!important;
    grid-row:3!important;
    display:flex!important;
    justify-content:flex-end!important;
    align-items:center!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    color:#263244!important;
  }
  body.page-home .site-header .mgtv-top-actions a,
  body.page-channel .site-header .mgtv-top-actions a,
  body .site-header .mgtv-top-actions a{
    position:static!important;
    display:inline-flex!important;
    width:auto!important;
    min-width:78px!important;
    height:40px!important;
    min-height:40px!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    padding:0 12px!important;
    border-radius:12px!important;
    background:#fff!important;
    border:1px solid rgba(255,138,0,.18)!important;
    color:#263244!important;
    font-size:13px!important;
    font-weight:900!important;
    box-shadow:0 8px 18px rgba(255,138,0,.08)!important;
  }
  body .site-header .mgtv-top-actions a::before{content:"?"}
}
@media (max-width:380px){
  body .site-header .main-nav,
  body .site-header.open .main-nav,
  body .site-header.nav-open .main-nav,
  body .site-header:focus-within .main-nav{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body .site-header .main-nav a:nth-child(2),
  body .site-header .main-nav a:nth-child(3),
  body .site-header .main-nav a:nth-child(4),
  body .site-header .main-nav a:nth-child(5),
  body .site-header .main-nav a:nth-child(6),
  body .site-header .main-nav a:nth-child(8){
    height:52px!important;
    min-height:52px!important;
  }
}


/* mgtv mobile icon nav final visibility 20260601 */
@media (max-width:768px){
  html body.page-home .site-header:not(.is-hot-fixed) .main-nav,
  html body.page-home .site-header .topbar .main-nav,
  html body.page-channel .site-header .topbar .main-nav,
  html body .site-header .topbar .main-nav,
  html body .site-header.open .topbar .main-nav,
  html body .site-header.nav-open .topbar .main-nav,
  html body .site-header:focus-within .topbar .main-nav{
    display:grid!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    max-height:none!important;
    height:auto!important;
    overflow:visible!important;
  }
  html body .site-header .topbar .main-nav a:nth-child(2),
  html body .site-header .topbar .main-nav a:nth-child(3),
  html body .site-header .topbar .main-nav a:nth-child(4),
  html body .site-header .topbar .main-nav a:nth-child(5),
  html body .site-header .topbar .main-nav a:nth-child(6),
  html body .site-header .topbar .main-nav a:nth-child(8){
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    transform:none!important;
  }
  html body .site-header .topbar .main-nav a:nth-child(2)::before,
  html body .site-header .topbar .main-nav a:nth-child(3)::before,
  html body .site-header .topbar .main-nav a:nth-child(4)::before,
  html body .site-header .topbar .main-nav a:nth-child(5)::before,
  html body .site-header .topbar .main-nav a:nth-child(6)::before,
  html body .site-header .topbar .main-nav a:nth-child(8)::before,
  html body .site-header .topbar .mgtv-top-actions a::before{
    content:""!important;
    background:linear-gradient(135deg,#ff8a00,#ffd36a)!important;
  }
  html body .site-header .topbar .main-nav a:nth-child(2)::before{border-radius:50% 50% 50% 12%!important}
  html body .site-header .topbar .main-nav a:nth-child(3)::before{border-radius:7px!important;box-shadow:inset 0 -5px 0 rgba(255,255,255,.42)!important}
  html body .site-header .topbar .main-nav a:nth-child(4)::before{border-radius:50%!important;box-shadow:0 0 0 4px rgba(255,138,0,.14)!important}
  html body .site-header .topbar .main-nav a:nth-child(5)::before{border-radius:8px 8px 50% 50%!important}
  html body .site-header .topbar .main-nav a:nth-child(6)::before{border-radius:7px 50% 7px 50%!important}
  html body .site-header .topbar .main-nav a:nth-child(8)::before{border-radius:50%!important;background:linear-gradient(135deg,#22c55e,#ffb22b)!important}
  html body .site-header .topbar .mgtv-top-actions a::before{border-radius:50%!important;background:linear-gradient(135deg,#64748b,#ff8a00)!important}
}
@media (max-width:380px){
  html body.page-home .site-header .topbar .main-nav,
  html body.page-channel .site-header .topbar .main-nav,
  html body .site-header .topbar .main-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}


/* mgtv mobile icon nav single row 20260601 */
@media (max-width:768px){
  html body.page-home .site-header .topbar .main-nav,
  html body.page-channel .site-header .topbar .main-nav,
  html body .site-header .topbar .main-nav,
  html body .site-header.open .topbar .main-nav,
  html body .site-header.nav-open .topbar .main-nav,
  html body .site-header:focus-within .topbar .main-nav{
    display:flex!important;
    flex-wrap:nowrap!important;
    grid-template-columns:none!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    max-height:none!important;
    min-height:58px!important;
    padding:0 0 2px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }
  html body .site-header .topbar .main-nav::-webkit-scrollbar{display:none!important}
  html body .site-header .topbar .main-nav a:nth-child(2),
  html body .site-header .topbar .main-nav a:nth-child(3),
  html body .site-header .topbar .main-nav a:nth-child(4),
  html body .site-header .topbar .main-nav a:nth-child(5),
  html body .site-header .topbar .main-nav a:nth-child(6),
  html body .site-header .topbar .main-nav a:nth-child(8){
    flex:0 0 auto!important;
    width:auto!important;
    min-width:76px!important;
    max-width:none!important;
    height:50px!important;
    min-height:50px!important;
    padding:6px 10px!important;
    gap:5px!important;
    white-space:nowrap!important;
  }
  html body .site-header .topbar .main-nav a:nth-child(8){min-width:96px!important}
}
@media (max-width:380px){
  html body.page-home .site-header .topbar .main-nav,
  html body.page-channel .site-header .topbar .main-nav,
  html body .site-header .topbar .main-nav{display:flex!important;grid-template-columns:none!important}
}


/* mgtv mobile remove menu history 20260601 */
@media (max-width:768px){
  html body.page-home .site-header .topbar,
  html body.page-channel .site-header .topbar,
  html body .site-header .topbar{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:"search" "nav"!important;
  }
  html body.page-home .site-header .nav-toggle,
  html body.page-channel .site-header .nav-toggle,
  html body .site-header .nav-toggle,
  html body.page-home .site-header .mgtv-top-actions,
  html body.page-channel .site-header .mgtv-top-actions,
  html body .site-header .mgtv-top-actions{
    display:none!important;
  }
  html body.page-home .site-header .search-form,
  html body.page-channel .site-header .search-form,
  html body .site-header .search-form{
    grid-area:search!important;
    grid-column:1/-1!important;
    width:100%!important;
  }
  html body.page-home .site-header .main-nav,
  html body.page-channel .site-header .main-nav,
  html body .site-header .main-nav{
    grid-area:nav!important;
    grid-column:1/-1!important;
  }
}


/* mgtv mobile hero auto rail no scrollbar 20260601 */
@media (max-width:768px){
  html body.page-home .mgtv-side-panel{
    overflow:hidden!important;
  }
  html body.page-home .mgtv-side-items{
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
    scroll-behavior:smooth!important;
    padding-bottom:0!important;
  }
  html body.page-home .mgtv-side-items::-webkit-scrollbar{
    display:none!important;
    width:0!important;
    height:0!important;
  }
}


/* mgtv mobile poster keep score only 20260601 */
@media (max-width:768px){
  html body .movie-grid .img-x .tag,
  html body .movie-grid .img-x .tag.hd,
  html body .movie-grid .img-x .tag.new,
  html body .movie-grid .img-x .tpjb,
  html body .movie-grid .rank-pic .tag,
  html body .movie-grid .rank-pic .tag.hd,
  html body .movie-grid .rank-pic .tag.new,
  html body .movie-grid .rank-pic .tpjb,
  html body .movie-grid .poster .tag,
  html body .movie-grid .poster .tpjb,
  html body .home-row .img-x .tag,
  html body .home-row .img-x .tpjb,
  html body .home-row .rank-pic .tag,
  html body .home-row .rank-pic .tpjb{
    display:none!important;
  }
  html body .movie-grid .img-x .poster-score,
  html body .movie-grid .rank-pic .poster-score,
  html body .home-row .img-x .poster-score,
  html body .home-row .rank-pic .poster-score{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    right:6px!important;
    top:6px!important;
    min-width:30px!important;
    height:20px!important;
    padding:0 6px!important;
    border-radius:999px!important;
    background:linear-gradient(135deg,#ff8a00,#ffd36a)!important;
    color:#fff!important;
    font-size:12px!important;
    font-weight:900!important;
    line-height:1!important;
    box-shadow:0 4px 10px rgba(0,0,0,.18)!important;
  }
}


/* mgtv mobile hero compact size 20260601 */
@media (max-width:768px){
  html body.page-home .mgtv-hero{
    width:100%!important;
    max-width:100%!important;
    margin:12px 0 16px!important;
    border-radius:14px!important;
    overflow:hidden!important;
    background:#17110d!important;
  }
  html body.page-home .mgtv-hero-bg{
    height:220px!important;
    min-height:220px!important;
    max-height:220px!important;
  }
  html body.page-home .mgtv-hero-img,
  html body.page-home .mgtv-hero-bg img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }
  html body.page-home .mgtv-hero-info{
    left:16px!important;
    right:16px!important;
    bottom:16px!important;
    width:auto!important;
  }
  html body.page-home .mgtv-hero-badge{
    margin-bottom:8px!important;
    padding:4px 9px!important;
    font-size:12px!important;
  }
  html body.page-home .mgtv-hero-title{
    max-width:92%!important;
    margin:0 0 6px!important;
    font-size:26px!important;
    line-height:1.12!important;
    letter-spacing:0!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
  html body.page-home .mgtv-hero-desc{
    max-width:88%!important;
    margin:0 0 12px!important;
    font-size:13px!important;
    line-height:1.45!important;
    -webkit-line-clamp:1!important;
  }
  html body.page-home .mgtv-hero-btn{
    min-width:96px!important;
    height:38px!important;
    padding:0 18px!important;
    font-size:14px!important;
  }
  html body.page-home .mgtv-side-panel{
    height:62px!important;
    min-height:62px!important;
    max-height:62px!important;
    padding:7px 10px!important;
    background:linear-gradient(180deg,rgba(30,24,18,.92),rgba(24,20,16,.96))!important;
  }
  html body.page-home .mgtv-side-items{
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
    gap:8px!important;
    padding:0!important;
    align-items:stretch!important;
  }
  html body.page-home .mgtv-side-item,
  html body.page-home .mgtv-side-item.active,
  html body.page-home .mgtv-side-item.is-active{
    flex:0 0 128px!important;
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
  }
  html body.page-home .mgtv-side-inner{
    height:48px!important;
    padding:7px 8px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
  }
  html body.page-home .mgtv-side-name,
  html body.page-home .mgtv-side-item.active .mgtv-side-name,
  html body.page-home .mgtv-side-item.is-active .mgtv-side-name{
    font-size:15px!important;
    line-height:1.18!important;
    font-weight:900!important;
  }
  html body.page-home .mgtv-side-desc,
  html body.page-home .mgtv-side-item.active .mgtv-side-desc,
  html body.page-home .mgtv-side-item.is-active .mgtv-side-desc{
    max-height:14px!important;
    margin-top:2px!important;
    font-size:11px!important;
    line-height:1.2!important;
    opacity:.9!important;
  }
}
@media (max-width:380px){
  html body.page-home .mgtv-hero-bg{
    height:205px!important;
    min-height:205px!important;
    max-height:205px!important;
  }
  html body.page-home .mgtv-hero-title{font-size:24px!important}
}


/* mgtv mobile hide channel nav 20260601 */
@media (max-width:768px){
  html body.page-home .mgtv-channel-nav,
  html body.page-home .mgtv-channel-nav-inner,
  html body.page-home .channel-grid{
    display:none!important;
  }
}


/* mgtv mobile subtype filter adaptive 20260602 */
@media(max-width:767px){
  .page-channel.is-subtype-list .mgtv-channel-filter{
    padding:10px 0 12px!important;
    background:#282937!important;
    box-shadow:0 12px 24px rgba(20,22,35,.16)!important;
  }
  .page-channel.is-subtype-list .mgtv-channel-filter-panel{
    width:calc(100% - 24px)!important;
    margin:0 auto!important;
    padding:12px!important;
    border:1px solid rgba(255,255,255,.08)!important;
    border-radius:14px!important;
    background:rgba(255,255,255,.045)!important;
    box-shadow:none!important;
  }
  .page-channel.is-subtype-list .mgtv-channel-filter-row{
    display:block!important;
    width:100%!important;
    padding:0!important;
    border:0!important;
  }
  .page-channel.is-subtype-list .mgtv-channel-filter-label{
    display:block!important;
    height:auto!important;
    margin:0 0 9px!important;
    line-height:1.2!important;
    color:#c9ccd8!important;
    font-size:13px!important;
    font-weight:800!important;
  }
  .page-channel.is-subtype-list .mgtv-channel-filter-options{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
    min-width:0!important;
    overflow:visible!important;
  }
  .page-channel.is-subtype-list .mgtv-channel-filter-options a{
    width:100%!important;
    min-width:0!important;
    height:36px!important;
    min-height:36px!important;
    padding:0 6px!important;
    border:1px solid rgba(255,255,255,.08)!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.07)!important;
    color:#f4f5fa!important;
    font-size:13px!important;
    font-weight:800!important;
    line-height:36px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .page-channel.is-subtype-list .mgtv-channel-filter-options a.active,
  .page-channel.is-subtype-list .mgtv-channel-filter-options a:hover{
    border-color:#ff7a00!important;
    background:#ff6b00!important;
    color:#fff!important;
  }
}
@media(max-width:360px){
  .page-channel.is-subtype-list .mgtv-channel-filter-options{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .page-channel.is-subtype-list .mgtv-channel-filter-options a{font-size:12px!important}
}

/* manguo mobile home/category banner fit 20260602 */
@media(max-width:768px){
  body.mgtv-page .mgtv-hero,
  body.mgtv-page .mgtv-channel-hero{
    width:100%!important;
    max-width:100%!important;
    height:clamp(220px,56vw,260px)!important;
    min-height:220px!important;
    max-height:260px!important;
    margin:10px 0 14px!important;
    border-radius:12px!important;
    overflow:hidden!important;
    position:relative!important;
    box-sizing:border-box!important;
    background:#15100c!important;
  }
  body.mgtv-page .mgtv-hero-bg,
  body.mgtv-page .mgtv-hero-link,
  body.mgtv-page .mgtv-channel-hero-inner,
  body.mgtv-page .mgtv-channel-hero-link{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    overflow:hidden!important;
  }
  body.mgtv-page .mgtv-hero-img,
  body.mgtv-page .mgtv-channel-hero-img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
    display:block!important;
  }
  body.mgtv-page .mgtv-hero-mask,
  body.mgtv-page .mgtv-channel-hero-inner:after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    pointer-events:none!important;
    background:linear-gradient(90deg,rgba(22,13,4,.68) 0%,rgba(22,13,4,.34) 46%,rgba(22,13,4,.08) 100%),linear-gradient(180deg,rgba(0,0,0,0) 36%,rgba(18,10,3,.58) 100%)!important;
  }
  body.mgtv-page .mgtv-hero-info,
  body.mgtv-page .mgtv-channel-hero-copy{
    position:absolute!important;
    left:14px!important;
    right:14px!important;
    bottom:16px!important;
    top:auto!important;
    z-index:2!important;
    width:auto!important;
    max-width:calc(100% - 28px)!important;
    padding:0!important;
    color:#fff!important;
    text-shadow:0 2px 8px rgba(0,0,0,.46)!important;
  }
  body.mgtv-page .mgtv-hero-badge{margin:0 0 7px!important;padding:5px 9px!important;font-size:12px!important;line-height:1.2!important}
  body.mgtv-page .mgtv-hero-title,
  body.mgtv-page .mgtv-channel-hero-copy h1,
  body.mgtv-page .mgtv-channel-hero-copy h2{
    max-width:100%!important;
    margin:0!important;
    font-size:clamp(24px,6.4vw,29px)!important;
    line-height:1.14!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
  body.mgtv-page .mgtv-hero-desc,
  body.mgtv-page .mgtv-channel-hero-copy p{
    max-width:100%!important;
    margin:8px 0 0!important;
    font-size:13px!important;
    line-height:1.45!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
  body.mgtv-page .mgtv-hero-btn,
  body.mgtv-page .mgtv-channel-hero-copy a{
    min-height:36px!important;
    height:36px!important;
    margin-top:10px!important;
    padding:0 16px!important;
    font-size:13px!important;
    display:inline-flex!important;
    align-items:center!important;
    max-width:100%!important;
  }
}
@media(max-width:360px){body.mgtv-page .mgtv-hero-desc,body.mgtv-page .mgtv-channel-hero-copy p{-webkit-line-clamp:1!important}}

/* manguo mobile banner strict box 20260602 */
@media(max-width:768px){
  .mgtv-hero,
  .mgtv-channel-hero{
    height:clamp(220px,56vw,260px)!important;
    min-height:220px!important;
    max-height:260px!important;
    padding:0!important;
    border-radius:12px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  .mgtv-hero-bg,
  .mgtv-channel-hero-inner{
    height:100%!important;
    min-height:100%!important;
    max-height:100%!important;
    border-radius:12px!important;
    overflow:hidden!important;
  }
}

/* manguo mobile hero exact radius 20260602 */
@media(max-width:768px){
  html body .mgtv-hero,
  html body .mgtv-channel-hero,
  html body .mgtv-hero-bg,
  html body .mgtv-channel-hero-inner{
    border-radius:12px!important;
  }
}

/* manguo mobile home hero exact radius final 20260602 */
@media(max-width:768px){
  html body.page.page-home section.mgtv-hero#mgtvHero{
    border-radius:12px!important;
  }
}
/* mgtv mobile backtop safe */
@media(max-width:768px){
  .back-top{
    right:calc(12px + env(safe-area-inset-right))!important;
    bottom:calc(92px + env(safe-area-inset-bottom))!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid rgba(255,255,255,.72)!important;
    border-radius:999px!important;
    background:linear-gradient(135deg,#ff8a00 0%,#ffd36a 100%)!important;
    box-shadow:0 12px 28px rgba(255,138,0,.24)!important;
    color:#fff!important;
    font-size:0!important;
    z-index:86!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translate3d(0,10px,0) scale(.96)!important;
    transition:opacity .18s ease,transform .18s ease,visibility .18s ease!important;
    touch-action:manipulation!important;
  }
  .back-top::before{
    content:"";
    width:11px;
    height:11px;
    border-left:2px solid #fff;
    border-top:2px solid #fff;
    transform:rotate(45deg) translate(2px,2px);
  }
  .back-top.show,.back-top.is-visible{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translate3d(0,0,0) scale(1)!important;
  }
  .back-top:active{transform:translate3d(0,1px,0) scale(.97)!important}
}
/* manguo mobile bottom blank cleanup 20260602 */
@media(max-width:768px){
  body.page-search .mgtv-search-related:not(:has(.movie-grid>li)),
  body.page-search .mgtv-search-related:has(.movie-grid:empty),
  body.page-search .mgtv-search-hot:not(:has(li)),
  body.page-search .mgtv-search-hot:has(.mgtv-hot-list:empty){
    display:none!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  body.page-search .mgtv-search-layout{gap:0!important}
  body.page-search .mgtv-search-results{margin-bottom:12px!important}
  body.page-search .site-footer{margin-top:8px!important;margin-bottom:18px!important}
}
/* manguo mobile search focus nav fix 20260602 */
@media(max-width:768px){
  body .site-header:not(.open):not(.nav-open):focus-within .main-nav,
  html body .site-header:not(.open):not(.nav-open):focus-within .topbar .main-nav{
    display:none!important;
    max-height:0!important;
    height:0!important;
    min-height:0!important;
    padding-top:0!important;
    padding-bottom:0!important;
    margin-top:0!important;
    margin-bottom:0!important;
    opacity:0!important;
    visibility:hidden!important;
    overflow:hidden!important;
    pointer-events:none!important;
  }
  body .site-header.open .main-nav,
  body .site-header.nav-open .main-nav,
  html body .site-header.open .topbar .main-nav,
  html body .site-header.nav-open .topbar .main-nav{
    pointer-events:auto!important;
  }
}
/* manguo mobile search focus nav stable 20260602 */
@media(max-width:768px){
  body.page-home .site-header:not(.open):not(.nav-open):focus-within .main-nav,
  body.page-channel .site-header:not(.open):not(.nav-open):focus-within .main-nav,
  html body.page-home .site-header:not(.open):not(.nav-open):focus-within .topbar .main-nav,
  html body.page-channel .site-header:not(.open):not(.nav-open):focus-within .topbar .main-nav{
    display:flex!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:0 0 2px!important;
    margin:0!important;
    opacity:1!important;
    visibility:visible!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    pointer-events:auto!important;
    transition:none!important;
  }
  body.page-search .site-header:not(.open):not(.nav-open):focus-within .main-nav,
  body.page-show .site-header:not(.open):not(.nav-open):focus-within .main-nav,
  body.page-play .site-header:not(.open):not(.nav-open):focus-within .main-nav,
  body.page-topic .site-header:not(.open):not(.nav-open):focus-within .main-nav{
    display:none!important;
    max-height:0!important;
    height:0!important;
    padding:0!important;
    opacity:0!important;
    visibility:hidden!important;
    overflow:hidden!important;
    pointer-events:none!important;
  }
}
/* manguo mobile search focus nav height lock 20260602 */
@media(max-width:768px){
  body.page-home .site-header:not(.open):not(.nav-open):focus-within .main-nav,
  body.page-channel .site-header:not(.open):not(.nav-open):focus-within .main-nav,
  html body.page-home .site-header:not(.open):not(.nav-open):focus-within .topbar .main-nav,
  html body.page-channel .site-header:not(.open):not(.nav-open):focus-within .topbar .main-nav{
    height:58px!important;
    min-height:58px!important;
    max-height:58px!important;
    align-items:center!important;
  }
}

/* manguo mobile channel nav grid fit 20260603 */
@media(max-width:768px){
  html body.page-home .mgtv-channel-nav{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:8px 0 12px!important;
    padding:0 8px!important;
    background:#fff!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    position:relative!important;
    z-index:20!important;
  }

  html body.page-home .mgtv-channel-nav .mgtv-channel-nav-inner,
  html body.page-home .mgtv-channel-nav .channel-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:7px!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    white-space:normal!important;
    scrollbar-width:none!important;
    box-sizing:border-box!important;
  }

  html body.page-home .mgtv-channel-nav .mgtv-channel-nav-inner::-webkit-scrollbar,
  html body.page-home .mgtv-channel-nav .channel-grid::-webkit-scrollbar{
    display:none!important;
  }

  html body.page-home .mgtv-channel-nav a,
  html body.page-home .mgtv-channel-nav .mgtv-channel-nav-inner a,
  html body.page-home .mgtv-channel-nav .channel-grid a{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    min-height:38px!important;
    height:38px!important;
    margin:0!important;
    padding:0 6px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    border-radius:11px!important;
    border:1px solid rgba(255,138,0,.18)!important;
    background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(255,248,239,.96))!important;
    box-shadow:0 6px 14px rgba(255,138,0,.08)!important;
    box-sizing:border-box!important;
    touch-action:manipulation!important;
  }

  html body.page-home .mgtv-channel-nav a::before{
    content:""!important;
    flex:0 0 14px!important;
    width:14px!important;
    height:14px!important;
    border-radius:6px 8px 7px 8px!important;
    background:linear-gradient(135deg,#ffc24a 0%,#ff8a00 82%)!important;
    box-shadow:0 4px 10px rgba(255,138,0,.24)!important;
  }

  html body.page-home .mgtv-channel-nav a.active{
    border-color:rgba(255,138,0,.36)!important;
    background:linear-gradient(135deg,#fff7eb,#fff)!important;
  }

  html body.page-home .mgtv-channel-nav a b{
    display:block!important;
    min-width:0!important;
    max-width:100%!important;
    color:#1f2633!important;
    font-size:12px!important;
    line-height:1.15!important;
    font-weight:900!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
}

@media(max-width:360px){
  html body.page-home .mgtv-channel-nav{padding:0 6px!important}
  html body.page-home .mgtv-channel-nav .mgtv-channel-nav-inner,
  html body.page-home .mgtv-channel-nav .channel-grid{gap:6px!important}
  html body.page-home .mgtv-channel-nav a,
  html body.page-home .mgtv-channel-nav .mgtv-channel-nav-inner a,
  html body.page-home .mgtv-channel-nav .channel-grid a{height:36px!important;min-height:36px!important;padding:0 4px!important;gap:4px!important}
  html body.page-home .mgtv-channel-nav a::before{width:12px!important;height:12px!important;flex-basis:12px!important}
  html body.page-home .mgtv-channel-nav a b{font-size:11px!important}
}

/* manguo mobile channel six one row 20260603 */
@media(max-width:768px){
  html body.page-home .mgtv-channel-nav{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:8px 0 12px!important;
    padding:0 6px!important;
    background:#fff!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }

  html body.page-home .mgtv-channel-nav .mgtv-channel-nav-inner,
  html body.page-home .mgtv-channel-nav .channel-grid{
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:4px!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    white-space:normal!important;
    box-sizing:border-box!important;
  }

  html body.page-home .mgtv-channel-nav a:nth-child(n+7){
    display:none!important;
  }

  html body.page-home .mgtv-channel-nav a,
  html body.page-home .mgtv-channel-nav .mgtv-channel-nav-inner a,
  html body.page-home .mgtv-channel-nav .channel-grid a{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:36px!important;
    min-height:36px!important;
    margin:0!important;
    padding:0 2px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    border-radius:10px!important;
    border:1px solid rgba(255,138,0,.17)!important;
    background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(255,248,239,.96))!important;
    box-shadow:0 5px 12px rgba(255,138,0,.07)!important;
    box-sizing:border-box!important;
    touch-action:manipulation!important;
  }

  html body.page-home .mgtv-channel-nav a::before{
    content:""!important;
    flex:0 0 11px!important;
    width:11px!important;
    height:11px!important;
    border-radius:5px 7px 6px 7px!important;
    background:linear-gradient(135deg,#ffc24a 0%,#ff8a00 82%)!important;
    box-shadow:0 3px 8px rgba(255,138,0,.22)!important;
  }

  html body.page-home .mgtv-channel-nav a b{
    display:block!important;
    min-width:0!important;
    max-width:100%!important;
    color:#1f2633!important;
    font-size:11px!important;
    line-height:1.1!important;
    font-weight:900!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:clip!important;
  }
}

@media(max-width:360px){
  html body.page-home .mgtv-channel-nav{padding:0 4px!important}
  html body.page-home .mgtv-channel-nav .mgtv-channel-nav-inner,
  html body.page-home .mgtv-channel-nav .channel-grid{gap:3px!important}
  html body.page-home .mgtv-channel-nav a,
  html body.page-home .mgtv-channel-nav .mgtv-channel-nav-inner a,
  html body.page-home .mgtv-channel-nav .channel-grid a{height:34px!important;min-height:34px!important;padding:0 1px!important;gap:2px!important;border-radius:9px!important}
  html body.page-home .mgtv-channel-nav a::before{width:9px!important;height:9px!important;flex-basis:9px!important}
  html body.page-home .mgtv-channel-nav a b{font-size:10px!important}
}

/* manguo mobile top main nav six one row 20260603 */
@media(max-width:768px){
  html body .site-header .topbar .main-nav,
  html body.page-home .site-header .topbar .main-nav,
  html body.page-channel .site-header .topbar .main-nav{
    order:4!important;
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:4px!important;
    width:100%!important;
    max-width:100%!important;
    flex:1 0 100%!important;
    height:auto!important;
    min-height:36px!important;
    margin:2px 0 0!important;
    padding:0!important;
    overflow:visible!important;
    overflow-x:visible!important;
    white-space:normal!important;
    box-sizing:border-box!important;
  }

  html body .site-header .topbar .main-nav a,
  html body.page-home .site-header .topbar .main-nav a,
  html body.page-channel .site-header .topbar .main-nav a{
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:36px!important;
    min-height:36px!important;
    margin:0!important;
    padding:0 2px!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    border-radius:10px!important;
    border:1px solid rgba(255,138,0,.17)!important;
    background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(255,248,239,.96))!important;
    box-shadow:0 5px 12px rgba(255,138,0,.07)!important;
    color:#1f2633!important;
    font-size:11px!important;
    line-height:1.1!important;
    font-weight:900!important;
    letter-spacing:0!important;
    text-shadow:none!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    box-sizing:border-box!important;
    touch-action:manipulation!important;
  }

  html body .site-header .topbar .main-nav a:nth-child(n+7),
  html body.page-home .site-header .topbar .main-nav a:nth-child(n+7),
  html body.page-channel .site-header .topbar .main-nav a:nth-child(n+7){
    display:none!important;
  }

  html body .site-header .topbar .main-nav a::before,
  html body.page-home .site-header .topbar .main-nav a::before,
  html body.page-channel .site-header .topbar .main-nav a::before{
    content:""!important;
    display:block!important;
    flex:0 0 10px!important;
    width:10px!important;
    height:10px!important;
    border-radius:5px 7px 6px 7px!important;
    background:linear-gradient(135deg,#ffc24a 0%,#ff8a00 82%)!important;
    box-shadow:0 3px 8px rgba(255,138,0,.22)!important;
  }

  html body .site-header .topbar .main-nav a.active,
  html body.page-home .site-header .topbar .main-nav a.active,
  html body.page-channel .site-header .topbar .main-nav a.active{
    border-color:rgba(255,138,0,.32)!important;
    background:linear-gradient(135deg,#fff7eb,#fff)!important;
    color:#111827!important;
  }

  html body.page-home .mgtv-channel-nav,
  html body.page-home .mgtv-channel-nav-inner,
  html body.page-home .channel-grid{
    display:none!important;
  }
}

@media(max-width:360px){
  html body .site-header .topbar .main-nav,
  html body.page-home .site-header .topbar .main-nav,
  html body.page-channel .site-header .topbar .main-nav{gap:3px!important}
  html body .site-header .topbar .main-nav a,
  html body.page-home .site-header .topbar .main-nav a,
  html body.page-channel .site-header .topbar .main-nav a{height:34px!important;min-height:34px!important;padding:0 1px!important;gap:2px!important;font-size:10px!important;border-radius:9px!important}
  html body .site-header .topbar .main-nav a::before,
  html body.page-home .site-header .topbar .main-nav a::before,
  html body.page-channel .site-header .topbar .main-nav a::before{width:8px!important;height:8px!important;flex-basis:8px!important}
}

/* manguo mobile top main nav hard override 20260603 */
@media(max-width:768px){
  html body.page .site-header .topbar nav.main-nav{
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    grid-auto-flow:column!important;
    gap:4px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    flex:1 0 100%!important;
    order:4!important;
    margin:2px 0 0!important;
    padding:0!important;
    overflow:visible!important;
    overflow-x:visible!important;
    overflow-y:visible!important;
    white-space:normal!important;
    scroll-snap-type:none!important;
    transform:none!important;
  }
  html body.page .site-header .topbar nav.main-nav a{
    flex:none!important;
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:36px!important;
    min-height:36px!important;
    padding:0 2px!important;
    margin:0!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    border-radius:10px!important;
    border:1px solid rgba(255,138,0,.17)!important;
    background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(255,248,239,.96))!important;
    box-shadow:0 5px 12px rgba(255,138,0,.07)!important;
    color:#1f2633!important;
    font-size:11px!important;
    line-height:1.1!important;
    font-weight:900!important;
    letter-spacing:0!important;
    text-shadow:none!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    box-sizing:border-box!important;
  }
  html body.page .site-header .topbar nav.main-nav a:nth-child(n+7){display:none!important}
  html body.page .site-header .topbar nav.main-nav a::before{
    content:""!important;
    display:block!important;
    flex:0 0 10px!important;
    width:10px!important;
    height:10px!important;
    border-radius:5px 7px 6px 7px!important;
    background:linear-gradient(135deg,#ffc24a 0%,#ff8a00 82%)!important;
    box-shadow:0 3px 8px rgba(255,138,0,.22)!important;
  }
}