/* Additive mobile Web layout. Load AFTER existing style.css and commerce.css. */
@media(max-width:760px){
 :root{--rail:0px;--top:112px}html{scroll-padding-top:170px}body{min-width:0!important;width:100%;margin:0;-webkit-text-size-adjust:100%}button,a,input,select,textarea{touch-action:manipulation}button{max-width:100%}
 .rail{display:none}.topbar{left:0;right:0;top:0;width:100%;height:112px;display:grid;grid-template-columns:108px minmax(0,1fr);grid-template-rows:55px 39px;gap:3px 12px;padding:5px 14px 10px;background:#fffdfdf5;backdrop-filter:blur(18px)}.mobile-logo{display:block;width:105px;height:53px}.mobile-logo img{width:105px;height:53px;object-fit:contain}.search-wrap{grid-column:1/-1;grid-row:2;width:100%;min-width:0}.search-wrap form{height:38px;width:100%}.search-wrap input{width:100%;min-width:0;font-size:16px;padding:0 9px}.search-wrap input::placeholder{font-size:11px}.search-filter{padding:0 11px;min-width:38px}.search-filter>span:last-child{display:none}.search-submit{min-width:65px;font-size:11px;gap:4px;padding:0 12px}.search-submit svg{width:16px;height:16px}.top-actions{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:flex-end;gap:12px;margin:0;min-width:0}.top-actions .selection-button,.top-actions .tool-button{display:none}.top-actions .tool-button[data-action=history]{display:flex;gap:2px;font-size:8px}.top-actions .tool-button svg{width:18px;height:18px}.avatar-button{width:30px;height:30px;font-size:17px;flex-shrink:0}.web-vip{font-size:0;padding:8px 12px;min-height:33px;flex-shrink:0}.web-vip:after{content:'♔ 会员';font-size:11px}.suggestions{left:0;right:0;width:100%;max-width:100%;font-size:12px}
 #main{margin-left:0;padding:130px 14px calc(90px + env(safe-area-inset-bottom));width:100%;min-width:0}.channel-heading{margin-bottom:14px;gap:8px}.channel-heading .eyebrow{font-size:7px;letter-spacing:1.4px}.channel-heading h1{font-size:23px;margin:4px 0}.channel-heading h1>span{display:none}.channel-meta>span:first-child{display:none}.preview-pill{font-size:8px;padding:4px 8px}.channel-tabs{position:sticky;top:112px;z-index:25;display:flex;gap:23px;max-width:100%;overflow-x:auto;white-space:nowrap;background:#fbfafd;padding:0 0 9px;margin:0 0 16px;scrollbar-width:none}.channel-tabs button{font-size:13px;min-height:40px;padding:6px 0;flex-shrink:0}.channel-tabs button:nth-child(n){display:block}.channel-tabs button.active:after{bottom:-9px}.channel-tabs .tab-more{position:sticky;right:0;background:#fbfafd;padding-left:9px;box-shadow:-7px 0 7px #fbfafd}.sortbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-bottom:15px;min-width:0}.sort-options{gap:13px;flex-wrap:wrap}.sort-options button,.sortbar .view-summary{font-size:10px}.view-toggle{display:none}.poster-grid,.poster-grid.compact{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 10px}.poster-card{min-width:0}.poster-visual,.poster-open{border-radius:8px}.poster-title-art,.poster-grid.compact .poster-title-art{font-size:clamp(16px,4.9vw,23px);line-height:1.18;bottom:27px;left:8px;right:7px;letter-spacing:-.7px}.poster-label{font-size:8px;padding:3px 6px}.poster-bottom{left:6px;right:6px;bottom:7px;gap:3px}.tiny-label{font-size:7px;padding:0 3px}.poster-bottom .episodes{font-size:7px}.poster-card h3{font-size:12px;line-height:1.5;margin:9px 0 4px}.poster-sub{min-height:14px;gap:4px;flex-wrap:wrap}.poster-sub span,.poster-sub .type-pill{font-size:8px}.card-hover{display:none}.rank-stamp{font-size:45px}.load-more{min-height:42px;font-size:12px}.filter-panel{padding:14px;max-width:100%;margin-bottom:18px}.filter-row{gap:5px;margin:8px 0}.filter-row>span{width:33px;font-size:10px}.filter-chip{font-size:11px;min-height:34px;padding:5px 8px}.filter-panel-footer{font-size:9px}.filter-panel-footer button{font-size:10px;min-height:35px}.empty-state{padding:50px 15px}.empty-state p{font-size:12px}.site-footer{display:block;text-align:center;font-size:8px;margin:35px 0 0}.footer-left{justify-content:center;gap:13px}.site-footer b{font-size:15px}.site-footer button{font-size:9px}.site-footer>span{display:block;margin-top:12px}
 .mobile-nav{display:none!important}.mobile-bottom{display:flex!important;position:fixed;left:0;right:0;bottom:0;z-index:100;background:#fffdfef5;border-top:1px solid #eadef2;backdrop-filter:blur(20px);justify-content:space-around;align-items:center;gap:0;padding:9px 6px calc(9px + env(safe-area-inset-bottom));box-shadow:0 -4px 20px #71538906}.mobile-bottom a,.mobile-bottom button{border:0;background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#b09ac0;font-size:10px;min-width:46px;min-height:42px;padding:0}.mobile-bottom .active{color:#8660a6}.mobile-bottom .icon{width:21px;height:21px}.mobile-profile-icon{font-size:21px;line-height:21px}#toast{bottom:95px;max-width:88vw;font-size:11px;text-align:center;padding:11px 16px;z-index:200}#back-top{bottom:95px;right:12px}.ops-promo{padding:16px;gap:12px;margin-bottom:16px}.ops-promo img{width:62px;height:65px}.ops-promo b{font-size:15px}.ops-promo small{font-size:10px;line-height:1.7}.ops-promo>span:last-child{font-size:0}.ops-promo>span:last-child:after{content:'↗';font-size:22px}.ops-announcement{font-size:10px;line-height:1.8;padding:10px 13px}.ops-hot{gap:8px}
 #overlay,#commerce-modal{box-sizing:border-box;width:calc(100vw - 24px);max-width:520px;max-height:calc(100dvh - 32px);padding:29px 19px 20px;border-radius:20px;overflow:auto;overscroll-behavior:contain}#commerce-modal h2,#overlay h2{font-size:22px;line-height:1.5;padding-right:14px}#commerce-modal p{font-size:12px;line-height:1.8}.cm-eyebrow{font-size:8px;letter-spacing:2px}.cm-close,.dialog-close{min-width:40px;min-height:40px;right:9px;top:5px}.cm-balance{padding:14px;gap:10px;flex-wrap:wrap;font-size:11px;margin:16px 0}.cm-balance b{font-size:14px}.cm-tabs{display:flex;gap:0;justify-content:space-between;margin:16px 0}.cm-tabs button{min-height:42px;padding:8px;font-size:12px}.cm-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cm-plans button{width:100%;min-width:0;min-height:112px;padding:17px 12px;text-align:left;gap:7px}.cm-plans strong{font-size:26px}.cm-plans small,.cm-plans span{font-size:10px}.cm-plans button:last-child:nth-child(odd){grid-column:1/-1}.cm-benefits{margin:18px 0;padding:15px}.cm-note{font-size:9px!important}.cm-primary,.cm-secondary{min-height:43px;padding:11px 16px;font-size:12px}.cm-order{padding:14px 0;font-size:11px;word-break:break-word}#commerce-modal input,#commerce-modal textarea,#commerce-modal select{font-size:16px;max-width:100%}#demo-register input{width:100%}.ops-comments article{font-size:12px}
 body.immersive-watch{height:100dvh;overflow:hidden;min-width:0!important;background:#15141c}.immersive-watch #main{padding:0;margin:0}.immersive-watch .mobile-bottom{display:none!important}.immersive-watch .detail-layout,.immersive-watch .detail-layout.theater{grid-template-columns:1fr;display:block;height:100dvh;margin:0}.immersive-watch .watch-stage,.immersive-watch .detail-layout.theater .watch-stage{height:100dvh;position:fixed;inset:0;border-radius:0;width:100%}.immersive-watch .watch-poster{max-width:100%;width:min(100vw,66.67dvh);height:100%;margin:auto}.watch-back{top:calc(15px + env(safe-area-inset-top));left:14px;padding:8px 12px;font-size:11px;min-height:38px}.watch-brand{top:calc(67px + env(safe-area-inset-top));left:14px;padding:2px 7px}.watch-brand img{width:76px;height:37px}.immersive-watch .stage-top{right:14px;top:calc(26px + env(safe-area-inset-top));font-size:8px}.immersive-watch .play-circle{width:58px;height:58px}.immersive-watch .player-overlay>span{font-size:9px;max-width:80vw;text-align:center}.watch-social{right:14px;bottom:calc(165px + env(safe-area-inset-bottom));gap:17px!important}.watch-social button{font-size:25px;gap:5px;min-width:32px}.watch-social svg{width:23px;height:23px}.watch-social small{font-size:9px}.watch-caption{left:16px;right:65px;bottom:calc(97px + env(safe-area-inset-bottom));opacity:1!important}.watch-caption h1{font-size:21px;margin-bottom:6px}.watch-caption p{font-size:10px}.watch-caption small{font-size:8px}.immersive-watch .stage-controls{bottom:0;padding:18px 13px calc(15px + env(safe-area-inset-bottom));width:100%}.immersive-watch .control-line{display:flex;flex-wrap:nowrap;gap:11px;font-size:9px;min-height:38px}.immersive-watch .control-line button{font-size:10px;min-height:38px;flex-shrink:0}.immersive-watch .control-line svg{width:17px;height:17px}.immersive-watch .control-line [data-action=mute],.immersive-watch .control-line [data-action=theater]{display:none}.immersive-watch #player-time{font-size:9px;white-space:nowrap}.immersive-watch #timeline{position:relative;height:22px;background:transparent;margin:0}.immersive-watch #timeline:before{content:'';position:absolute;top:10px;left:0;right:0;height:2px;background:#ffffff45}.immersive-watch #progress{position:absolute;top:10px;height:2px;pointer-events:none}.immersive-watch .episode-panel{position:fixed;z-index:151;inset:auto 0 0;height:min(58dvh,560px);width:100%;max-height:90dvh;border-radius:22px 22px 0 0;padding:24px 18px calc(18px + env(safe-area-inset-bottom));border:0;overflow:auto;box-shadow:0 -10px 40px #0002}.immersive-watch .episode-panel:before{content:'';position:absolute;width:38px;height:4px;background:#d7c8e1;border-radius:10px;left:calc(50% - 19px);top:9px}.immersive-watch .episode-panel h2{font-size:19px;margin:8px 0 5px;padding-right:30px}.immersive-watch .episode-panel>p{font-size:10px}.immersive-watch .episode-tabs button{font-size:12px;min-height:36px}.immersive-watch .episode-grid,.immersive-watch .detail-layout.theater .episode-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;max-height:calc(58dvh - 182px)}.immersive-watch .episode-grid button{height:42px;font-size:12px}.drawer-close{top:13px;right:12px;min-height:40px;min-width:40px}.episode-caption{font-size:9px}.mobile-drawer-scrim{position:fixed;inset:0;background:#100a1e88;backdrop-filter:blur(3px);border:0;z-index:150;width:100%;height:100%;cursor:pointer}.drawer-hidden .mobile-drawer-scrim{display:none}.immersive-watch .detail-title-row,.immersive-watch .detail-tags,.immersive-watch .detail-description,.immersive-watch .detail-section-title,.immersive-watch .poster-grid,.immersive-watch .preview-note,.immersive-watch .site-footer{display:none}
 .header{gap:10px}.header .search{min-width:0;font-size:16px}.tabbar{padding-bottom:env(safe-area-inset-bottom)}.player-page video{max-width:100%;object-fit:contain}
}
@media(max-width:359px){.poster-grid,.poster-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 11px}.poster-title-art{font-size:23px}.top-actions{gap:8px}.watch-social{gap:12px!important}.immersive-watch .control-line{gap:7px}.cm-tabs button{font-size:11px}}
@media(min-width:761px){.mobile-drawer-scrim{display:none}}
@media(max-width:760px) and (orientation:landscape){.watch-social{bottom:85px;gap:8px!important}.watch-social small{display:none}.watch-caption{bottom:83px}.watch-brand{display:none}.immersive-watch .episode-panel{height:88dvh}.immersive-watch .episode-grid{max-height:calc(88dvh - 170px)}}
/* Fluid desktop and tablet layout, above the phone breakpoint. */
@media(min-width:761px){body{min-width:0!important}.topbar{min-width:0}.search-wrap{min-width:120px;flex:1;max-width:720px}.top-actions{flex-shrink:0}.poster-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr))!important}.poster-grid.compact{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))!important}#main{min-width:0}.channel-tabs{max-width:100%;overflow-x:auto;scrollbar-width:none}.channel-tabs button{flex-shrink:0}.channel-heading h1{font-size:clamp(24px,2.2vw,36px)}.poster-card{min-width:0}.poster-card h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-layout{min-width:0}.episode-panel{min-width:0}.ops-promo{border-radius:20px;overflow:hidden}.ops-promo img{object-fit:cover}.site-footer{flex-wrap:wrap}}
@media(min-width:761px) and (max-width:1100px){:root{--rail:160px}.rail{width:160px}.topbar{left:160px;padding-left:20px;padding-right:20px}.top-actions .selection-button,.top-actions [data-action=settings],.top-actions [data-action=favorites]{display:none}.top-actions{gap:12px}#main{margin-left:160px;padding-left:22px;padding-right:22px}.detail-layout{grid-template-columns:minmax(0,1fr) 260px}.channel-meta{display:none}}
.real-video{object-fit:contain!important}.watch-stage .stage-controls{z-index:12}.watch-stage .watch-social,.watch-stage .watch-caption{z-index:11}.watch-stage .vid-back{z-index:15!important}.watch-stage #danmaku-bar{max-width:calc(100% - 28px)}
@media(max-width:760px){.watch-stage #danmaku-bar{bottom:calc(155px + env(safe-area-inset-bottom))!important;left:14px!important;transform:none!important;width:calc(100% - 78px);padding:5px 8px!important}.watch-stage #danmaku-input{width:100%!important;min-width:0;font-size:16px}.watch-stage #danmaku-send{background:#9872c2!important;flex-shrink:0}.watch-stage #danmaku-block{display:none}.watch-caption{bottom:calc(205px + env(safe-area-inset-bottom))!important}.watch-social{bottom:calc(265px + env(safe-area-inset-bottom))!important}.real-video{touch-action:manipulation}.vid-back{top:calc(12px + env(safe-area-inset-top))!important}}