:root{--red:#df1722;--red2:#a90d15;--ink:#171313;--paper:#f7f5f2;--muted:#827b79}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif}a{text-decoration:none;color:inherit}button,input{font:inherit}.topbar{height:72px;padding:0 clamp(22px,4vw,66px);display:flex;align-items:center;gap:36px;background:#fff;position:sticky;top:0;z-index:30;border-bottom:1px solid #eee}.logo{font:bold 22px serif;letter-spacing:2px;white-space:nowrap}.logo i{font:normal 12px Arial;background:var(--red);color:#fff;border-radius:50%;padding:6px 7px;margin-right:8px}.mainNav{height:100%;display:flex;gap:25px}.mainNav a{display:grid;place-items:center;font-size:15px;color:#5e5857;position:relative}.mainNav a.active{color:var(--red);font-weight:800}.mainNav a.active:after{content:"";position:absolute;bottom:0;width:22px;height:3px;background:var(--red)}.search{margin-left:auto;width:220px;height:38px;background:#f4f1ef;display:flex;align-items:center;padding:0 12px;color:#999}.search input{border:0;outline:0;background:transparent;width:100%;padding-left:8px}.menuButton{display:none;border:0;background:none;font-size:24px}.notice,.empty{max-width:1180px;margin:25px auto;padding:18px;background:#fff1f1;border-left:3px solid var(--red);color:#6d3638}.empty{text-align:center;background:#fff;border:0;color:#999}.hero{height:560px;position:relative;color:#fff;background-position:center;background-size:cover;display:flex;align-items:center;padding:50px clamp(24px,8vw,125px);overflow:hidden}.hero:after{content:"";position:absolute;inset:auto 0 0;height:120px;background:linear-gradient(transparent,var(--paper))}.emptyHero{background:linear-gradient(120deg,#17090a,#641019)}.heroCopy{position:relative;z-index:2;width:58%;max-width:660px}.eyebrow{display:flex;align-items:center;gap:12px;font-size:14px;color:#c9bebe}.eyebrow b{background:var(--red);padding:5px 9px;color:#fff}.hero h1{font:900 clamp(58px,7vw,92px)/1 serif;margin:25px 0 8px;letter-spacing:5px;text-shadow:5px 6px 0 #7d0b10}.meta{display:flex;gap:12px;align-items:center;margin:25px 0 18px}.meta strong{font-size:24px;color:#ffca56}.meta span{font-size:13px;border:1px solid #ffffff33;padding:3px 7px}.desc{font-size:15px;line-height:1.9;color:#d3caca;max-width:590px}.primary{display:inline-block;background:var(--red);color:#fff;padding:13px 24px;margin-top:20px}.heroSide{position:absolute;z-index:4;right:5%;bottom:90px;width:270px}.heroSide a{display:flex;gap:15px;padding:12px;border-left:2px solid #ffffff28;color:#aaa}.heroSide a:first-child,.heroSide a:hover{border-color:var(--red);background:linear-gradient(90deg,#bf17244d,transparent);color:#fff}.heroSide b{font:900 18px serif}.heroSide span{min-width:0;display:flex;flex-direction:column;gap:3px}.heroSide strong,.heroSide small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.heroSide small{color:#a99e9c}.quick{width:min(1180px,94%);min-height:100px;margin:-38px auto 22px;position:relative;z-index:5;background:#fff;box-shadow:0 15px 45px #40202014;display:grid;grid-template-columns:repeat(6,1fr)}.quick a{display:flex;align-items:center;justify-content:center;gap:12px;border-right:1px solid #eee}.quick i{font-style:normal;font-size:24px;color:var(--red)}.quick span{display:flex;flex-direction:column;gap:5px}.quick small{color:#aaa}.homeChannel{padding:60px 24px}.homeChannel.alt{background:#fff}.sectionHead,.listTitle{max-width:1180px;margin:0 auto 27px;display:flex;align-items:end}.sectionHead p,.listTitle small,.listHero p,.searchHero>p{font-size:10px;font-weight:900;letter-spacing:4px;color:var(--red);margin:0 0 7px}.sectionHead h2,.listTitle h2{font:900 29px serif;margin:0}.sectionHead .all{margin-left:auto;color:#777;font-size:13px}.mediaGrid{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:15px}.card{min-width:0}.poster{height:275px;background:#e5dfdc;position:relative;overflow:hidden}.poster img{width:100%;height:100%;object-fit:cover;transition:.25s}.poster:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 60%,#110808a8)}.poster .score{position:absolute;z-index:2;right:9px;bottom:9px;color:#ffd36a;font-size:12px}.poster i{position:absolute;z-index:3;inset:0;margin:auto;width:42px;height:42px;border-radius:50%;background:#df1722dc;color:#fff;display:grid;place-items:center;font-style:normal;opacity:0;transition:.2s}.card:hover .poster img{transform:scale(1.04)}.card:hover .poster i{opacity:1}.card h3{font:800 15px serif;margin:12px 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card p{font-size:12px;color:#999;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobileMore{display:none}.listHero{height:270px;padding:58px max(24px,calc((100% - 1180px)/2));color:#fff;background:linear-gradient(90deg,#1a090a,#681019);background-position:center;background-size:cover}.listHero h1{font:900 50px serif;letter-spacing:3px;margin:18px 0 12px}.listHero span{color:#cbbfc0}.filterBox{max-width:1180px;margin:-28px auto 55px;padding:24px 28px;background:#fff;position:relative;box-shadow:0 15px 40px #4f191918}.filterBox>div{display:flex;align-items:center;gap:9px;border-bottom:1px solid #eee9e6;padding:9px 0}.filterBox>div:last-child{border:0}.filterBox b{width:54px}.filterBox a{color:#7e7774;font-size:13px;padding:7px 12px}.filterBox a.active{background:var(--red);color:#fff}.listContent,.recommend{max-width:1180px;margin:0 auto 75px}.pagination{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:46px}.pagination a,.pagination span{padding:10px 15px;background:#fff;border:1px solid #ded8d4}.pagination a{color:var(--red)}.watchStage{background:#100b0c;color:#fff;padding:26px max(24px,calc((100% - 1260px)/2)) 44px}.breadcrumb{display:flex;gap:10px;color:#71696a;font-size:12px;margin-bottom:18px}.breadcrumb b{color:#b8aeae}.playerLayout{display:grid;grid-template-columns:minmax(0,1fr) 300px;min-height:570px;background:#050303}.player{position:relative;background:radial-gradient(circle at center,#321316,#030202 60%);display:grid;place-items:center}.playerCenter{text-align:center}.playerCenter>button{width:74px;height:74px;border-radius:50%;border:1px solid #ffffff5c;background:var(--red);color:#fff;font-size:24px}.playerCenter p{font:800 16px serif}.playerCenter small{color:#74696a}.episodes{background:#1b1516;padding:22px;overflow:auto}.episodes>div{display:flex;justify-content:space-between;align-items:center}.episodes h3{margin:0}.episodes>div span{color:#837a7b;font-size:11px}.episodes section{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px}.episodes button{height:35px;border:1px solid #30292a;background:#241d1e;color:#999;font-size:11px;cursor:pointer}.episodes button.active{background:var(--red);border-color:var(--red);color:#fff}.watchInfo{max-width:1180px;margin:46px auto 65px;border-bottom:1px solid #e4dedb;padding-bottom:40px}.infoMain{max-width:850px}.watchLabel{font-size:11px;letter-spacing:3px;color:var(--red)}.watchInfo h1{font:900 40px serif;margin:12px 0}.watchMeta{display:flex;gap:10px;align-items:center}.watchMeta strong{font-size:22px;color:#ef9b25}.watchMeta span{font-size:11px;padding:3px 7px;border:1px solid #ddd5d2}.synopsis{font-size:14px;color:#756e6c;line-height:1.9}.cast{font-size:12px;color:#999}.relatedGrid{grid-template-columns:repeat(6,1fr)}.searchHero{padding:70px max(24px,calc((100% - 800px)/2));background:#1a1112;color:#fff;text-align:center}.searchHero h1{font:900 46px serif}.searchHero form{height:50px;display:flex}.searchHero input{flex:1;border:0;padding:0 18px}.searchHero button{width:100px;border:0;background:var(--red);color:#fff}.searchPage .listContent{padding-top:55px}footer{background:#120d0e;color:#fff;padding:40px clamp(24px,6vw,90px);display:flex;align-items:center;gap:32px}footer p,footer small{font-size:12px;color:#776e6e}footer small{margin-left:auto}
@font-face{font-family:"muguang-channel-icons";src:url("/static/movie/icons/channel-icons.woff2?v=20260729-3") format("woff2");font-display:swap}.channelIcon{font-family:"muguang-channel-icons"!important;font-style:normal;-webkit-font-smoothing:antialiased}.quick .channelIcon{width:40px;height:40px;display:grid;place-items:center;flex:0 0 40px;font-size:33px;line-height:1}.icon-movie:before{content:"\e688"}.icon-tv:before{content:"\e604"}.icon-short:before{content:"\e60b"}.icon-variety:before{content:"\e615"}.icon-anime:before{content:"\e600"}.icon-gym:before{content:"\e603"}.icon-preview:before{content:"\e66e"}.desc{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.heroBg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.hero:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#0e0909 3%,rgba(19,8,9,.88) 42%,rgba(15,3,4,.25) 75%,#110708)}.hero:after{z-index:1}@media(min-width:1001px){.hero{padding-bottom:100px}.homeChannel{padding:25px 24px}}
@media(max-width:1000px){.mainNav{display:none;position:absolute;top:72px;left:0;right:0;height:auto;padding:12px 24px;background:#fff;box-shadow:0 10px 20px #0001;flex-wrap:wrap}.mainNav.open{display:flex}.mainNav a{height:42px}.menuButton{display:block}.heroSide{display:none}.heroCopy{width:75%}.quick{grid-template-columns:repeat(3,1fr)}.quick a{min-height:80px}.mediaGrid{grid-template-columns:repeat(3,1fr)}.listContent,.recommend,.watchInfo,.filterBox{width:92%}.playerLayout{grid-template-columns:1fr}.episodes{max-height:260px}.relatedGrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.topbar{height:64px;padding:0 16px;gap:8px}.logo{font-size:18px}.mainNav{top:64px}.topbar .search{display:none}.hero{height:520px;padding:45px 22px;background-position:62% center}.heroCopy{width:100%}.hero h1{font-size:48px}.desc{max-width:92%;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.quick{display:none}.homeChannel{padding:25px 16px}.sectionHead .all{display:none}.mediaGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 8px}.poster{height:190px}.card h3{font-size:13px}.card p{font-size:10px}.mobileMore{display:block;margin-top:20px;padding:12px;text-align:center;border:1px solid #e4dcda;color:var(--red)}.listHero{height:220px;padding-top:38px}.listHero h1{font-size:40px}.filterBox{margin-top:-18px;margin-bottom:14px;padding:14px 20px}.filterBox>div{align-items:flex-start;flex-wrap:wrap}.filterBox b{width:100%}.listContent>.listTitle{display:none}.playerLayout{min-height:0}.player{min-height:340px}.watchStage{padding-left:0;padding-right:0}.breadcrumb{padding:0 18px}.episodes{max-height:220px}.episodes section{grid-template-columns:repeat(4,1fr)}.watchInfo{margin-top:30px}.watchInfo h1{font-size:34px}.watchMeta{flex-wrap:wrap}.relatedGrid{grid-template-columns:repeat(3,1fr)}footer{flex-direction:column;align-items:flex-start;gap:14px}footer small{margin-left:0}}
.player video{width:100%;height:100%;background:#000}.errorPlayer{min-height:430px}.errorPage{min-height:70vh;display:grid;place-items:center;text-align:center;background:radial-gradient(circle,#fff,#eee8e5)}.errorPage strong{display:block;font:900 clamp(90px,18vw,220px)/.8 serif;color:var(--red);text-shadow:8px 8px 0 #cfc5c2}.errorPage h1{font:900 34px serif;margin:30px 0 10px}.errorPage p{color:#847b78}.errorPage .primary{margin-top:14px}
.peopleHero,.libraryHero{padding:70px max(24px,calc((100% - 1180px)/2));background:linear-gradient(110deg,#16090a,#79121b);color:#fff}.peopleHero>p,.libraryHero>p,.personHero>div>p{font-size:10px;letter-spacing:5px;color:#ff7078}.peopleHero h1,.libraryHero h1{font:900 50px serif;margin:14px 0}.peopleHero form{display:flex;width:min(500px,100%);height:45px}.peopleHero input{flex:1;border:0;padding:0 15px}.peopleHero button{width:85px;border:0;background:var(--red);color:#fff}.peopleContent,.libraryContent{max-width:1180px;margin:55px auto 75px}.peopleGrid{display:grid;grid-template-columns:repeat(6,1fr);gap:25px 18px}.personCard{text-align:center;background:#fff;padding:25px 12px}.personCard>div,.personPortrait{width:130px;height:130px;border-radius:50%;overflow:hidden;background:#24191a;margin:0 auto;display:grid;place-items:center;color:#fff;font:900 42px serif}.personCard img,.personPortrait img{width:100%;height:100%;object-fit:cover}.personCard h2{font:800 16px serif;margin:16px 0 5px}.personCard small{color:#999}.personHero{padding:65px max(24px,calc((100% - 980px)/2));background:#160f10;color:#fff;display:grid;grid-template-columns:190px 1fr;gap:45px;align-items:center}.personPortrait{width:180px;height:180px}.personHero h1{font:900 48px serif;margin:12px 0}.personMeta{color:#a99e9c}.personBio{color:#c7bfc0;line-height:1.9;max-width:700px}.libraryTabs{display:flex;align-items:center;gap:10px;margin-bottom:30px}.libraryTabs button{border:1px solid #ded7d3;background:#fff;padding:10px 18px}.libraryTabs button.active,.favoriteButton.active{background:var(--red);color:#fff;border-color:var(--red)}.libraryTabs .clearLibrary{margin-left:auto;color:#888}.libraryEmpty[hidden]{display:none}.watchActions{margin-left:auto;display:flex;gap:10px}.watchActions button,.watchActions a{border:1px solid #ded7d3;background:#fff;padding:10px 14px;font-size:12px;color:#635c5a}
@media(max-width:1000px){.peopleGrid{grid-template-columns:repeat(4,1fr)}.peopleContent,.libraryContent{width:92%}}
@media(max-width:650px){.peopleHero,.libraryHero{padding:45px 18px}.peopleHero h1,.libraryHero h1{font-size:38px}.peopleGrid{grid-template-columns:repeat(3,1fr);gap:12px 8px}.personCard{padding:18px 7px}.personCard>div{width:84px;height:84px}.personCard h2{font-size:14px}.personHero{grid-template-columns:1fr;text-align:center;padding:45px 20px;gap:20px}.personPortrait{width:140px;height:140px}.personHero h1{font-size:38px}.personBio{font-size:13px}.libraryTabs{flex-wrap:wrap}.libraryTabs .clearLibrary{margin-left:0}.watchInfo{display:block}.watchActions{margin-top:22px}.watchActions>*{flex:1;text-align:center}}
.personCard>div,.personPortrait{position:relative}.personCard img,.personPortrait img{position:absolute;inset:0}.personCard img.imageError,.personPortrait img.imageError{display:none}
.quick{grid-template-columns:repeat(7,1fr)}.articleHero{padding:80px max(24px,calc((100% - 1180px)/2));background:linear-gradient(110deg,#13090a,#81131c);color:#fff}.articleHero p,.articleDetail>header>p{font-size:10px;letter-spacing:5px;color:#ff7078}.articleHero h1{font:900 50px serif;margin:15px 0}.articleHero span{color:#c9bfc0}.articleContent{max-width:1180px;margin:45px auto 80px}.articleCategories{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}.articleCategories a{padding:8px 15px;background:#fff}.articleCategories a.active{background:var(--red);color:#fff}.articleGrid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.articleCard{display:grid;grid-template-columns:190px 1fr;background:#fff;min-height:170px}.articleImage{background:#24191a;overflow:hidden}.articleImage img{width:100%;height:100%;object-fit:cover}.articleCard>div{padding:20px}.articleCard time{font-size:11px;color:var(--red)}.articleCard h2{font:900 19px/1.4 serif;margin:8px 0}.articleCard p{font-size:13px;color:#817876;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.readMore{font-size:12px;color:var(--red)}.articleDetail{max-width:900px;margin:45px auto 80px;background:#fff;padding:45px 65px}.articleDetail .breadcrumb{color:#999}.articleDetail>header h1{font:900 42px/1.35 serif;margin:18px 0}.articleDetail>header>div{display:flex;gap:20px;color:#999;font-size:12px}.articleCover{width:100%;max-height:480px;object-fit:cover;margin:35px 0}.articleBody{font-size:16px;line-height:2;color:#403a39}.articleBody img{max-width:100%;height:auto}.articleEnd{text-align:center;color:#aaa;margin-top:45px;padding-top:25px;border-top:1px solid #eee}
@media(max-width:1000px){.quick{grid-template-columns:repeat(4,1fr)}.articleContent{width:92%}.articleGrid{grid-template-columns:1fr}.articleDetail{width:92%}}
@media(max-width:650px){.quick{grid-template-columns:repeat(2,1fr)}.articleHero{padding:50px 18px}.articleHero h1{font-size:38px}.articleCard{grid-template-columns:115px 1fr;min-height:145px}.articleCard>div{padding:14px}.articleCard h2{font-size:16px}.articleCard p{display:none}.articleDetail{margin-top:20px;padding:25px 18px}.articleDetail>header h1{font-size:30px}.articleBody{font-size:15px}.articleCover{margin:25px 0}}
.poster img.imageError,.articleImage img.imageError{display:none}.poster:has(img.imageError):before,.poster:not(:has(img)):before{content:"幕光";position:absolute;inset:0;display:grid;place-items:center;color:#b2a7a4;font:900 22px serif;letter-spacing:4px}
.comments{max-width:900px;margin:0 auto 80px}.comments .listTitle>span{margin-left:auto;color:#999}.commentList{background:#fff;padding:0 30px}.commentItem{display:grid;grid-template-columns:48px 1fr;gap:15px;padding:25px 0;border-bottom:1px solid #eee}.commentAvatar{width:48px;height:48px;border-radius:50%;background:#24191a;color:#fff;display:grid;place-items:center;position:relative;overflow:hidden}.commentAvatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.commentAvatar img.imageError{display:none}.commentItem header{display:flex;gap:15px;align-items:center}.commentItem time,.commentItem small{font-size:11px;color:#aaa}.commentItem p{font-size:14px;line-height:1.8}.commentReplies{background:#f7f4f2;padding:10px 15px;margin-top:12px}.commentReplies p{margin:5px 0;font-size:12px}.feedbackIntro{padding:75px max(24px,calc((100% - 980px)/2));background:linear-gradient(110deg,#16090a,#78131b);color:#fff}.feedbackIntro>p{font-size:10px;letter-spacing:5px;color:#ff7078}.feedbackIntro h1{font:900 50px serif;margin:15px 0}.feedbackIntro span{color:#c9bfc0}.feedbackPanel{max-width:980px;margin:55px auto 80px;display:grid;grid-template-columns:1fr 1.25fr;gap:50px;background:#fff;padding:45px}.feedbackPanel h2{font:900 27px serif}.feedbackPanel p,.feedbackPanel li{color:#777;line-height:1.8;font-size:13px}.feedbackPanel form{display:flex;flex-direction:column;gap:18px}.feedbackPanel label{font-size:13px;font-weight:700}.feedbackPanel input,.feedbackPanel textarea{display:block;width:100%;border:1px solid #ddd5d2;margin-top:8px;padding:12px}.feedbackPanel textarea{height:150px;resize:vertical}.feedbackPanel button{border:0;background:var(--red);color:#fff;padding:13px}.websiteField{position:absolute!important;left:-9999px!important}.formMessage{padding:12px;background:#fff0f0;color:#9d1d25}.formMessage.success{background:#eff9ef;color:#267326}.footerFeedback{font-size:12px;color:#aaa}.playerMessage{position:absolute;left:20px;right:20px;bottom:18px;text-align:center;color:#ffb4b8;font-size:13px;pointer-events:none}
@media(max-width:650px){.comments{width:92%}.commentList{padding:0 15px}.feedbackIntro{padding:50px 18px}.feedbackIntro h1{font-size:38px}.feedbackPanel{width:92%;grid-template-columns:1fr;padding:25px;gap:20px}}
.feedbackSource{margin-top:24px;padding:12px;background:#f7f4f2;word-break:break-all}.feedbackSource a{color:var(--red)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #ff9da3;outline-offset:3px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.shortDetail{max-width:1100px;margin:38px auto 80px}.shortDetailCard{display:grid;grid-template-columns:320px 1fr;gap:48px;background:#fff;padding:38px}.shortDetailPoster{aspect-ratio:2/3;background:#24191a;color:#aaa;display:grid;place-items:center;overflow:hidden}.shortDetailPoster img{width:100%;height:100%;object-fit:cover}.shortDetailInfo h1{font:900 44px/1.25 serif;margin:12px 0 20px}.shortUnavailable{margin-top:30px;padding:22px;background:#f7f1ef;border-left:4px solid var(--red)}.shortUnavailable p{margin:0;font-weight:700}.shortUnavailable small{display:block;margin-top:13px;color:#777}.shortDownload{display:inline-block;margin-top:18px;padding:11px 20px;background:var(--red);color:#fff;font-weight:700}.playerLayout:not(:has(.episodes)){grid-template-columns:1fr}.playerLayout:not(:has(.episodes)) .player{min-height:570px}@media(max-width:650px){.shortDetail{width:92%;margin-top:22px}.shortDetailCard{grid-template-columns:1fr;padding:20px;gap:25px}.shortDetailPoster{width:min(280px,100%);margin:auto}.shortDetailInfo h1{font-size:34px}.playerLayout:not(:has(.episodes)) .player{min-height:340px}}
.pageLoading{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#12090b70;backdrop-filter:blur(1px);opacity:0;pointer-events:none;transition:opacity .16s ease}.pageLoading[hidden]{display:none!important}.pageLoading.isVisible{opacity:1;pointer-events:auto}.pageLoadingBox{display:flex;flex-direction:column;align-items:center;gap:14px;color:#fff}.pageLoadingSpinner{width:38px;height:38px;border:4px solid #ffffff88;border-top-color:var(--red);border-radius:50%;animation:pageLoadingSpin .7s linear infinite}.pageLoadingBox strong{font-size:14px;text-shadow:0 2px 8px #0008}@keyframes pageLoadingSpin{to{transform:rotate(360deg)}}body.isNavigating{overflow:hidden}
.menuButton{margin-left:auto}
.logo{display:inline-flex;align-items:center;line-height:1}.logo i{width:34px;height:34px;padding:0;margin-right:8px;display:grid;place-items:center;line-height:1}.logo i::first-letter{transform:translateX(1px)}
.logo i{position:relative}.logo i:before{content:"";width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid #fff;transform:translateX(1px)}
.watchStage:has(.restrictedWatch){padding-bottom:0}.restrictedWatch{background:#fff;padding:42px max(24px,calc((100% - 900px)/2))}.restrictedWatch .shortUnavailable{width:100%;margin:0;color:var(--ink)}.restrictedWatch .shortUnavailable p{color:var(--ink)}@media(max-width:650px){.restrictedWatch{padding:24px 28px}.restrictedWatch .shortUnavailable{padding:18px}.restrictedWatch .shortDownload{margin-top:15px}}
.heroSide a.active{border-color:var(--red);background:linear-gradient(90deg,#bf17244d,transparent);color:#fff}.heroSide a:first-child:not(.active){border-color:#ffffff28;background:none;color:#aaa}
.heroDots{position:absolute;z-index:5;left:50%;bottom:78px;transform:translateX(-50%);display:flex;align-items:center;gap:10px}.heroDots button{width:25px;height:4px;padding:0;border:0;background:#ffffff70;cursor:pointer;transition:width .2s,background .2s}.heroDots button.active{width:48px;background:var(--red)}@media(max-width:650px){.heroDots{bottom:24px}.heroDots button{width:18px}.heroDots button.active{width:34px}}
.search{border:1px solid transparent;transition:border-color .18s,box-shadow .18s,background .18s}.search:focus-within{border-color:var(--red);background:#fff;box-shadow:0 0 0 3px #df17221a}.search input:focus{outline:0}
.search{cursor:pointer}.searchPlaceholder{padding-left:8px;color:#777;white-space:nowrap}.search:focus-visible{border-color:var(--red);outline:3px solid #df17221a;outline-offset:0}
@media(max-width:650px){.topbar .logo{order:1}.topbar .search{display:flex;order:2;width:38px;height:38px;margin-left:auto;padding:0;justify-content:center;background:#f4f1ef}.topbar .searchPlaceholder{display:none}.topbar .menuButton{order:3;margin-left:0}.topbar .mainNav{order:4}}
@media(max-width:650px){.topbar .search{background:transparent;border-color:transparent;box-shadow:none}.topbar .search>span:first-child{font-size:22px;line-height:1;color:#3f3938}}
.searchPage{background:#120d0e;color:#fff;min-height:calc(100vh - 72px)}.searchPage .listContent{margin-bottom:0;padding-bottom:75px}.searchPage .card h3{color:#fff}.searchPage .empty{background:#1b1516;color:#aaa}@media(max-width:650px){.searchPage{min-height:calc(100vh - 64px)}.searchPage .listContent{padding-bottom:45px}}
.searchPage .searchHero{background:#120d0e}
@media(min-width:1001px){.relatedGrid .card:nth-child(n+13){display:none}}
@media(max-width:650px){.searchHero{padding:38px 18px 42px}.searchHero h1{font-size:40px;margin:18px 0 28px}.searchPage .listContent{padding-top:18px}.searchPage .empty{margin:10px auto;padding:16px}}
@media(max-width:650px){.searchPage:has(.empty){min-height:0}.searchPage:has(.empty) .listContent{padding-bottom:22px}}
.searchPage{min-height:0}.searchPage:not(:has(.mediaGrid .card)) .listContent{padding-top:18px;padding-bottom:24px}
body{min-height:100vh;display:flex;flex-direction:column}body>main{flex:1 0 auto}body>footer{margin-top:auto}

/* Short dramas use portrait video, so keep the player at a controlled height. */
.shortPlayerLayout{min-height:0;grid-template-columns:430px 340px!important;justify-content:center;column-gap:120px;background:#0b0708}
.shortPlayerLayout .player{width:430px;height:764px;min-height:0;overflow:hidden;background:#000}
.shortPlayerLayout .player video{width:430px;height:764px;max-width:100%;object-fit:contain;background:#000}
.shortPlayerLayout .playingInfo{width:340px;height:764px;overflow-y:auto}
@media(max-width:1000px){.shortPlayerLayout{grid-template-columns:1fr!important;column-gap:0;row-gap:24px}.shortPlayerLayout .player{width:min(430px,100%);height:auto;aspect-ratio:9/16;margin:auto}.shortPlayerLayout .player video{width:100%;height:100%}.shortPlayerLayout .playingInfo{width:min(430px,100%);height:auto;margin:auto}}
@media(max-width:650px){.shortPlayerLayout .player{width:100%;height:auto;min-height:0;aspect-ratio:9/16}.shortPlayerLayout .playingInfo{width:100%}}

/* Dedicated short-drama player page. */
.shortPlayStage{padding-bottom:36px}
.shortPlayLayout{position:relative;display:grid;grid-template-columns:332px;gap:0;justify-content:center;align-items:start;background:#0b0708;height:590px}
.shortPlayPlayer{width:332px;height:590px;min-height:0;overflow:hidden;background:#000}
.shortPlayPlayer video{width:332px;height:590px;max-width:100%;object-fit:contain;background:#000}
.shortPlaySide{position:absolute;top:0;right:50px;width:360px;height:590px;background:#181112;color:#fff;padding:0 26px 22px;overflow-y:auto;transform:none}
.shortPlayCover{width:100%;height:170px;background:#0d090a;overflow:hidden}
.shortPlayCover img{width:100%;height:100%;object-fit:cover;display:block}
.shortPlaySide h1{font:900 30px/1.3 serif;margin:8px 0 20px}
.shortPlayEpisodes{margin-top:22px;border-top:1px solid #342a2b;padding-top:20px}
.shortPlayEpisodes>div{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.shortPlayEpisodes>div span{font-size:11px;color:#887d7e}
.shortPlayEpisodes section{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.shortPlayEpisodes button{height:38px;border:1px solid #392f30;background:#241d1e;color:#aaa;cursor:pointer}
.shortPlayEpisodes button.active{background:var(--red);border-color:var(--red);color:#fff}
@media(max-width:1000px){.shortPlayLayout{grid-template-columns:1fr;gap:24px;height:auto}.shortPlayPlayer{width:auto;height:calc(100vh - 210px);max-width:100%;max-height:540px;aspect-ratio:9/16;margin:auto}.shortPlayPlayer video{width:100%;height:100%}.shortPlaySide{position:static;width:min(430px,100%);height:auto;margin:auto;transform:none}}
@media(max-width:650px){.shortPlayStage{padding-left:0;padding-right:0}.shortPlayLayout{gap:0}.shortPlayPlayer{width:auto;height:calc(100vh - 190px);max-height:540px}.shortPlaySide{display:none}.shortPlayCover{height:210px}}
.shortPlayRecommend{padding-top:10px}
.shortPlaySide{display:none!important}.shortWatchMeta{margin:0 0 18px}.shortWatchMeta span{display:inline-flex;align-items:center;gap:6px}.shortWatchMeta b{font-weight:400;color:#9a918e}

.detailPage{--detail-bg:#120c0d;}
.detailPage .detailHero{background:linear-gradient(90deg,#10090a,#4d0f13);color:#fff;min-height:450px;padding:32px 0 40px;display:flex;align-items:flex-end}
.detailPage .detailShade{position:absolute;inset:0;background:linear-gradient(100deg,rgba(11,3,4,.88) 12%,rgba(11,3,4,.24) 45%,rgba(11,3,4,.72) 82%)}
.detailInner{position:relative;z-index:2;max-width:1180px;margin:0 auto;display:grid;grid-template-columns:220px minmax(0,1fr);gap:38px;padding:0 24px;width:100%}
.detailPoster{position:relative;min-height:320px;border-radius:14px;overflow:hidden;display:grid;place-items:center;background:#2a2022;border:1px solid #3a3032}
.detailPoster img{width:100%;height:100%;object-fit:cover;display:block}
.detailPoster span{font:900 24px serif;color:#ffd26a}
.detailCopy h1{font:900 42px serif;line-height:1.1;margin:8px 0}
.detailEn{color:#c9b9b6;margin:0 0 12px}
.detailEyebrow{display:flex;align-items:center;gap:12px;font-size:12px;color:#ff9ca0;letter-spacing:2px}
.detailEyebrow:before{content:"";width:20px;height:3px;background:#ff9ca0}
.detailMeta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:14px 0 14px}
.detailMeta strong{font-size:32px;color:#ffce74;line-height:1}
.detailMeta span{font-size:12px;border:1px solid #ffffff4f;padding:3px 8px}
.detailIntro{color:#ddd;line-height:1.8;max-width:700px}
.detailFacts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:18px 0;padding:0}
.detailFacts div{display:grid;grid-template-columns:70px 1fr;gap:8px;color:#c5b7b4;font-size:13px}
.detailFacts dt{color:#9a8f8c}
.detailActions{display:flex;gap:12px;align-items:center;margin-top:12px;flex-wrap:wrap}
.detailPlay,.detailDownload{display:inline-flex;height:44px;align-items:center;padding:0 18px;background:var(--red);color:#fff;border:1px solid #d61b23}
.detailDownload{background:transparent;border-color:#a68f95}
.detailBody{max-width:1180px;margin:46px auto 18px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:26px;padding:0 24px}
.detailHeading small{font-size:10px;letter-spacing:3px;color:var(--red);font-weight:900}
.detailHeading h2{font:900 32px serif;margin:7px 0 10px}
.detailBody p{color:#6a6462;line-height:1.9}
.detailTags{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.detailTags span{font-size:11px;background:#ece6e2;padding:5px 10px;border:1px solid #ded2ce}
.detailAside{background:#fff;border:1px solid #ece5e2;padding:18px}
.detailAside>div{display:flex;justify-content:space-between;align-items:flex-end}
.detailAside b{font:900 46px serif;color:#ff9ca0;line-height:1}
.detailAside span{font-size:13px;color:#7e7674}
.detailAside small{display:block;font-size:12px;color:#a09a99}
.ratingBars p{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;gap:10px;align-items:center;margin:12px 0 0}
.ratingBars p span{font-size:12px;color:#6f6868}.ratingBars i{display:block;height:8px;background:#e8e0dd;position:relative}.ratingBars i b{position:absolute;left:0;top:0;bottom:0;background:var(--red)}
.ratingBars em{font-size:12px;color:#8c8382}
@media(max-width:1000px){.detailInner{grid-template-columns:160px 1fr;gap:24px}.detailCopy h1{font-size:32px}.detailBody{grid-template-columns:1fr;}.detailAside{order:2}.detailMain{order:1}}
@media(max-width:650px){.detailHero{min-height:360px}.detailInner{grid-template-columns:1fr;padding:0 16px;}.detailPoster{min-height:260px}.detailCopy h1{font-size:31px}.detailMeta{margin-top:8px}.detailActions{margin-top:8px}.detailPlay,.detailDownload{height:42px;padding:0 14px;font-size:14px}}

/* detail page */
.detailWatchStage{min-height:auto;padding-bottom:18px}.detailInfo{margin-top:14px;display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:28px;align-items:start}.detailPoster{background:#111;border-radius:14px;overflow:hidden;min-height:360px;display:grid;place-items:center}.detailPoster img{width:100%;height:auto;display:block}.detailNoPoster{color:#999;padding:80px 20px;display:block;text-align:center}.detailCrew{margin-top:14px;display:grid;grid-template-columns:auto 1fr;gap:8px 16px;max-width:780px;color:#666;font-size:14px}.detailActions{margin-top:22px;display:flex;gap:12px;flex-wrap:wrap}.primaryDetailBtn,.detailDownloadBtn{display:inline-flex;align-items:center;justify-content:center;min-width:160px;height:42px;border-radius:10px;text-decoration:none}.primaryDetailBtn{background:#df1722;color:#fff;font-weight:700}.detailDownloadBtn{border:1px solid #ddd;color:#555}.detailBack{display:inline-block;margin-top:14px;color:#777;text-decoration:none}

@media(max-width:650px){.detailWatchStage{padding-left:0;padding-right:0}.detailInfo{grid-template-columns:1fr;gap:18px}.detailPoster{min-height:220px}.primaryDetailBtn,.detailDownloadBtn{min-width:140px}.detailCrew{grid-template-columns:1fr}}

/* cinematic detail page */
.cinemaDetailPage{background:var(--paper)}
.restrictedDetail .cinemaPlayBtn{display:none!important}
.cinemaDetailHero{position:relative;min-height:690px;background:#130c0d var(--detail-backdrop) center/cover no-repeat;color:#fff;overflow:hidden}
.cinemaDetailOverlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,6,7,.97) 0%,rgba(18,8,9,.88) 35%,rgba(18,8,9,.64) 68%,rgba(18,8,9,.83) 100%),linear-gradient(0deg,#130c0d 0%,transparent 32%)}
.cinemaDetailInner{position:relative;z-index:1;width:min(1476px,calc(100% - 80px));min-height:690px;margin:auto;display:grid;grid-template-columns:325px minmax(0,1fr);gap:64px;align-items:center}
.cinemaDetailPoster{height:488px;position:relative;overflow:hidden;background:#241b1c;box-shadow:0 22px 45px #0006}
.cinemaDetailPoster img{width:100%;height:100%;object-fit:cover;display:block}
.cinemaDetailPoster>span{height:100%;display:grid;place-items:center;color:#95898a}
.cinemaDetailPoster>b{position:absolute;right:0;top:0;background:var(--red);padding:9px 13px;font:700 12px Arial}
.cinemaDetailCopy{max-width:850px}
.cinemaDetailEyebrow{margin:0 0 24px;color:#ff626c;font:700 11px Arial;letter-spacing:5px}
.cinemaDetailCopy h1{font:900 clamp(48px,4.4vw,72px)/1.08 serif;letter-spacing:5px;margin:0;color:#fff;text-shadow:5px 5px 0 #741016}
.cinemaDetailEn{margin:11px 0 27px;color:#b7aaab;font:400 12px Arial;letter-spacing:8px;text-transform:uppercase}
.cinemaDetailMeta{display:flex;align-items:center;gap:12px;margin:28px 0}
.cinemaDetailMeta strong{color:#ffb526;font:900 34px/1 Arial}
.cinemaDetailMeta span{padding:6px 10px;border:1px solid #ffffff40;font-size:12px}
.cinemaDetailLead{max-width:825px;color:#d3c7c8;font-size:15px;line-height:2;margin:0 0 23px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cinemaDetailFacts{display:grid;grid-template-columns:minmax(260px,1fr) minmax(260px,1fr);gap:12px 55px;margin:0 0 28px}
.cinemaDetailFacts div{display:grid;grid-template-columns:48px minmax(0,1fr);font-size:12px}
.cinemaDetailFacts dt{color:#8d8081}.cinemaDetailFacts dd{margin:0;color:#ddd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cinemaDetailActions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.cinemaDetailActions a,.cinemaDetailActions button{height:54px;display:inline-flex;align-items:center;justify-content:center;padding:0 27px;border:1px solid #ffffff2f;background:#ffffff09;color:#fff;cursor:pointer}
.cinemaDetailActions .cinemaPlayBtn{background:var(--red);border-color:var(--red);font-weight:700}
.cinemaStory{max-width:1476px;margin:0 auto;padding:76px 0 66px;display:grid;grid-template-columns:minmax(0,1fr) 448px;gap:80px}
.cinemaStory header small{color:var(--red);font:700 10px Arial;letter-spacing:5px}
.cinemaStory h2{font:900 34px serif;margin:10px 0 22px}.cinemaStoryMain>p{color:#6f6765;line-height:2;font-size:14px}
.cinemaStoryTags{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.cinemaStoryTags span{padding:9px 14px;background:#eee9e6;color:#6e6664;font-size:12px}
.cinemaRating{background:#fff;padding:36px 34px;min-height:276px;display:block;box-shadow:0 14px 40px #3910140d}
.cinemaRatingHead{display:flex;gap:22px;align-items:center;padding-bottom:28px;border-bottom:1px solid #eee5e1}.cinemaRatingHead>strong{color:var(--red);font:900 56px serif}.cinemaRatingHead>div{display:flex;flex-direction:column;gap:7px}.cinemaRating small{color:#999}
.cinemaRatingBars{padding-top:20px}.cinemaRatingBars p{display:grid;grid-template-columns:48px minmax(0,1fr) 28px;gap:10px;align-items:center;margin:9px 0}.cinemaRatingBars span,.cinemaRatingBars em{font-size:11px;color:#756e6c;font-style:normal}.cinemaRatingBars i{height:4px;background:#e8e0dd;position:relative}.cinemaRatingBars i b{position:absolute;inset:0 auto 0 0;background:var(--red)}
.cinemaRecommend{padding-top:28px;max-width:1476px}.cinemaRecommend .listTitle{max-width:none}.cinemaRecommend .relatedGrid{grid-template-columns:repeat(6,minmax(0,1fr));max-width:none;margin:0}
.cinemaDetailError{padding:80px 24px}
@media(min-width:1001px) and (max-width:1600px){
  .cinemaDetailHero{min-height:610px}
  .cinemaDetailInner{width:1180px;max-width:calc(100% - 80px);min-height:610px;grid-template-columns:260px minmax(0,1fr);gap:60px}
  .cinemaDetailPoster{height:390px}
  .cinemaDetailCopy{max-width:760px}
  .cinemaDetailCopy h1{font-size:58px}
  .cinemaDetailEyebrow{margin-bottom:19px}
  .cinemaDetailEn{margin-bottom:21px}
  .cinemaDetailMeta{margin:22px 0}
  .cinemaDetailMeta strong{font-size:28px}
  .cinemaDetailLead{font-size:14px;line-height:1.9;margin-bottom:18px}
  .cinemaDetailFacts{gap:9px 44px;margin-bottom:22px}
  .cinemaDetailActions a,.cinemaDetailActions button{height:43px;padding:0 22px}
  .cinemaStory{width:1180px;max-width:calc(100% - 80px);grid-template-columns:minmax(0,1fr) 360px;gap:64px;padding:60px 0 52px}
  .cinemaRating{min-height:220px;padding:29px 27px}
  .cinemaRatingHead{padding-bottom:22px}.cinemaRatingHead>strong{font-size:45px}
  .cinemaRatingBars{padding-top:14px}.cinemaRatingBars p{margin:7px 0}
  .cinemaRecommend{width:1180px;max-width:calc(100% - 80px)}
  .cinemaRecommend .relatedGrid{max-width:none}
}
@media(max-width:1000px){.cinemaDetailInner{width:92%;grid-template-columns:250px 1fr;gap:35px}.cinemaDetailPoster{height:375px}.cinemaDetailFacts{grid-template-columns:1fr}.cinemaStory{width:92%;grid-template-columns:1fr;gap:30px}}
@media(max-width:650px){.cinemaDetailHero{min-height:0}.cinemaDetailInner{width:100%;min-height:0;grid-template-columns:1fr;padding:34px 18px 42px;gap:25px}.cinemaDetailPoster{width:190px;height:285px;margin:auto}.cinemaDetailCopy{text-align:left}.cinemaDetailEyebrow{margin-bottom:14px;letter-spacing:3px}.cinemaDetailCopy h1{font-size:38px}.cinemaDetailEn{letter-spacing:4px}.cinemaDetailMeta{margin:18px 0}.cinemaDetailFacts{gap:9px;margin-bottom:22px}.cinemaDetailActions a,.cinemaDetailActions button{height:46px;padding:0 17px}.cinemaStory{padding:42px 0}.cinemaRating{padding:25px;min-height:0}.cinemaRecommend{padding-top:10px}.cinemaRecommend .relatedGrid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none}.cinemaRecommend .card:nth-child(n+19){display:none}}
@media(max-width:650px){
  .cinemaDetailHero{background-position:center top}
  .cinemaDetailInner{padding:24px 18px 22px;gap:0;align-items:start}
  .cinemaDetailPoster{display:none}
  .cinemaDetailEyebrow{margin:0 0 12px;font-size:10px;letter-spacing:3px}
  .cinemaDetailCopy h1{font-size:34px;line-height:1.16;letter-spacing:2px;text-shadow:3px 3px 0 #741016}
  .cinemaDetailEn{margin:8px 0 14px;font-size:10px;letter-spacing:3px}
  .cinemaDetailMeta{gap:8px;margin:16px 0}
  .cinemaDetailMeta strong{font-size:30px}
  .cinemaDetailMeta span{padding:5px 8px;font-size:11px}
  .cinemaDetailLead{font-size:14px;line-height:1.7;margin-bottom:13px;-webkit-line-clamp:2}
  .cinemaDetailFacts{gap:5px;margin-bottom:13px}
  .cinemaDetailFacts div{grid-template-columns:42px minmax(0,1fr);font-size:11px}
  .cinemaDetailActions{display:grid;grid-template-columns:1.15fr .85fr 1.2fr;gap:7px}
  .cinemaDetailActions a,.cinemaDetailActions button{width:100%;height:43px;padding:0 6px;font-size:13px;white-space:nowrap}
  .cinemaDetailActions .cinemaPlayBtn,.cinemaDetailActions .cinemaFavoriteBtn,.cinemaDetailActions .cinemaDownloadBtn{order:initial;grid-column:auto}
  .restrictedDetail .cinemaDetailActions{grid-template-columns:1fr}
  .cinemaStory{padding:30px 0}
}

/* single-episode player information */
.playerLayout:has(.playingInfo){grid-template-columns:minmax(0,1fr) 300px}
.playerLayout:has(.episodes){height:590px;min-height:590px}
.episodes{scrollbar-width:none;-ms-overflow-style:none}
.episodes::-webkit-scrollbar{display:none;width:0;height:0}
.playerLayout:has(.playingInfo):not(.shortPlayerLayout){min-height:590px;height:590px}
.playerLayout:has(.playingInfo):not(.shortPlayerLayout) .player,.playerLayout:has(.playingInfo):not(.shortPlayerLayout) .playingInfo{height:590px;min-height:0}
.playerLayout:has(.playingInfo):not(.shortPlayerLayout) .playingInfo{padding-top:0}
.playerLayout:has(.playingInfo):not(.shortPlayerLayout){grid-template-columns:1fr}
.playerLayout:has(.playingInfo):not(.shortPlayerLayout) .playingInfo{display:none}
.watchMeta .watchTechnical{display:inline-flex;align-items:center;gap:5px}
.watchMeta .watchTechnical b{font-weight:400;color:#9a918e}
.singlePlayerStage{padding-bottom:44px}
.playingInfo{background:#181112;padding:26px;color:#fff;overflow:hidden}.playingCover{width:100%;height:185px;background:#0d090a;overflow:hidden}.playingCover img{width:100%;height:100%;object-fit:cover;display:block}.playingLabel{margin:25px 0 10px;color:var(--red);font:700 10px Arial;letter-spacing:4px}.playingInfo h2{font:900 28px/1.25 serif;margin:0 0 18px}.playingScore{display:flex;align-items:center;gap:12px;padding-bottom:20px;border-bottom:1px solid #342a2b}.playingScore strong{color:#ffae22;font:900 30px/1 Arial}.playingScore span{font-size:11px;color:#918586}.playingFacts{margin:20px 0}.playingFacts div{display:flex;justify-content:space-between;gap:15px;padding:9px 0;font-size:11px}.playingFacts dt{color:#796f70}.playingFacts dd{margin:0;color:#ddd;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playingLineBtn{height:42px;border:1px solid #4b3d3f;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px}
@media(max-width:650px){.playerLayout:has(.playingInfo){grid-template-columns:1fr}.playingInfo{padding:20px}.playingCover{height:190px}.playingFacts{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}}
@media(max-width:650px){
  .playerLayout:has(.playingInfo):not(.shortPlayerLayout) .playingInfo{position:relative;isolation:isolate;padding:24px 20px;min-height:0;background:#181112}
  .playerLayout:has(.playingInfo):not(.shortPlayerLayout) .playingCover{position:absolute;inset:0;z-index:-2;width:100%;height:100%;opacity:.22;pointer-events:none}
  .playerLayout:has(.playingInfo):not(.shortPlayerLayout) .playingCover img{width:100%;height:100%;object-fit:cover}
  .playerLayout:has(.playingInfo):not(.shortPlayerLayout) .playingInfo:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(18,11,12,.68),rgba(18,11,12,.94) 72%,#120b0c)}
  .playerLayout:has(.playingInfo):not(.shortPlayerLayout) .playingLabel{margin-top:0}
}
@media(max-width:1000px){.playerLayout:has(.playingInfo):not(.shortPlayerLayout){height:auto;min-height:0}.playerLayout:has(.playingInfo):not(.shortPlayerLayout) .player{height:auto;min-height:340px}.playerLayout:has(.playingInfo):not(.shortPlayerLayout) .playingInfo{height:auto}}
@media(max-width:650px){
  .playerLayout:has(.playingInfo):not(.shortPlayerLayout) .player{width:100%;height:auto!important;min-height:0!important;aspect-ratio:16/9;overflow:hidden}
  .playerLayout:has(.playingInfo):not(.shortPlayerLayout) .player video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}
  .playerLayout:has(.episodes){height:auto;min-height:0}
  .playerLayout:has(.episodes) .player{width:100%;height:auto!important;min-height:0!important;aspect-ratio:16/9;overflow:hidden}
  .playerLayout:has(.episodes) .player video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}
  .watchStage:has(.episodes){padding-bottom:0}
  .watchStage.singlePlayerStage{padding-bottom:0}
  .watchMeta .watchTechnical{font-size:10px}
}

@media(min-width:1001px){
  .cinemaDetailFacts{grid-template-columns:minmax(0,520px);max-width:520px;gap:12px}
}

/* detail page episode selector */
.cinemaEpisodeSection{max-width:1476px;margin:10px auto 45px;background:#181112;color:#fff;padding:48px 44px}.cinemaEpisodeHead{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:28px;border-bottom:1px solid #382d2f}.cinemaEpisodeHead small{color:var(--red);font:700 10px Arial;letter-spacing:5px}.cinemaEpisodeHead h2{font:900 32px serif;margin:10px 0}.cinemaEpisodeHead h2 span{font:400 14px Arial;color:#aaa;margin-left:12px}.cinemaEpisodeHead p{margin:0;color:#8e8284;font-size:12px}.cinemaEpisodeHead>a{color:#ff414b;font-size:12px;margin-bottom:8px}.cinemaEpisodeGrid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:10px;margin-top:20px}.cinemaEpisodeGrid>a{height:56px;border:1px solid #3a3032;background:#241b1d;padding:0 13px;display:flex;align-items:center;justify-content:space-between;min-width:0}.cinemaEpisodeGrid>a:hover{border-color:var(--red);background:#351b1e}.cinemaEpisodeGrid b{font:700 15px serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cinemaEpisodeGrid span{color:var(--red);font-size:11px}
@media(min-width:1001px) and (max-width:1600px){.cinemaEpisodeSection{width:1180px;max-width:calc(100% - 80px);padding:38px 35px}.cinemaEpisodeGrid>a{height:45px}}
@media(max-width:1000px){.cinemaEpisodeSection{width:92%;padding:32px 25px}.cinemaEpisodeGrid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:650px){.cinemaEpisodeSection{width:100%;margin:0 0 28px;padding:28px 18px}.cinemaEpisodeHead{align-items:flex-start;gap:18px}.cinemaEpisodeHead h2{font-size:27px}.cinemaEpisodeHead>a{max-width:110px;text-align:right;line-height:1.5}.cinemaEpisodeGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.cinemaEpisodeGrid>a{height:44px;padding:0 10px}}

/* Mobile navigation drawer and compact detail content. */
@media(max-width:1000px){
  body.navOpen{overflow:hidden}
  .navBackdrop{display:none}
  body.navOpen .navBackdrop{display:block;position:fixed;inset:0;z-index:49;background:rgba(0,0,0,.46)}
  .topbar .mainNav{display:flex;position:fixed;top:0;right:0;bottom:0;left:auto;z-index:51;width:min(270px,68vw);height:100dvh;padding:82px 20px 28px;background:#fff;box-shadow:-18px 0 50px rgba(0,0,0,.24);flex-direction:column;flex-wrap:nowrap;gap:0;overflow-y:auto;visibility:hidden;opacity:0;transform:translateX(105%);transition:transform .24s ease,opacity .2s ease,visibility .24s}
  .topbar .mainNav.open{visibility:visible;opacity:1;transform:translateX(0)}
  .topbar .mainNav a{display:flex;align-items:center;justify-content:flex-start;width:100%;height:50px;border-bottom:1px solid #eee;font-size:16px}
  .topbar .mainNav a.active:after{left:0;bottom:0;width:28px}
  .topbar .menuButton{position:relative;z-index:auto}
}
@media(max-width:650px){
  .topbar .mainNav{top:0;padding-top:74px}
  .cinemaDetailLead{display:none}
  .cinemaRecommend .card:nth-child(n+13){display:none}
}

/* Keep the search action visible when the keyword field receives focus. */
.searchHero form{width:100%;max-width:800px;margin-left:auto;margin-right:auto}
.searchHero input{min-width:0;width:auto;outline:0}
.searchHero button{flex:0 0 100px;position:relative;z-index:1}
.searchHero form:focus-within{box-shadow:0 0 0 3px #ff9da3}

/* CSS-only interface icons prevent iOS Safari from substituting color Emoji. */
.cssPlayIcon{display:inline-block;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid currentColor;margin-right:10px;vertical-align:-1px}
.primary,.cinemaPlayBtn{display:inline-flex;align-items:center;justify-content:center}
.poster>i{font-size:0}
.poster>i:before{content:"";position:absolute;left:50%;top:50%;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid #fff;transform:translate(-42%,-50%)}
.playerCenter>button{font-size:0}
.playerCenter>button:before{content:"";display:inline-block;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:15px solid #fff;transform:translateX(2px)}
.cinemaEpisodeGrid span{font-size:0}
.cinemaEpisodeGrid span:before{content:"";display:inline-block;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid var(--red)}
.searchIcon{display:inline-block;width:22px;height:22px;flex:0 0 22px;background:url("/static/movie/icons/ss.svg?v=20260803-1") center/20px 20px no-repeat}
.searchIcon:before,.searchIcon:after{content:none}
.menuButton{width:32px;height:32px;padding:0;position:relative;font-size:0;background:url("/static/movie/icons/sh.png?v=20260803-2") center/22px 22px no-repeat}
.menuButton span,.menuButton:before,.menuButton:after{content:none}

.drawerHeader{display:none}
@media(max-width:1000px){
  .drawerHeader{position:absolute;left:0;right:0;top:0;height:64px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee;background:#fff}
  .drawerBrand{display:flex!important;align-items:center!important;gap:9px;width:auto!important;height:auto!important;border:0!important;color:#171313!important;font:700 17px serif!important;white-space:nowrap}
  .drawerBrand img{width:34px;height:34px;border-radius:50%;object-fit:contain}
  .drawerClose{position:relative;width:34px;height:34px;padding:0;border:0;background:transparent;cursor:pointer}
  .drawerClose:before,.drawerClose:after{content:"";position:absolute;left:7px;top:16px;width:21px;height:2px;background:#171313;border-radius:2px}
.drawerClose:before{transform:rotate(45deg)}.drawerClose:after{transform:rotate(-45deg)}
}

/* Detail synopsis is shown in the story section below, so avoid duplicating it in the hero. */
.cinemaDetailLead{display:none}

/* Footer channel links. */
.footerNav{display:flex;align-items:center;flex-wrap:wrap;gap:7px 0;color:#776e6e;font-size:12px}
.footerNav a{display:inline-flex;align-items:center;color:#8d8383;transition:color .18s}
.footerNav a:not(:last-child):after{content:"·";margin:0 6px;color:#544b4c}
.footerNav a:hover,.footerNav a:focus-visible{color:#fff}

/* Poster play affordance: hover/focus on desktop, press feedback on touch screens. */
.poster>i{pointer-events:none}
.card:focus-visible .poster i{opacity:1}
@media(hover:none),(pointer:coarse){
  .card:hover .poster i{opacity:0}
  .card:hover .poster img{transform:none}
  .card:active .poster i{opacity:1}
}

/* Dedicated short-drama detail page. */
.shortDetailHero{position:relative;min-height:540px;padding:32px max(24px,calc((100% - 1180px)/2)) 48px;color:#fff;background:#10090a var(--short-backdrop) center/cover no-repeat;overflow:hidden}
.shortDetailShade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,4,5,.96) 5%,rgba(15,5,7,.7) 55%,rgba(12,4,5,.86))}
.shortDetailHero .breadcrumb{position:relative;z-index:2}.shortDetailInner{position:relative;z-index:2;display:grid;grid-template-columns:280px minmax(0,1fr);gap:54px;align-items:center;margin-top:24px}
.shortDetailPoster{height:390px;background:#25191b;overflow:hidden;display:grid;place-items:center;color:#aaa}.shortDetailPoster img{width:100%;height:100%;object-fit:cover}
.shortDetailCopy h1{font:900 50px/1.15 serif;margin:14px 0 18px}.shortDetailEyebrow{font-size:11px;letter-spacing:4px;color:#ff5861;font-weight:800}.shortDetailMeta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.shortDetailMeta strong{font-size:34px;color:#ffae22}.shortDetailMeta span{font-size:12px;border:1px solid #ffffff45;padding:5px 9px}
.shortDetailFacts{display:grid;gap:10px;margin:22px 0}.shortDetailFacts div{display:grid;grid-template-columns:52px minmax(0,1fr);gap:10px;font-size:13px}.shortDetailFacts dt{color:#93898a}.shortDetailFacts dd{margin:0;color:#ddd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.shortDetailActions{display:flex;gap:12px;margin-top:24px}.shortDetailPlay,.shortDetailDownload{height:48px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--red);color:#fff;border:1px solid var(--red)}.shortDetailDownload{background:transparent;border-color:#756467}
.shortStory{max-width:1180px;margin:46px auto 60px;padding:0 24px}.shortStory small{font-size:10px;letter-spacing:4px;color:var(--red);font-weight:900}.shortStory h2{font:900 34px serif;margin:8px 0 18px}.shortStory p{max-width:900px;color:#756e6c;line-height:2}.shortDetailRecommend{padding-top:5px}
@media(max-width:650px){.shortDetailHero{min-height:0;padding:24px 18px 34px}.shortDetailInner{grid-template-columns:1fr;gap:24px;margin-top:14px}.shortDetailPoster{width:180px;height:250px}.shortDetailCopy h1{font-size:36px}.shortDetailFacts div{font-size:12px}.shortDetailActions{display:grid;grid-template-columns:1fr 1fr}.shortStory{margin:30px auto 42px;padding:0 20px}.shortStory h2{font-size:30px}}