/* DramaBox reference skin; inherited API and permission contracts stay intact. */
:root{--db-accent:#ff3366;--db-text:#303030;--db-muted:#777;--db-panel:#f3f3f3;--db-width:1200px}
*,*::before,*::after{box-sizing:border-box}body,body.home-page{margin:0;padding:0;background:#fff;color:#303030;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-size:14px;line-height:1.5;letter-spacing:0;min-height:100vh;--home-bg:#fff;--home-card:#f3f3f3;--home-text:#303030;--home-muted:#777;--home-dim:#777;--home-line:#eee;--home-line-strong:#ddd;--home-brand:#ff3366;--home-gradient:linear-gradient(100deg,#ff0057,#ff7d28);scrollbar-color:#ccc #fff}body::before,.home-page::before{display:none}body a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}[hidden]{display:none!important}::selection{background:#ffd1df;color:#222}input{caret-color:#ff3366}a:focus-visible,button:focus-visible,input:focus-visible,.home-page :is(a,button,input):focus-visible{outline:2px solid #ff3366;outline-offset:3px}a:hover{color:#ff3366}
.home-wrap,.page-shell,.site-footer-wrap{width:calc(100% - 40px);max-width:1200px;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0}.home-sr-only,.home-skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.home-skip:focus{position:fixed;left:10px;top:10px;z-index:200;background:#fff;padding:10px;color:#222}
.home-header{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid #ededed;backdrop-filter:none}.home-nav{height:68px;min-height:68px;display:flex;align-items:center;gap:60px}.home-logo img{width:160px;height:auto;max-width:none;display:block}.home-menu{display:flex;flex:1;justify-content:flex-start;align-items:center;gap:76px;padding:0;flex-wrap:nowrap}.home-menu>a{font-size:16px;color:#777;padding:20px 0;border-radius:0;background:none;white-space:nowrap;font-weight:400}.home-menu>a.is-current,.home-menu>a:hover{color:#ff3366;background:none}.db-search{display:flex;align-items:center;gap:8px;width:284px;flex-shrink:0;background:#f4f4f4;border-radius:24px;height:36px;padding:0 12px}.db-search button{background:none;border:0;padding:0;display:flex;color:#999}.db-search svg{height:20px;width:20px;stroke:currentColor;fill:none;stroke-width:2}.db-search input{width:100%;min-width:0;border:0;outline:none;background:none;font-size:14px;color:#333}.db-search input::placeholder{color:#888}.db-search:focus-within{box-shadow:0 0 0 1px #ff3366}
.db-featured{display:grid;grid-template-columns:1.69fr 1fr;grid-template-rows:184px 184px;gap:16px;margin:18px 0 48px}.db-feature{display:flex;min-width:0;background:#f3f3f3;border-radius:4px;overflow:hidden}.db-feature-main{grid-row:1/3}.db-feature-cover{flex:0 0 138px;overflow:hidden;display:block}.db-feature-main .db-feature-cover{flex-basis:288px}.db-feature-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.db-feature-cover:hover img{transform:scale(1.1)}.db-feature-copy{display:flex;flex:1;flex-direction:column;min-width:0;padding:16px 16px 18px}.db-feature-copy h2{font-size:22px;line-height:1.3;font-weight:600;margin:0 0 14px}.db-feature-desc{font-size:13px;color:#777;line-height:1.4;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.db-feature-main .db-feature-desc{-webkit-line-clamp:7}.db-feature-tags{margin-top:auto;padding-top:12px}.db-feature-tags span,.detail-tag{background:#e8e8e8;color:#777;border-radius:20px;padding:3px 9px;font-size:11px;line-height:1.4;border:0}
.home-section{padding:0 0 48px}.home-section-head{margin-bottom:22px;display:flex;align-items:center;justify-content:space-between}.home-section-head h2{font-size:22px;font-weight:600;letter-spacing:0;line-height:1.3}.home-section-head h2::before{display:none}.home-section-head>a{font-size:14px;color:#444}.home-grid,.card-grid,.catalog-grid,.search-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:28px 12px}.home-card,.poster-card{display:block;min-width:0;position:relative;background:none;border:0;border-radius:0;box-shadow:none;transform:none!important;padding:0}.home-poster,.poster-cover{position:relative;aspect-ratio:3/4;height:auto;border-radius:6px;overflow:hidden;background:#eee;box-shadow:none}.home-cover,.poster-cover-img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .5s ease}.home-poster:hover .home-cover,.poster-cover:hover .poster-cover-img{transform:scale(1.1)}.home-card:hover .home-poster{box-shadow:none}.home-card-info,.poster-card-body{padding:9px 0 0}.home-card-info h3,.poster-card-title{font-size:14px;line-height:1.4;font-weight:400;color:#222;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:auto}.home-card-meta,.poster-card-meta,.poster-card-subtitle,.poster-badge,.poster-like-badge,.poster-corner-badges,.home-rank{display:none}.home-episodes,.episode-badge{position:absolute;bottom:0;left:0;right:0;padding:22px 8px 5px;border:0;border-radius:0;background:linear-gradient(transparent,rgba(0,0,0,.65));color:#fff;display:flex;align-items:center;gap:4px;font-size:12px;line-height:18px}.home-episodes svg{width:12px;height:12px;stroke:none}.home-play{display:none}.home-empty,.section-empty{grid-column:1/-1;background:#f6f6f6;border:0;border-radius:5px;padding:50px 24px;text-align:center;color:#777}.home-empty p{font-size:18px;color:#444}.home-empty span{font-size:14px}.home-empty a,.home-empty button{color:#ff3366}
.site-footer{background:#f4f4f4;color:#858585;border:0;margin:8px 0 0;padding:22px 0 12px}.site-footer-wrap{padding:0}.site-footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr 1fr;gap:38px}.site-footer-brand{max-width:250px}.site-footer-logo img{width:150px;height:auto}.site-footer-brand p{font-size:14px;color:#858585;margin:12px 0}.site-footer-col{display:flex;flex-direction:column;gap:8px;min-width:0}.site-footer-col h2{font-size:20px;line-height:1.4;font-weight:500;color:#555;margin:0 0 3px}.site-footer-col a,.site-footer-email,.site-footer-address a{font-size:14px;color:#858585;line-height:1.55;padding:0;background:none;border:0;text-align:left;text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}.site-footer-category-links{display:flex;flex-direction:column;gap:8px}.site-footer-bottom{border:0;margin:20px 0 0;padding:0;text-align:center;color:#888;font-size:13px}.site-footer-email-dialog{border:1px solid #ddd;border-radius:8px;padding:25px;background:#fff;color:#333}.site-footer-email-dialog:not([open]){display:none}.site-footer-email-dialog::backdrop{background:#0006}
.list-page{margin-top:32px;margin-bottom:48px;background:#fff;display:block}.list-hero{padding:0;background:none;display:block}.list-channel{display:none}.list-filters{background:#f1f1f1;padding:0 0 12px;border:0;border-radius:3px;margin-bottom:32px}.filter-row{display:flex;gap:0;padding:0;margin:0;border:0}.filter-row>.filter-label{display:none}.filter-chip-group{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:0;width:100%}.filter-chip{border:0;background:none;border-radius:3px;padding:12px 7px;text-align:center;display:block;min-width:0}.filter-chip--active{background:#e3e3e3}.filter-chip-text{font-size:14px;color:#333}.filter-chip-text--active,.filter-chip--active .filter-chip-text{color:#ff3366}.filter-row--sort{border-top:1px solid #e5e5e5;margin:6px 12px 0;padding-top:5px}.filter-row--sort .filter-chip-group{display:flex;gap:20px}.filter-row--sort .filter-chip{padding:8px 12px}.pagination,.catalog-pagination{justify-content:center;margin-top:34px}.pagination a,.catalog-pagination a{border-radius:4px}.pagination .active,.catalog-pagination .is-active{background:#ff3366;color:#fff}.catalog-page,.search-page{padding-top:28px;padding-bottom:44px}.catalog-head,.catalog-heading{background:none}.catalog-title,.search-title{color:#333;font-size:24px}.catalog-description,.catalog-count{color:#777}.catalog-tags a,.search-tags a{background:#f0f0f0;border:0;color:#555}.search-form{background:#f5f5f5;border:1px solid #eee;color:#333;box-shadow:none}.search-form input{color:#333}.search-form:focus-within{border-color:#ff3366;box-shadow:none}
.detail-page{padding-top:0;padding-bottom:48px}.detail-breadcrumb{display:flex;gap:10px;border-bottom:1px solid #eee;padding:22px 10px;margin:0 0 20px;color:#777;font-size:14px}.detail-breadcrumb span:last-child{color:#222}.detail-hero{display:flex;gap:14px;position:relative;background:linear-gradient(#fff 40px,#f1f1f1 40px);border:0;border-radius:6px;padding:0 10px 10px;margin:0 10px 34px;box-shadow:none}.detail-poster{flex:0 0 264px;width:264px;height:352px;aspect-ratio:3/4;border-radius:5px;overflow:hidden;box-shadow:none}.detail-cover{width:100%;height:100%;object-fit:cover}.detail-poster .home-badge{display:none}.detail-hero-main{display:flex;flex:1;min-width:0;flex-direction:column;padding:68px 10px 14px 0;gap:0}.detail-title{font-size:22px;line-height:1.3;margin:0 0 8px;font-weight:600;letter-spacing:0}.db-episode-count{font-size:13px;color:#555;margin-bottom:12px!important}.detail-intro-title,.detail-subtitle,.detail-work-meta{display:none}.detail-intro-block{margin:0 0 12px}.detail-intro{font-size:13px;line-height:1.45;color:#777;margin:0;max-height:none}.detail-tags{display:flex;gap:6px;flex-wrap:wrap;margin:0}.detail-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:auto;padding-top:18px}.detail-play-btn{background:linear-gradient(100deg,#ff0057,#ff7d28);border:0;border-radius:5px;min-height:40px;padding:8px 22px;box-shadow:none;font-size:16px;color:white!important}.detail-play-btn svg{width:18px;height:18px}.detail-choose-btn,[data-detail-like],[data-detail-collect]{display:none}.detail-action-group{display:flex;gap:15px}.detail-action{border:0;background:none;color:#555;padding:5px}.detail-action img{filter:none}.detail-section-label,.detail-related-title{font-size:24px;font-weight:600;color:#333}.detail-episodes{margin:0 10px 44px;padding:0;background:none;border:0}.detail-episodes-head{display:flex;justify-content:flex-start;gap:14px;align-items:center;margin-bottom:20px}.detail-episodes-status{font-size:13px;color:#777}.detail-episode-ranges{display:none}.detail-episode-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.detail-episode{display:flex;align-items:stretch;position:relative;gap:7px;background:#f0f0f0;color:#333;border:0;border-radius:5px;padding:4px;height:106px;min-width:0;width:auto}.detail-episode.is-range-hidden{display:flex}.detail-episode:nth-child(n+12){display:none}.detail-episodes.is-expanded .detail-episode{display:flex}.db-episode-cover{width:74px;flex:0 0 74px;height:98px;object-fit:cover;border-radius:2px}.db-episode-copy{display:flex;flex-direction:column;justify-content:space-between;min-width:0;font-size:12px;padding:12px 0}.db-episode-copy>span:first-child{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.detail-episode-pc{font-size:12px;color:#999;position:static;transform:none;display:block}.detail-episode-coin,.detail-episode-lock{position:absolute;bottom:8px;right:7px}.db-episodes-more{background:#f1f1f1;border:0;border-radius:4px;color:#666;padding:12px 20px;display:block;margin:14px auto 0}.detail-related{padding:0 10px;margin:0;border:0;background:none}.detail-related-head{margin-bottom:20px}.detail-related-desc,.detail-related-refresh{display:none}
/* Restore the reference document player over the original full-screen feed skin. */
body.home-page.is-play-page{overflow:auto;background:#fff;--play-stage-width:100%;min-height:100vh}.is-play-page .play-page.page-shell{position:relative;width:calc(100% - 40px);max-width:1200px;min-height:0;height:auto;margin:0 auto;padding:0 0 40px;background:#fff;display:block}.is-play-page .play-breadcrumb{display:flex!important;padding:24px 10px;gap:10px}.play-breadcrumb-link,.play-breadcrumb-current{color:#555;font-family:inherit}.is-play-page .play-layout{display:block;height:auto;width:100%}.is-play-page .play-main{display:grid;grid-template-columns:minmax(0,1fr) 258px;grid-template-rows:590px auto;gap:16px 8px;height:auto;width:100%;align-items:start}.is-play-page .play-player{position:relative;left:auto;right:auto;top:auto;bottom:auto;transform:none;width:100%;height:590px;max-width:none;grid-column:1;grid-row:1;background:#111;border-radius:6px 6px 0 0;overflow:hidden}.is-play-page .play-player-cover{width:100%;height:100%;object-fit:contain;background:#111}.is-play-page .play-player video{object-fit:contain}.is-play-page .play-h5-top,.is-play-page .play-h5-side,.is-play-page .play-h5-meta,.is-play-page .play-h5-bottom,.is-play-page .play-player-gradient,.is-play-page .play-comments{display:none!important}.is-play-page .play-player .dplayer-controller{bottom:0!important;padding:0 15px 10px!important;display:block}.is-play-page .play-player .dplayer-played{background:#ff3366!important}.is-play-page .play-player .dplayer-controller-mask{height:90px!important}.is-play-page .play-info{display:flex!important;grid-column:1/-1;grid-row:2;width:100%;padding:0 10px;background:none;border:0;color:#333;gap:20px}.is-play-page .play-info-text{flex:1}.is-play-page .play-info-title{font-size:24px;color:#333;line-height:1.4;font-weight:600}.is-play-page .play-info-ep{font-size:13px;color:#777}.is-play-page .play-info-tags{display:flex;gap:8px}.is-play-page .play-info-tag{background:#eee;color:#777;border:0}.is-play-page .play-info-desc{color:#777;font-size:13px}.is-play-page .play-episodes{display:block!important;grid-column:2;grid-row:1;height:590px;width:100%;background:#f0f0f0;padding:0;border-radius:6px 6px 0 0;overflow:auto;position:static;min-width:0}.is-play-page .play-episodes-label{background:#333;color:white;font-size:16px;padding:10px 12px;margin:0}.is-play-page .play-ep-ranges{display:flex;gap:10px;padding:8px;flex-wrap:wrap;margin:0}.is-play-page .play-ep-range{background:none;border:0;padding:4px;color:#777;font-size:12px}.is-play-page .play-ep-range--active{color:#ff3366}.is-play-page .play-ep-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:5px 8px 12px;margin:0}.is-play-page .play-ep{position:relative;width:auto;height:44px;min-height:44px;border:0;border-radius:3px;background:#fff;display:flex;align-items:center;justify-content:center;color:#777;padding:0}.is-play-page .play-ep-num{position:static;font-size:14px;transform:none;color:inherit}.is-play-page .play-ep--active{background:#ff3366;color:#fff}.is-play-page .play-ep-playing{width:10px;height:10px;position:absolute;bottom:4px;left:4px}.is-play-page .play-ep-coin,.is-play-page .play-ep-lock{position:absolute;right:2px;top:2px;bottom:auto;width:auto;max-height:12px;font-size:8px}.is-play-page .play-ep-coin img{width:10px;height:10px}.is-play-page .play-ep-lock{width:10px;height:10px}.is-play-page .play-ep.is-range-hidden{display:none}.is-play-page .play-feed-error{color:white}.is-play-page .play-feed-error a,.is-play-page .play-feed-error button{color:#fff}.is-play-page .site-footer{display:block}.is-play-page .play-ep-sheet,.is-play-page .play-speed-sheet,.is-play-page .play-comment-sheet{background:#fff;color:#333}
@media(max-width:1100px){.home-nav{gap:28px}.home-menu{gap:40px}.db-feature-main .db-feature-cover{flex-basis:42%}.db-feature-cover{flex-basis:38%}.db-feature-copy h2{font-size:19px}.db-feature-copy{padding:12px}.site-footer-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.site-footer-brand{grid-column:1/-1;max-width:none}.detail-episode-list{grid-template-columns:repeat(4,minmax(0,1fr))}.is-play-page .play-main{grid-template-columns:minmax(0,1fr) 240px}}
@media(max-width:767px){.home-wrap,.page-shell,.site-footer-wrap{width:calc(100% - 28px)}.home-nav{height:auto;min-height:100px;gap:10px;flex-wrap:wrap;padding:12px 0 0}.home-logo{order:0}.home-logo img{width:126px;height:auto}.db-search{order:1;margin-left:auto;width:calc(100% - 142px);height:32px}.home-menu{order:2;flex-basis:100%;justify-content:flex-start;gap:32px;padding:0;overflow-x:auto;display:flex!important;position:static;visibility:visible;opacity:1;transform:none;background:none;border:0;box-shadow:none;max-height:none}.home-menu>a{font-size:15px;padding:10px 0 12px}.home-menu>a.is-current{border-bottom:2px solid #ff3366}.db-featured{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:10px;margin:16px 0 30px}.db-feature-main{grid-column:1/-1;grid-row:auto;min-height:238px}.db-feature-main .db-feature-cover{flex-basis:44%}.db-feature:not(.db-feature-main){flex-direction:column}.db-feature:not(.db-feature-main) .db-feature-cover{flex-basis:auto;aspect-ratio:3/4}.db-feature-copy h2{font-size:16px;margin:0 0 8px}.db-feature-copy{padding:12px}.db-feature-desc{font-size:12px;-webkit-line-clamp:2}.db-feature-main .db-feature-desc{-webkit-line-clamp:6}.db-feature-tags{padding-top:10px}.home-section{padding-bottom:32px}.home-section-head{margin-bottom:16px}.home-section-head h2{font-size:20px}.home-section-head>a{font-size:13px}.home-grid,.card-grid,.catalog-grid,.search-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 9px}.home-card-info h3,.poster-card-title{font-size:13px}.home-episodes,.episode-badge{font-size:10px;padding:18px 5px 3px}.site-footer{padding:24px 0 16px}.site-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 20px}.site-footer-col h2{font-size:17px}.site-footer-bottom{font-size:11px;margin-top:26px}.filter-chip-group{grid-template-columns:repeat(3,minmax(0,1fr))}.filter-chip{padding:11px 5px}.filter-chip-text{font-size:13px}.list-page{margin-top:20px}.list-filters{margin-bottom:22px}.filter-row--sort .filter-chip-group{gap:3px;flex-wrap:wrap}.detail-breadcrumb{font-size:12px;padding:16px 0;white-space:nowrap;overflow:hidden}.detail-hero{margin:0 0 26px;padding:0 0 14px;gap:12px;background:#f3f3f3}.detail-poster{flex-basis:122px;width:122px;height:164px}.detail-hero-main{padding:10px 10px 0 0}.detail-title{font-size:18px}.db-episode-count{font-size:12px}.detail-intro{font-size:12px;-webkit-line-clamp:4}.detail-intro-block{margin-bottom:8px}.detail-actions{padding-top:14px;gap:8px}.detail-play-btn{font-size:14px;padding:7px 12px;min-height:36px}.detail-action-group{display:none}.detail-tags{gap:4px}.detail-tag{font-size:10px}.detail-episodes{margin:0 0 28px}.detail-section-label,.detail-related-title{font-size:20px}.detail-episodes-head{gap:10px}.detail-episode-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.detail-episode{height:95px}.db-episode-cover{height:87px;width:65px;flex-basis:65px}.db-episode-copy{font-size:11px;padding:7px 0}.detail-related{padding:0}.is-play-page .play-page.page-shell{width:100%;padding:0 0 28px}.is-play-page .play-breadcrumb{padding:14px;font-size:12px;white-space:nowrap;overflow:hidden}.is-play-page .play-main{grid-template-columns:1fr;grid-template-rows:auto;gap:16px}.is-play-page .play-player{grid-column:1;grid-row:1;height:min(68vh,620px);border-radius:0}.is-play-page .play-info{grid-column:1;grid-row:2;padding:0 14px}.is-play-page .play-info-title{font-size:20px}.is-play-page .play-info-actions{display:none}.is-play-page .play-episodes{grid-column:1;grid-row:3;height:auto;max-height:400px;width:calc(100% - 28px);margin:0 14px}.is-play-page .play-ep-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.is-play-page .play-ep{height:44px}.is-play-page .play-info-desc{display:block}.is-play-page .play-h5-next{display:none}.is-play-page .home-header{position:relative}.home-page.has-h5-tabbar,body.has-h5-tabbar{padding-bottom:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.db-feature-dots{display:none}
@media(max-width:767px){.db-featured{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-bottom:8px;gap:12px}.db-featured::-webkit-scrollbar{display:none}.db-feature,.db-feature:not(.db-feature-main){flex:0 0 100%;flex-direction:row;min-height:170px;height:170px;scroll-snap-align:start}.db-feature-main .db-feature-cover,.db-feature-cover,.db-feature:not(.db-feature-main) .db-feature-cover{flex:0 0 128px;aspect-ratio:3/4}.db-feature-main .db-feature-desc,.db-feature-desc{-webkit-line-clamp:3}.db-feature-dots{display:flex;justify-content:center;gap:5px;margin:0 0 24px}.db-feature-dots button{border:0;background:#ddd;border-radius:3px;width:8px;height:4px;padding:0;position:relative}.db-feature-dots button::after{content:"";position:absolute;inset:-9px -5px}.db-feature-dots button[aria-current=true]{background:#ff3366;width:12px}}
@media(max-width:767px){.home-nav .home-logo{position:static;transform:none}.home-nav .home-logo img{height:auto;max-width:none}.home-enhanced .home-menu{position:static;display:flex;max-height:none;overflow:visible;padding:0;background:none;border:0;box-shadow:none}}
.detail-title{margin:0 0 8px!important}.detail-intro-toggle{background:none;border:0;color:#ff3366;font-size:12px;padding:3px 0}.detail-intro.is-expanded{display:block}.detail-play-btn{display:inline-flex;align-items:center;gap:8px}.detail-play-btn svg{fill:white;stroke:none}.detail-action{display:flex;align-items:center;gap:6px}.detail-action img{width:20px;height:20px;filter:brightness(.5)}.detail-related-title-h5{display:none}.detail-episodes-head h2{margin:0}.detail-episode:hover{color:#ff3366}.detail-episode-lock{max-width:16px;max-height:16px}.detail-episode-coin img{width:14px;height:14px}.site-footer-email-dialog{width:calc(100% - 32px);max-width:360px;margin:auto}.site-footer-email-dialog form{text-align:right}.site-footer-email-dialog button{background:#ff3366;color:white;border:0;border-radius:4px;padding:7px 20px}.site-footer-email-address{overflow-wrap:anywhere}

.is-play-page .play-info-actions{display:none}.is-play-page .play-info-desc{margin:10px 0;color:#777;line-height:1.6}.db-episodes-more{height:106px;margin:0;padding:12px}.detail-episodes.is-expanded .db-episodes-more{grid-column:1/-1;height:42px}.is-play-page .play-player{aspect-ratio:auto}.is-play-page .play-player-cover--hidden{display:none!important}
@media(max-width:767px){.db-episodes-more{height:95px}}

.detail-episode-coin,.detail-episode-lock,.is-play-page .play-ep-coin,.is-play-page .play-ep-lock{display:none}.is-play-page .play-info-title{margin:5px 0 10px}.is-play-page .play-info-sub{display:none}

.list-hero .card-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:28px 12px}.list-hero .poster-card{width:100%;background:none;box-shadow:none}.pagination .pagination-btn--active{background:#ff3366;border-color:#ff3366;color:#fff}.db-feature-count{font-size:13px;color:#444;margin:0 0 14px}
@media(max-width:767px){.list-hero .card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 9px}.db-feature-count{font-size:11px;margin-bottom:6px}.db-feature-main .db-feature-desc,.db-feature-desc{-webkit-line-clamp:2}}

.list-page{padding-top:0;padding-bottom:0}.list-filters{display:block}.filter-row{width:100%}.filter-row--sort{width:calc(100% - 24px)}.list-hero .poster-card{border-radius:0;overflow:visible}.poster-cover-img{border-radius:0}.episode-badge{justify-content:flex-start}.search-form svg{stroke:#ff3366}
/* Real multi-page lists use the same white/pink palette as the rest of the site. */
.pagination .pagination-btn{background:#f3f3f3;color:#555;border-radius:4px}
.pagination a.pagination-btn:hover{background:#ffe8ee;color:#ff3366}
.pagination .pagination-btn--active{background:#ff3366;color:#fff}
.pagination .pagination-arrow{filter:brightness(0);opacity:.6}
.pagination .pagination-jump-input{background:#f3f3f3;color:#333;border:1px solid #ddd;border-radius:4px}
.pagination .pagination-jump-input:focus-visible{outline:2px solid #ff3366;outline-offset:2px;color:#333}
.pagination .pagination-jump-submit{background:#ff3366;color:#fff;border-radius:4px}
.pagination .pagination-jump-submit:hover{background:#e92959}

/* FirstList card hover, measured from the supplied DramaBox archive. */
.db-hover-card,.db-hover-card:hover{box-shadow:none;border:0;background:transparent}
.db-hover-card .home-poster{display:block;width:100%;color:#fff}
.db-hover-card .home-cover{transform:none;transition:transform .5s ease}
.db-hover-card .home-card-info{position:relative}
.db-hover-card .db-card-name{display:block;color:#222}
.db-card-panel{display:none}
.db-feature-copy h2 a{transition:color .3s ease}
@media(min-width:768px) and (hover:hover){
  .home-page .home-section{padding-bottom:8.33px}
  .home-grid:has(.db-hover-card),.card-grid:has(.db-hover-card){row-gap:0}
  .db-feature:hover .db-feature-copy h2 a{color:#ff375f}
  .db-hover-card .home-card-info{height:88.3px;padding:10px 0 0}
  .db-hover-card .home-card-info h3{white-space:normal;font-size:13.33px;line-height:18.33px;font-weight:500}
  .db-hover-card .db-card-panel{display:block;position:absolute;inset:0 0 auto;padding:10px;background:#32323912;border-radius:0 0 6.66px 6.66px;opacity:0;visibility:hidden;z-index:2}
  .db-card-panel-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:13.33px;line-height:18.33px;font-weight:500;color:#ff375f!important;margin-bottom:8.33px}
  .db-card-tags{display:flex;flex-wrap:wrap;gap:6.66px;height:20px;overflow:hidden}
  .db-card-tags>a,.db-card-tags>span{display:block;max-width:100%;height:20px;padding:0 8.33px;border-radius:10px;background:#32323912;color:#0009;font-size:10px;font-weight:400;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .3s}
  .db-card-tags>a:hover{color:#ff375f}
  .db-hover-card:is(:hover,:focus-within) .db-card-name{opacity:0;pointer-events:none}
  .db-hover-card:is(:hover,:focus-within) .db-card-panel{opacity:1;visibility:visible}
  .db-hover-card:is(:hover,:focus-within) .home-poster{border-radius:6.66px 6.66px 0 0}
  .db-hover-card .home-poster:hover .home-cover{transform:scale(1.1)}
  .db-hover-card .home-episodes{width:100%;max-width:none;pointer-events:none}
  .db-hover-card a:focus-visible{outline-offset:-2px}
}
@media(max-width:767px),(hover:none){
  .db-hover-card .home-poster:hover .home-cover,.db-feature-cover:hover img{transform:none}
}
@media(prefers-reduced-motion:reduce){
  .db-hover-card .home-cover,.db-feature-cover img{transition:none!important}
  .db-hover-card .home-poster:hover .home-cover,.db-feature-cover:hover img{transform:none!important}
}

/* Anchor footer links to the right without changing the existing tracks or gaps. */
@media(min-width:1101px){
.site-footer-grid>.site-footer-col:nth-child(2):nth-last-child(3){grid-column-start:3}
.site-footer-grid>.site-footer-col:nth-child(2):nth-last-child(2){grid-column-start:4}
.site-footer-grid>.site-footer-col:nth-child(2):last-child{grid-column-start:5}
}

.is-play-page .play-ep .play-ep-lock{display:block;position:absolute;top:0;right:0;bottom:auto;width:13.33px;height:13.33px;max-height:none;pointer-events:none}

/* Detail episode covers keep restricted episodes distinct without a purchase prompt. */
.db-episode-art{position:relative;display:block;flex:0 0 74px;width:74px;height:98px;overflow:hidden;border-radius:3px}
.db-episode-art .db-episode-cover{display:block;width:100%;height:100%;object-fit:cover}
.db-episode-app-lock{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.52);color:#fff}
.db-episode-app-lock svg{width:22px;height:22px}
.detail-episode--app:hover .db-episode-app-lock{background:rgba(0,0,0,.42)}
@media(max-width:767px){.db-episode-art{flex-basis:65px;width:65px;height:87px}}

/* Buglist 2026-09-19: shared browser chrome, search and player controls. */
:root { color-scheme: light; scrollbar-color: #999 #fff; }
html::-webkit-scrollbar, body::-webkit-scrollbar { width: 10px; background: #fff; }
html::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb { background: #999; border: 2px solid #fff; border-radius: 8px; }
.home-episodes, .episode-badge { color: #ddd; font-weight: 400; }
.db-search { position: relative; }
.db-search:focus-within { box-shadow: 0 0 0 1px #aac4e7; }
.home-header .db-search input:focus-visible { outline: none; }
.db-search input::-webkit-search-cancel-button { display: none; }
.db-search .db-search-clear { flex: 0 0 22px; width: 22px; height: 22px; border-radius: 50%; align-items: center; justify-content: center; color: #fff; background: #999; font-size: 20px; line-height: 1; }
.db-search-suggestions { position: absolute; top: calc(100% + 6px); right: 0; width: 100%; min-width: 284px; max-width: calc(100vw - 28px); max-height: 360px; overflow-y: auto; background: #fff; border-radius: 14px; box-shadow: 0 8px 24px #0002; padding: 8px 0; }
.db-search-suggestions a, .db-search-suggestions p { display: block; padding: 12px 16px; margin: 0; color: #333; overflow-wrap: anywhere; }
.db-search-suggestions a:hover, .db-search-suggestions a:focus-visible { background: #f4f4f4; color: #ff3366; }
.db-search-summary { border-bottom: 1px solid #eee; padding: 24px 0; margin-bottom: 24px; }
.db-search-summary h1 { font-size: 18px; font-weight: 400; margin: 0; }
.db-search-summary span { color: #ff3366; }
.db-search-results { display: flex; flex-direction: column; gap: 28px; }
.db-search-result { display: flex; align-items: center; gap: 18px; min-width: 0; }
.db-result-cover { flex: 0 0 126px; aspect-ratio: 3 / 4; overflow: hidden; border-radius: 4px; background: #f3f3f3; }
.db-result-cover img { width: 100%; height: 100%; object-fit: cover; display: block; }
.db-result-copy { flex: 1; align-self: stretch; min-width: 0; }
.db-result-copy h2 { font-size: 22px; font-weight: 500; margin: 0 0 8px; }
.db-result-count { margin: 0 0 10px; font-size: 13px; }
.db-result-desc { color: #777; margin: 0 0 14px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.db-result-tags { display: flex; flex-wrap: wrap; gap: 6px; }
.db-result-tags a, .db-result-tags span { background: #f3f3f3; color: #666; border-radius: 16px; font-size: 12px; padding: 3px 10px; }
.home-page .db-result-play { flex: 0 0 164px; text-align: center; border-radius: 4px; padding: 10px; background: linear-gradient(100deg,#ff0057,#ff7d28); color: white; font-size: 18px; }
.home-page .db-result-play:hover { color: white; filter: brightness(.95); }
.db-search-results .home-empty { min-height: 240px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.db-search-recommendations { margin-top: 36px; }
.db-search-recommendations>h2 { font-size: 24px; font-weight: 500; margin-bottom: 20px; }
.db-episode-count { font-size: 12px; font-weight: 400; color: #aaa; margin-left: 6px; }
.is-play-page .play-player .dplayer-controller { height: 64px !important; padding: 0 16px 22px !important; }
.is-play-page .play-player .dplayer-bar-wrap { position: absolute; bottom: 12px; left: 16px; right: 16px; width: auto; margin: 0 !important; padding: 5px 0 !important; height: 14px; }
.is-play-page .play-player .dplayer-icons-left, .is-play-page .play-player .dplayer-icons-right { bottom: 26px; height: 30px; }
.is-play-page .play-player .dplayer-icons-left { left: 12px; gap: 4px !important; }
.is-play-page .play-player .dplayer-icons-right { right: 12px; }
.is-play-page .play-player .dplayer-time { color: #fff !important; font-size: 15px !important; }
.is-play-page .play-player .dplayer-played { background: #fff !important; }
.is-play-page .play-player .dplayer-setting { display: none !important; }
.is-play-page .play-player .dplayer-bar-wrap .dplayer-thumb { background: #fff !important; }
.download-app-qr-panel .download-app-qr-box { display: flex; align-items: center; justify-content: center; color: #666; text-align: center; font-size: 13px; }
.download-app-qr-box img, .download-app-qr-box canvas { width: 164px; height: 164px; max-width: 100%; }
.download-app-open { display: block; text-align: center; color: #fff; margin: 8px 0; text-decoration: underline; }
@media(max-width:767px) {
  .db-search-result { gap: 12px; flex-wrap: wrap; align-items: flex-start; }
  .db-result-cover { flex-basis: 90px; }
  .db-result-copy h2 { font-size: 17px; }
  .db-result-desc { font-size: 12px; -webkit-line-clamp: 2; }
  .home-page .db-result-play { margin-left: 102px; flex-basis: calc(100% - 102px); font-size: 14px; padding: 8px; }
  .db-search-summary h1 { font-size: 16px; }
}
.download-app-qr-panel { height: auto; padding: 16px; display: flex; flex-direction: column; align-items: center; gap: 10px; }
.download-app-qr-panel .download-app-platform-tabs, .download-app-qr-panel .download-app-qr-box, .download-app-qr-panel .download-app-copy, .download-app-qr-panel .download-app-qr-hint { position: static; margin: 0; flex-shrink: 0; }
.download-app-qr-panel .download-app-open { margin: 0; font-size: 13px; color: white; }
.download-app-qr-panel .download-app-copy { width: 100%; }
.download-app-qr-panel .download-app-qr-hint { font-size: 11px; }
@media(max-width:767px) {
  .download-app-page { padding: 24px 14px; }
  .download-app-dialog { width: 100%; height: auto; padding: 24px 18px; display: flex; flex-direction: column; gap: 16px; }
  .download-app-dialog .download-app-title, .download-app-dialog .download-app-subtitle, .download-app-dialog .download-app-divider, .download-app-dialog .download-app-feature, .download-app-dialog .download-app-feature-title, .download-app-dialog .download-app-feature-desc, .download-app-dialog .download-app-qr-panel { position: static; width: auto; height: auto; margin: 0; }
  .download-app-dialog .download-app-title { padding-right: 28px; font-size: 22px; }
  .download-app-dialog .download-app-feature { padding: 14px; }
  .download-app-dialog .download-app-feature-desc { margin-top: 8px; }
  .download-app-dialog .download-app-qr-panel { width: 100%; }
  .download-app-close { right: 12px; top: 16px; }
}
html::-webkit-scrollbar-track, body::-webkit-scrollbar-track { background: #fff; }
/* Playback sharing and same-category recommendations. */
.db-play-bottom{padding:0 10px 40px;margin-top:24px;min-width:0}.db-episode-share{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:40px}.db-episode-share h2{font-size:18px;font-weight:500;margin:0 4px 0 0;color:#333}.db-episode-share button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:0;padding:2px;cursor:pointer;border-radius:50%}.db-episode-share button:hover{background:#f2f2f2}.db-episode-share button:focus-visible{outline:2px solid #ff3366;outline-offset:3px}.db-episode-share img{object-fit:contain}.db-share-status{font-size:13px;color:#555}.db-play-recommend-title{font-size:28px;font-weight:700;line-height:1.3;margin:0 0 24px;color:#262626}.db-play-recommend-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px 12px}.db-play-recommend-card{min-width:0}.db-play-recommend-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#333;font-size:18px;font-weight:500;line-height:24px;margin:12px 8px 0}.db-play-recommend-name:hover{color:#ff3366}.db-play-recommend-tag{display:inline-block;max-width:calc(100% - 16px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#f0f0f1;color:#666;font-size:12px;line-height:24px;border-radius:12px;padding:0 10px;margin:8px 8px 0}.db-play-recommend-empty{grid-column:1/-1;color:#777;padding:16px 0}@media(max-width:767px){.db-play-bottom{padding:0 14px 24px}.db-episode-share{gap:10px;margin-bottom:28px}.db-share-status{flex-basis:100%}.db-play-recommend-title{font-size:22px;margin-bottom:18px}.db-play-recommend-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 10px}.db-play-recommend-name{font-size:14px;line-height:20px;margin:8px 0 0}.db-play-recommend-tag{font-size:11px;margin:6px 0 0;max-width:100%}}
/* Keep the volume track centered on its icon after moving it to the right controls. */
.is-play-page .play-player .dplayer-volume,
.is-play-page .play-player .dplayer-volume-bar-wrap {
  display: flex !important;
  align-items: center;
  height: 30px;
}
.is-play-page .play-player .dplayer-volume-bar { top: 0 !important; }
.is-play-page .play-player .dplayer-volume-bar-inner,
.is-play-page .play-player .dplayer-volume-bar-inner .dplayer-thumb { background: #fff !important; }
/* Ten rows of five episodes fit without a nested scroll area; grow for wrapped range tabs. */
@media (min-width: 768px) {
  .is-play-page .play-main { grid-template-rows: minmax(610px, auto) auto; }
  .is-play-page .play-player { height: 100%; min-height: 610px; }
  .is-play-page .play-episodes { height: auto; min-height: 610px; align-self: stretch; overflow: visible; }
}
@media (max-width: 767px) {
  .is-play-page .play-episodes { max-height: none; overflow: visible; }
}