/* Shared detail/player layout; data and playback gates stay in the page templates. */
.is-detail-page,.is-play-page{--drama-accent:var(--primary-color,#ff5000)}
.drama-icon-ads{display:grid;grid-template-columns:repeat(auto-fill,80px);justify-content:space-between;align-items:start;gap:18px 8px;min-width:0}
.drama-icon-ads a{min-width:0;text-align:center;color:#ddd;text-decoration:none;font-size:12px}
.drama-icon-ads img{object-fit:contain}
.drama-icon-ads span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.drama-banner-ads{display:grid;gap:16px;min-width:0}
.drama-banner-ads img{display:block;width:100%;aspect-ratio:766/94;object-fit:cover;border-radius:8px}
.drama-contacts h2,.drama-sidebar h2{font-size:22px;font-weight:500;margin:0 0 20px;color:#f5f5f5}
.drama-description{font-size:14px;line-height:1.8;color:#aaa;margin:0}
.drama-metadata{font-size:14px;color:#999;line-height:1.6}
.play-landscape-fullscreen{display:none}
.detail-breadcrumb-current,.play-breadcrumb-current,.detail-action--active,.detail-sort-btn--active,.play-speed-sheet-option.is-active{color:var(--drama-accent)}
.detail-play-btn,.detail-h5-play,.detail-comment-composer-submit{background:var(--drama-accent);color:#fff}
.detail-episode--active,.play-ep--active,.play-ep-sheet-item--active{color:var(--drama-accent);background:rgba(255,80,0,.1);border-color:var(--drama-accent)}
@media(min-width:768px){
 .detail-page,.play-page{width:1388px;max-width:calc(100% - 64px);padding:32px 0 64px}
 .detail-page{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px 36px;align-items:start}
 .detail-page>nav{grid-column:1/-1}
 .detail-primary{grid-column:1;min-width:0;display:flex;flex-direction:column;gap:32px;align-self:start}
 .detail-primary>*{min-width:0;flex-shrink:0}
 .detail-page>.detail-related{grid-column:2;grid-row:2;border-left:1px solid #333;padding-left:32px;align-self:start}
 .detail-related [data-related-grid],.drama-sidebar-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
 .detail-related .poster-cover,.drama-sidebar .poster-cover{width:100%;height:auto;aspect-ratio:242/321}
 .detail-related .poster-card,.drama-sidebar .poster-card{width:100%;min-width:0}

 .detail-hero{padding:24px;background:#191919;border:0;gap:24px;border-radius:16px;min-width:0;box-sizing:border-box;align-items:center}
 .detail-cover{width:300px;max-width:32%;height:400px;object-fit:cover;border-radius:18px;align-self:center;flex-shrink:0}
 .detail-hero-main{min-width:0;flex:1;gap:30px}
 .detail-hero-info{min-width:0;gap:30px}
 .detail-title{font-size:24px;line-height:32px;margin:0}
 .detail-intro{font-size:14px;line-height:20px;margin:0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
 .detail-actions{height:auto;min-height:45px;flex-wrap:wrap;gap:16px;overflow:visible}
 .detail-play-btn{min-width:118px;border-radius:999px;gap:6px;padding:0 12px;color:#fff}
 .detail-episode-list,.play-ep-grid{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:12px 8px}
 .detail-episode,.play-ep{width:100%;height:auto;min-height:0;aspect-ratio:1;box-sizing:border-box;padding:0;border-radius:5px;font-size:14px;background:#292929}
 .detail-episode-coin span,.play-ep-coin span{display:none}
 .detail-episode-lock,.play-ep-lock,.detail-episode-coin,.play-ep-coin{position:absolute;top:3px;right:3px;width:14px;height:14px}
 .detail-episode-coin img,.play-ep-coin img{width:14px;height:14px}
 .detail-episodes,.play-episodes{gap:20px}
 .play-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:36px;align-items:start}
 .play-main{width:auto;min-width:0;gap:32px}
 .play-sidebar{display:block;width:auto;min-width:0;border-left:1px solid #333;padding-left:32px}
 .play-player{height:auto;aspect-ratio:16/9;border-radius:12px}
 .play-info{display:flex;flex-direction:column;align-items:stretch;gap:24px}
 .play-info-text{gap:16px;min-width:0}
 .play-info-title{font-size:28px;line-height:1.4}
 .play-info-ep,.play-info-sub{display:none}
 .play-info-actions{justify-content:flex-start}
 .detail-related-title{font-size:22px}
}
@media(min-width:768px) and (max-width:1100px){
 .detail-page,.play-layout{grid-template-columns:minmax(0,1fr) 200px;column-gap:24px}
 .detail-page>.detail-related,.play-sidebar{padding-left:20px}
 .detail-title,.play-info-title{font-size:23px}
 .detail-action-group{gap:8px}
 .detail-episode-list,.play-ep-grid{grid-template-columns:repeat(10,minmax(0,1fr))}
}
@media(max-width:767px){
 .drama-icon-ads,.drama-banner-ads,.drama-contacts{display:none}
 .detail-h5-top-actions{display:none}
 .detail-title{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:none}
 .detail-h5-play{background:var(--drama-accent);color:#fff}
 .detail-h5-collect--active,.detail-episode--active,.detail-episode--h5-active{color:var(--drama-accent)}
 .detail-episode--active,.detail-episode--h5-active{background:rgba(255,80,0,.1)}
 .detail-related [data-related-grid] .poster-card{flex:0 0 111px;width:111px!important;max-width:111px}
 .detail-related [data-related-grid] .poster-cover{width:111px!important;height:150px!important}
 .play-ep-sheet{max-height:min(75dvh,560px);padding:18px 16px calc(20px + env(safe-area-inset-bottom,0px));gap:14px}
 .play-ep-sheet-drama{display:none}
 .play-ep-sheet-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
 .play-ep-sheet-item{width:100%;height:auto;aspect-ratio:1;min-height:48px;border-radius:5px;background:#303030}
 .play-ep-sheet-item--active{color:var(--drama-accent);background:rgba(255,80,0,.1)}
 .play-speed-sheet-option.is-active{color:var(--drama-accent)}
 .play-speed-sheet-check{filter:brightness(0) saturate(100%) invert(39%) sepia(97%) saturate(3800%) hue-rotate(359deg) brightness(103%) contrast(109%)}
 .play-comment-sheet{max-height:min(70dvh,560px)}
 .play-comment-sheet-body{min-height:0;overscroll-behavior:contain}
 .play-h5-top{padding-top:calc(12px + env(safe-area-inset-top,0px))}
 .play-landscape-fullscreen:not([hidden]){display:flex;align-items:center;justify-content:center;gap:6px;position:absolute;z-index:7;top:calc(50% + 114px);left:50%;width:106px;box-sizing:border-box;transform:translateX(-50%);border:0;border-radius:20px;padding:7px 12px;background:#303030;color:#fff;font-size:12px;line-height:18px;white-space:nowrap;cursor:pointer}
 .play-landscape-fullscreen img{width:14px;height:14px;display:block}
 .play-player.is-landscape-video video{object-fit:contain!important;object-position:center calc(50% - 6px)!important}
 body.play-h5-focus .play-landscape-fullscreen{display:none}
}
@media(prefers-reduced-motion:reduce){.play-ep-sheet,.play-comment-sheet,.play-speed-sheet{transition:none}}
.drama-download{order:10;margin-left:auto;background:var(--drama-accent);color:#fff;border-radius:999px;padding:10px 24px;text-decoration:none;font-size:14px}
@media(max-width:767px){
 .play-player.is-landscape-video .play-player-cover{object-fit:contain;object-position:center calc(50% - 6px);background:#080808}
 .play-h5-feedback{display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-left:8px}
 .play-h5-feedback img{display:block;width:24px;height:24px;filter:none}
 .play-ep-sheet-handle{border:0;padding:0;cursor:pointer}
 .play-ep-sheet-num{top:50%;transform:translateY(-50%)}
 .play-ep-sheet-coin{left:auto;right:4px}
 .play-ep-sheet-coin span{display:none}
}
@media(min-width:768px){
 .play-ep-ranges{display:none}
 .play-ep.is-range-hidden{display:flex}
 .detail-related-desc{display:none}
}
@media(max-width:767px){
 .play-speed-sheet{gap:0;max-height:80dvh;overflow-y:auto}
 .play-speed-sheet-option{min-height:46px;margin:0}
 .play-speed-sheet-head{margin-bottom:6px;max-width:none}
}

/* H5 detail/player fidelity for the 375px design frames. */
@media(max-width:767px){
 .detail-related [data-related-grid]{gap:5px}
 .detail-related [data-related-grid] .poster-cover{height:148px!important}
 .detail-related [data-related-grid] .poster-card-body{padding:0;gap:0;min-height:36px;height:auto}
 .detail-related [data-related-grid] .poster-card-title{font-size:12px;line-height:18px}
 .detail-related [data-related-grid] .poster-card-meta{min-height:18px;line-height:18px;flex-wrap:wrap;row-gap:4px}
 .detail-related [data-related-grid] .poster-card-tag{max-width:100%}
 .detail-related [data-related-grid] .poster-card-subtitle{display:none!important}
 .detail-related [data-related-grid] .poster-card-heat{display:block!important;flex-basis:100%;font-size:12px;line-height:18px;color:#808080}
 .detail-related [data-related-grid] .episode-badge{display:flex!important}

 .play-player{bottom:58px}
 .play-player>.dplayer{z-index:auto}
 .play-player .dplayer-controller{opacity:1!important;visibility:visible!important}
 .play-player .dplayer-icons{display:none!important}
 .play-player .dplayer-bar-wrap{left:16px!important;right:16px!important;top:-61px!important;bottom:auto!important;width:auto!important;height:20px!important;display:flex;align-items:center;pointer-events:auto;touch-action:none}
 .play-player .dplayer-bar{width:100%;height:4px!important}
 .play-player .dplayer-thumb{width:6px!important;height:6px!important;top:50%!important;margin-top:-3px!important}
 .play-h5-side{top:auto;bottom:89px;transform:none;gap:10px}
 .play-h5-meta{bottom:89px}
 .play-h5-meta-tags{flex-wrap:nowrap;width:100%;overflow:hidden}
 .play-h5-meta-tag{flex-shrink:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .play-h5-meta-title{max-width:204px}
 .play-h5-meta-text,.play-h5-side-item{color:#fff}
 .play-h5-side-item img{display:block;filter:none}
 .play-player .dplayer-played{background:#fadc44!important}

 .play-player-center,
 .play-player-center picture,
 .play-player-center img{display:block;width:60px;height:60px}
 .play-player.is-landscape-video .play-player-center{top:calc(50% + 29px)}
 .play-player.is-landscape-video .play-h5-side{top:auto;bottom:47px;transform:none}
 .play-player.is-landscape-video .play-h5-meta{bottom:47px;gap:5px}
 .play-player.is-landscape-video .play-h5-meta-intro{margin-top:5px}
 .play-player.is-landscape-video .dplayer-bar-wrap{top:-21px!important}
 body.play-h5-focus .play-player-center{top:calc(50% + 29px);width:60px;height:60px}
 body.play-h5-focus .play-player .dplayer-bar-wrap{top:-29px!important}

 .play-ep-sheet{height:514px;max-height:min(514px,100dvh);padding:18px 16px calc(20px + env(safe-area-inset-bottom,0px));gap:14px}
 .play-ep-sheet-grid{grid-template-columns:repeat(5,58px);justify-content:space-between;row-gap:12px}
 .play-ep-sheet-item{width:58px;height:58px;min-height:58px;aspect-ratio:auto}

 .play-comment-sheet{height:489px;max-height:min(489px,100dvh);background:#181818}
 .play-comment-sheet-panel{height:410px;flex:0 0 410px}
 .play-comment-sort-btn--active{color:#fff;background:rgba(255,255,255,.1)}
 .play-comment-replies{padding:4px 0 0;background:transparent;border-radius:0;gap:18px}
 .play-comment-child{display:flex;align-items:flex-start;gap:10px;width:100%}
 .play-comment-child-avatar{width:24px;height:24px;flex:0 0 24px;border-radius:50%;object-fit:cover;background:#525252}
 .play-comment-child-body{min-width:0;flex:1;display:flex;flex-direction:column;gap:8px}
 .play-comment-child-name{color:rgba(255,255,255,.65);font-size:14px;line-height:20px}
 .play-comment-child-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#fff;font-size:14px;line-height:20px;word-break:break-word}
 .play-comment-child-time{color:rgba(255,255,255,.35);font-size:12px;line-height:18px}
 .play-comment-replies-all{padding:0;color:#ff5000}

 .play-speed-sheet{height:347px;max-height:min(347px,100dvh);padding:18px 16px calc(21px + env(safe-area-inset-bottom,0px));background:#181818;border-radius:20px 20px 0 0;overflow:hidden}
 .play-speed-sheet-head{flex:0 0 24px;margin-bottom:2px}
 .play-speed-sheet-option{height:46px;min-height:46px}
}

.drama-shared-cards{--home-accent:#ff5000}
@media(min-width:768px){
 .detail-meta-pc{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:14px;line-height:22px;color:#a3a3a3}
 .detail-tags{gap:9px;flex-wrap:nowrap;height:26px;overflow:hidden}
 .detail-tag{display:block;box-sizing:border-box;flex:0 0 67px;width:67px;height:26px;border-radius:6px;background:rgba(255,255,255,.1);padding:0 8px;font-size:12px;line-height:26px;font-weight:400;text-align:center;color:rgba(255,255,255,.55);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .detail-tag--primary{background:#ff4b02;color:#fff}
 .detail-play-btn img{display:block;width:20px;height:20px}
 .detail-action-group{flex:0 0 auto;margin-left:auto;justify-content:flex-end;gap:16px;min-width:0}
 .detail-action-sep{display:block;width:2px;height:19px;background:rgba(255,255,255,.08)}
 .detail-action{gap:8px;white-space:nowrap;color:#eee;font-size:14px}
 .detail-hero .detail-action-icon,.detail-hero .detail-action--active .detail-action-icon{width:30px;height:30px;background:transparent}
 .detail-hero .detail-action-icon img,.detail-hero .detail-action--active .detail-action-icon img{width:30px;height:30px;filter:none}
 .drama-contacts{padding:28px;background:#191919;border-radius:16px;box-sizing:border-box;color:#eee;font-size:14px;line-height:20px}
 .drama-contacts p{margin:0 0 18px;overflow-wrap:anywhere}
 .drama-contacts p:last-child{margin-bottom:0}
 .drama-contacts a{color:var(--drama-accent);text-decoration:none}
 .drama-contacts a:hover{text-decoration:underline}
 .detail-comments{background:#191919;border:0;padding:24px;border-radius:21px;gap:12px}
 .detail-comment-list{display:flex;flex-direction:column;gap:12px}
 .detail-comment{min-height:96px;padding:14px 0;border:0}
 .detail-comment-body{gap:6px}
 .detail-comments-sort,.detail-comments-login{background:rgba(255,255,255,.05)}
 .detail-comment-replies{background:rgba(255,255,255,.05);margin-top:0;padding:10px 12px;gap:6px}
 .detail-comment-replies-toggle{color:var(--drama-accent)}
 .detail-comment-like img,.detail-comment-like--active img{filter:none;width:9px;height:8px}
 .detail-comments-more{width:100%;height:43px;border:0;border-radius:7px;font-size:12px;color:#a3a3a3;background:rgba(255,255,255,.05)}
}
@media(min-width:768px) and (max-width:1200px){
 .detail-cover{height:auto;aspect-ratio:3/4}
 .detail-hero-main,.detail-hero-info{gap:20px}
 .detail-action-group{flex-basis:100%}
}

@media(min-width:768px){
 .is-detail-page .site-breadcrumb,.is-play-page .site-breadcrumb{font-size:18px;line-height:24px}
 .detail-comments-head{height:32px;min-height:32px}
 .detail-comments-sort{height:32px;padding:0 8px;gap:12px;border-radius:7px}
 .detail-comments .detail-sort-btn--active{color:#f5f5f5}
 .detail-comments .detail-comment-reply-item,.detail-comments .detail-comment-reply-name,.detail-comments .detail-comment-reply-text{color:#8a8a8a}
 .detail-comments .detail-comment-like{gap:8px}
 .detail-comment-like img{box-sizing:content-box;padding:3px 2.5px}
 .detail-episode-lock,.detail-episode-coin,.play-ep-lock,.play-ep-coin{width:16px;height:16px;top:6px;right:6px}
 .detail-episode-coin img,.play-ep-coin img{width:16px;height:16px}
 .detail-episode-pc,.play-ep-num{font-size:18px;line-height:24px}
}

@media(min-width:768px){
 .detail-episodes-head,.play-episodes-label{padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.2);width:100%;box-sizing:border-box}
 .detail-section-label,.play-episodes-label{font-size:24px;line-height:32px;font-weight:400}
 .detail-episodes,.play-episodes{gap:14px}
}

/* PC playback controls and information mirror their dedicated Figma nodes. */
@media(min-width:768px){
 .play-ep--active,.detail-episode--pc-active{background:rgba(255,74,74,.08);color:#ff4b02;border:0}
 .play-ep--active .play-ep-num{color:#ff4b02;display:block}
 .play-ep-playing{display:none!important}
 .detail-comment-inline-input:focus,.detail-comment-inline-input:focus-visible{border-color:#ff4b02;box-shadow:0 0 0 1px rgba(255,75,2,.15)}
 .detail-comment-inline-send{background:#ff4b02;color:#fff}
 .detail-comment-reply-hint button{color:#ff4b02}
 .detail-comments-more{background:rgba(255,255,255,.05);color:#a3a3a3;min-height:43px;border-radius:7px}
 .play-info,.play-info-text{gap:30px;align-items:stretch}
 .play-info-title{font-size:24px;line-height:32px;margin:0}
 .play-info .drama-metadata{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:16px;line-height:22px;color:#8a8a8a}
 .play-info .drama-description{font-size:16px;line-height:22px;color:#8a8a8a}
 .play-info-tags{display:flex;align-items:center;gap:18px}
 .play-info-tags-label{font-size:18px;line-height:24px;color:#8a8a8a;flex-shrink:0}
 .play-info-tag-list{display:flex;flex-wrap:wrap;gap:10px}
 .play-info-tag{box-sizing:border-box;min-width:60px;height:34px;padding:6px 14px;border-radius:8px;background:rgba(255,255,255,.05);font-size:14px;line-height:22px;color:#a3a3a3;text-align:center;text-decoration:none}
 .play-info-actions{gap:16px;min-height:48px}
 .play-info-actions .detail-action-icon{background:none;width:30px;height:30px}
 .play-info-actions .detail-action-icon img{width:30px;height:30px;filter:none}
 .drama-download{display:flex;align-items:center;justify-content:center;gap:12px;border-radius:12px;width:148px;height:48px;padding:0;font-size:16px;box-sizing:border-box}
 .drama-download img{width:24px;height:24px}
 .play-player .dplayer-controller{left:6.3%;right:6.3%;width:87.4%;bottom:30px;padding:0!important;height:53px!important}
 .play-player .dplayer-bar-wrap{height:4px!important;margin:0 0 25px!important}
 .play-player .dplayer-icons{height:24px!important}
 .play-player .dplayer-icons-left{gap:24px!important}
 .play-player .dplayer-icon{width:24px!important;height:24px!important;padding:0!important}
 .play-player .dplayer-setting{display:none!important}
 .play-player .dplayer-time{margin:0!important;font-size:18px!important}
 .play-player .dplayer-play-icon{background:url('/static/images/drama/player-play.svg') center/24px no-repeat}
 .play-player .dplayer-play-icon .dplayer-icon-content{visibility:hidden}
 .play-player .drama-is-playing .dplayer-play-icon{background:none}
 .play-player .drama-is-playing .dplayer-play-icon .dplayer-icon-content{visibility:visible}
 .play-player .dplayer-volume-icon{background:url('/static/images/drama/player-volume.svg') center/24px no-repeat}
 .play-player .dplayer-volume-icon .dplayer-icon-content{visibility:hidden}
 .play-player .drama-is-muted .dplayer-volume-icon{background:none}
 .play-player .drama-is-muted .dplayer-volume-icon .dplayer-icon-content{visibility:visible}
 .play-player .dplayer-full-icon{background:url('/static/images/drama/player-fullscreen.svg') center/24px no-repeat}
 .play-player .dplayer-full-icon .dplayer-icon-content{visibility:hidden}
 .play-player-center{width:84px;height:84px;background:none;border:0}
 .play-player-center img{width:84px;height:84px}
 .drama-player-next{width:24px;height:24px;padding:0;border:0;background:none;cursor:pointer}
 .drama-player-next img{width:24px;height:24px}
 .drama-player-next:disabled{opacity:.35;cursor:default}
 .drama-player-speeds{position:relative;color:#fff;font-size:14px}
 .drama-player-speeds summary{list-style:none;cursor:pointer;white-space:nowrap}
 .drama-player-speeds summary::-webkit-details-marker{display:none}
 .drama-player-speeds>div{position:absolute;bottom:36px;right:0;padding:8px;background:#242424;border-radius:8px;min-width:80px;display:grid;gap:4px}
 .drama-player-speeds button{background:none;border:0;color:#eee;padding:6px;cursor:pointer}
 .drama-player-speeds button[aria-pressed=true]{color:#ff4b02}
}
@media(max-width:767px){.drama-player-next,.drama-player-speeds{display:none}}

@media(min-width:768px){
 .play-player .dplayer-full-icon,.play-player .dplayer-full .dplayer-full-icon{background:url('/static/images/drama/player-fullscreen.svg') center/24px no-repeat}
 .play-player .dplayer-icons-right{right:0;gap:24px!important}
 .play-player .dplayer-volume{height:24px!important;line-height:24px!important}
 .play-player .dplayer-volume-bar-wrap{display:none!important}
 .play-player .dplayer-bar-wrap .dplayer-played{background:#fff!important}
}

/* Keep both sound states mounted with identical speaker geometry. */
.play-player .dplayer-volume-icon>img{display:none}
@media(min-width:768px){
.play-player .dplayer-volume-icon{position:relative;background:none!important}
.play-player .dplayer-volume-icon .dplayer-icon-content{visibility:hidden!important}
.play-player .dplayer-volume-icon>img{display:block;position:absolute;inset:0;width:24px;height:24px;pointer-events:none;transition:none}
.play-player .drama-volume-on{opacity:1}
.play-player .drama-volume-off{opacity:0}
.play-player .drama-is-muted .drama-volume-on{opacity:0}
.play-player .drama-is-muted .drama-volume-off{opacity:1}
}

/* H5 uses the same episode badge assets and geometry as PC. */
@media(max-width:767px){
 .detail-episode-lock,.detail-episode-coin{position:absolute;left:auto;top:6px;right:6px;width:16px;height:16px;padding:0;background:transparent}
 .detail-episode-coin img{display:block;width:16px;height:16px}
 .detail-episode-coin span{display:none}
 .detail-h5-collect--active{color:#ff4b02}
 .detail-h5-like-icon{position:relative;display:block;width:16px;height:16px;flex:0 0 16px}
 .detail-h5-like-icon img{position:absolute;inset:0;display:block;transition:none}
 .detail-h5-like-icon .detail-h5-like-off{filter:brightness(0) invert(1);opacity:1}
 .detail-h5-like-icon .detail-h5-like-on{filter:none;opacity:0}
 .detail-h5-collect--active .detail-h5-like-off{opacity:0}
 .detail-h5-collect--active .detail-h5-like-on{opacity:1}
}

/* Keep mobile playback controls stationary as DPlayer toggles its chrome. */
@media(max-width:767px){
 .play-player .dplayer-controller{transform:none!important;transition:none!important}
 .play-player .dplayer-bar-wrap{transform:none!important;transition:none!important}
 .play-h5-side{width:48px;right:8px}
 .play-h5-side-item{width:48px;min-width:48px}
 .play-h5-side-item>span{width:100%;white-space:nowrap}
 .play-ep-sheet-item--active::after{content:none}
 .detail-comment-inline-input:focus,.detail-comment-inline-input:focus-visible{border-color:#ff4b02;box-shadow:0 0 0 1px rgba(255,75,2,.15)}
 .detail-comment-inline-send{background:#ff4b02;color:#fff}
 .detail-comment-reply-hint button{color:#ff4b02}
}

/* Keep mobile recommendations directly after the episode selector. */
@media(max-width:767px){
 .detail-primary{display:contents}
 .detail-page>.detail-related{order:1}
 .detail-primary>.drama-contacts,.detail-primary>.drama-banner-ads,.detail-primary>.detail-comments{order:2}
}