/* DOKI 漫画风主题：覆盖 style.css 的配色与组件外观。删除 include.html 里引用本文件的那一行即可还原。 */
:root{
  --ink:#1A1030; --ink-2:#4A4064; --paper:#FBFAFF; --paper-2:#F1EEFF;
  --pink:#FF3D8B; --cyan:#19C3F0; --lemon:#FFE14D; --violet:#7A4DFF;
  --display:"ZCOOL KuaiLe","PingFang SC","Microsoft YaHei",sans-serif;
  --pixel:"DotGothic16","PingFang SC","Microsoft YaHei",monospace;
  --c-bg:var(--paper); --c-bg-soft:var(--paper-2); --c-bg-card:#fff; --c-bg-hover:#FFF6C9;
  --c-primary:var(--pink); --c-primary-hover:#E02673; --c-primary-soft:rgba(255,61,139,.12); --c-primary-line:var(--ink);
  --c-text:var(--ink); --c-text-2:var(--ink-2); --c-text-3:#7B7394;
  --c-border:var(--ink); --c-border-light:var(--ink);
  --shadow-sm:3px 3px 0 var(--ink); --shadow-md:5px 5px 0 var(--ink); --shadow-lg:8px 8px 0 var(--ink); --shadow-primary:4px 4px 0 var(--ink);
  color-scheme:light;
}
body{background-color:var(--paper);background-image:radial-gradient(rgba(26,16,48,.10) 1.2px,transparent 1.4px);background-size:11px 11px;color:var(--ink)}
::selection{background:var(--lemon);color:var(--ink)}
::-webkit-scrollbar-thumb{background:var(--ink)}
::-webkit-scrollbar-thumb:hover{background:var(--pink)}
:focus-visible{outline:3px solid var(--violet);outline-offset:2px}

/* 顶部导航 */
.header,.header.is-scrolled{background:rgba(251,250,255,.94);border-bottom:3px solid var(--ink);box-shadow:none}
.nav__link{font-weight:700;color:var(--ink)}
.nav__link:hover,.nav__link.is-active{color:var(--pink)}
.nav__dropdown{background:#fff;border:3px solid var(--ink);border-radius:14px;box-shadow:5px 5px 0 var(--ink)}
.nav__dropdown a{color:var(--ink);font-weight:700}
.nav__dropdown a:hover,.nav__dropdown a.is-active{background:var(--lemon);color:var(--ink)}
.search-form__input{background:#fff;border:3px solid var(--ink);border-radius:999px;color:var(--ink)}
.search-form__input::placeholder{color:#7B7394}
.search-form__btn{background:var(--ink);color:#fff;border:3px solid var(--ink);border-radius:999px;font-weight:700;box-shadow:3px 3px 0 var(--pink);transition:transform .15s,box-shadow .15s}
.search-form__btn:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--pink);background:var(--ink)}
.header__icon-btn{color:var(--ink)}
.header__nav-toggle span{background:var(--ink)}

/* 轮播 */
.banner{border:3px solid var(--ink);border-radius:20px;box-shadow:8px 8px 0 var(--ink);background:var(--paper-2)}
.banner__content,.banner__meta,.banner__desc{color:#fff}
.banner__title{font-family:var(--display);font-weight:400;color:var(--lemon);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;letter-spacing:.02em;text-shadow:4px 4px 0 var(--ink)}
.banner__arrow{background:#fff;color:var(--ink);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}
.banner__dot{background:#fff;border:2px solid var(--ink)}
.banner__dot.is-active{background:var(--pink)}
.btn{border:3px solid var(--ink);border-radius:999px;font-weight:700;transition:transform .15s,box-shadow .15s}
.btn--primary{background:var(--pink);color:#fff;box-shadow:4px 4px 0 var(--ink)}
.btn--ghost{background:#fff;color:var(--ink);box-shadow:4px 4px 0 var(--ink)}
.btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}

/* 滚动字幕条（由 doki.js 插入） */
.doki-marquee{background:var(--pink);border-block:3px solid var(--ink);overflow:hidden;transform:rotate(-1.2deg);margin:26px -24px 34px}
.doki-marquee__track{display:flex;width:max-content;white-space:nowrap;padding-block:9px;animation:doki-slide 26s linear infinite}
.doki-marquee__track span{font:400 22px/1 var(--display);color:#fff;-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill;padding-inline:16px}
.doki-marquee__track em{font-style:normal;color:var(--lemon)}
@keyframes doki-slide{to{transform:translateX(-50%)}}

/* 区块标题 */
.section__head{margin-bottom:18px}
.section__title{font-family:var(--display);font-weight:400;font-size:clamp(22px,2.6vw,30px);letter-spacing:.02em;color:var(--ink)}
.section__title::before{width:14px;height:14px;border-radius:50%;background:var(--pink);border:3px solid var(--ink);box-sizing:content-box}
.stat-count{font-family:var(--pixel);background:var(--ink);color:var(--lemon);padding:4px 8px;border-radius:4px;font-size:12px}
.section__more{font-weight:700;color:var(--ink);background:var(--lemon);border:2px solid var(--ink);border-radius:999px;padding:4px 12px;box-shadow:2px 2px 0 var(--ink)}
.section__more:hover{color:var(--ink);background:#fff}

/* 影片卡片 */
.vod-card{background:none;border:0;box-shadow:none;overflow:visible}
.vod-card__cover{border:3px solid var(--ink);border-radius:14px;box-shadow:5px 5px 0 var(--ink);background:var(--paper-2);transition:transform .18s,box-shadow .18s}
.vod-card:hover .vod-card__cover{transform:translate(-3px,-3px) rotate(-1deg);box-shadow:8px 8px 0 var(--pink)}
.vod-card__badge{font-family:var(--pixel);font-size:12px;color:var(--ink);background:var(--lemon);border:2px solid var(--ink);border-radius:4px}
.vod-card__play{background:var(--ink);color:#fff;border:2px solid #fff;border-radius:999px;font-weight:700}
.vod-card__title{font-weight:700;margin-top:4px}
.vod-card__title a{color:var(--ink)}
.vod-card:hover .vod-card__title a{color:var(--pink)}
.vod-card__meta{color:var(--ink-2)}
.tag{font-family:var(--pixel);font-size:12px;background:var(--cyan);color:var(--ink);border:2px solid var(--ink);border-radius:4px;padding:1px 6px}
.tag--hot{background:var(--ink);color:var(--lemon)}

/* 面板、筛选、面包屑、分页 */
.panel{background:#fff;border:3px solid var(--ink);border-radius:18px;box-shadow:6px 6px 0 var(--ink)}
.filter-row__label{font-family:var(--pixel);color:var(--ink);font-weight:700}
.filter-tag{background:#fff;color:var(--ink);border:2px solid var(--ink);font-weight:700}
.filter-tag:hover{background:var(--lemon);color:var(--ink);border-color:var(--ink)}
.filter-tag.is-active{background:var(--ink);color:var(--lemon);border-color:var(--ink);box-shadow:2px 2px 0 var(--pink)}
.crumb,.crumb a{color:var(--ink-2)}
.crumb .is-current{color:var(--ink);font-weight:700}
.pagination a,.pagination span,.pagination__btn{background:#fff;color:var(--ink);border:2px solid var(--ink);border-radius:10px;font-weight:700}
.pagination a:hover,.pagination__btn:hover{background:var(--lemon);color:var(--ink)}
.pagination .is-active,.pagination .is-current,.pagination__btn.is-active{background:var(--pink);color:#fff;border-color:var(--ink);box-shadow:2px 2px 0 var(--ink)}
.friend-link{background:#fff;color:var(--ink);border:2px solid var(--ink);border-radius:999px;font-weight:700}
.friend-link:hover{background:var(--lemon);color:var(--ink)}

/* 页脚 */
.footer{background:var(--ink);color:#CFC8E6;border-top:3px solid var(--ink)}
.footer a{color:#CFC8E6}
.footer a:hover{color:var(--lemon)}

/* 手机端抽屉 */
@media (max-width:900px){
  .header__nav,.header__search{background:var(--paper);border-color:var(--ink)}
  .doki-marquee{margin-inline:-16px}
  .vod-card__cover{box-shadow:3px 3px 0 var(--ink)}
}
@media (prefers-reduced-motion:reduce){.doki-marquee__track{animation-duration:120s}.vod-card:hover .vod-card__cover{transform:none}}

/* 修正：横向溢出、空轮播 */
.page{overflow-x:clip}
.banner:not(:has(.banner__item)){display:none}
.banner{margin-inline:clamp(12px,2vw,28px)}

/* 修正：标签不换行、配色 */
.vod-card__meta{display:flex;align-items:center;flex-wrap:nowrap;gap:6px;overflow:hidden}
.vod-card__meta .tag{white-space:nowrap;flex-shrink:0;font-size:11px;line-height:1.5;padding:0 5px}
.vod-card__meta .tag--hot{background:var(--ink);color:var(--lemon);border-color:var(--ink)}
.vod-card__meta .tag:not(.tag--hot){background:var(--cyan);color:var(--ink);border-color:var(--ink)}

/* 轮播：通栏半屏高（Hero Half Height），图片按 16:9 准备，居中裁切 */
.banner{aspect-ratio:auto;height:clamp(340px,64vh,720px);width:auto;max-width:none;margin-inline:clamp(12px,2vw,28px)}
.banner__bg{width:100%;height:100%;object-fit:cover;object-position:center 30%}
@media (max-width:700px){.banner{height:clamp(240px,48vh,400px)}}

/* 轮播图片：缩小成右侧的海报卡片，背景用同一张图的模糊版铺满（背景由 doki.js 设置） */
.banner__item{overflow:hidden}
.banner__item::before{content:"";position:absolute;inset:-48px;background:var(--paper-2) center/cover no-repeat;filter:blur(32px) saturate(1.25) brightness(.55);z-index:0}
#banner .banner__item .banner__bg{position:absolute;top:11%;bottom:11%;right:clamp(28px,8vw,170px);left:auto;height:78%;width:auto;max-width:50%;object-fit:cover;object-position:center;transform:none;rotate:2deg;border:3px solid var(--ink);border-radius:16px;box-shadow:8px 8px 0 var(--ink);z-index:1}
.banner__mask{z-index:1;background:linear-gradient(90deg,rgba(26,16,48,.72) 0%,rgba(26,16,48,.35) 42%,rgba(26,16,48,0) 70%)}
.banner__content{z-index:2}
.banner__arrow,.banner__dots{z-index:3}
@media (max-width:700px){#banner .banner__item .banner__bg{top:8%;bottom:auto;height:56%;max-width:42%;right:14px}}

/* ===== 布局：参考 friDay 影音（宽版容器、横向滚动片单、TOP10 排行、手机底部导航） ===== */
:root{--container-w:1720px}
.container{padding-inline:clamp(14px,3vw,56px)}
.header__inner{justify-content:flex-start;gap:clamp(14px,2.4vw,36px)}
.header__nav{margin-right:auto;flex:0 1 auto}
.header__search{margin-left:auto}
.vod-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:22px 16px}

.rail{position:relative;margin-bottom:26px}
.rail:not(:has(.vod-card)){display:none}
.rail .section__head{margin-bottom:10px}
.rail__track{display:flex;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-left:6px;padding:6px 12px 14px 6px;margin-inline:-6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.rail__track::-webkit-scrollbar{display:none}
.rail__track>.vod-card{flex:0 0 clamp(132px,10.6vw,190px);min-width:0;scroll-snap-align:start}
.rail__nav{position:absolute;top:50%;width:44px;height:44px;margin-top:-22px;border-radius:50%;background:#fff;color:var(--ink);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);font:700 22px/1 var(--body,sans-serif);cursor:pointer;z-index:4;display:grid;place-items:center;padding:0;transition:transform .15s,box-shadow .15s}
.rail__nav:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--pink)}
.rail__nav--prev{left:-16px}
.rail__nav--next{right:-16px}
.rail__nav[hidden]{display:none}
@media (hover:none),(max-width:820px){.rail__nav{display:none}}

/* TOP 10 排行 */
.rail--rank .rail__track{gap:6px;padding-left:10px}
.rail__track>.vod-card--rank{flex-basis:clamp(214px,17vw,292px);display:grid;grid-template-columns:auto minmax(0,1fr);align-items:end}
.rank-no{grid-row:1;grid-column:1;font:400 clamp(84px,9vw,140px)/.82 var(--display);color:var(--lemon);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:5px 5px 0 var(--ink);letter-spacing:-.06em;margin-right:-16px;position:relative;z-index:2;font-variant-numeric:tabular-nums}
.vod-card--rank .vod-card__cover{grid-row:1;grid-column:2}
.vod-card--rank .vod-card__info{grid-row:2;grid-column:2}

/* 手机 */
.doki-tabbar{display:none}
@media (max-width:700px){
  .section__title{font-size:20px}
  .rail{margin-bottom:18px}
  .rail__track{gap:10px}
  .rail__track>.vod-card{flex-basis:30vw}
  .rail__track>.vod-card--rank{flex-basis:47vw}
  .rank-no{font-size:74px;-webkit-text-stroke:3px var(--ink);text-shadow:3px 3px 0 var(--ink);margin-right:-10px}
  .vod-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 10px}
  .vod-card__title{font-size:13px}
  .vod-card__meta{font-size:11px}
  .vod-card__meta:has(.tag:not(.tag--hot)) .tag--hot{display:none}
  .vod-card__badge{font-size:10px}
  body{padding-bottom:calc(58px + env(safe-area-inset-bottom,0px))}
  .doki-tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;background:#fff;border-top:3px solid var(--ink);padding-bottom:env(safe-area-inset-bottom,0px)}
  .doki-tabbar a{flex:1;min-width:0;text-align:center;padding:11px 4px 10px;font-weight:700;font-size:13px;color:var(--ink);border-right:2px solid var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .doki-tabbar a:last-child{border-right:0}
  .doki-tabbar a.is-active{background:var(--lemon)}
}

/* 导航贴着 Logo 靠左；排行数字等宽 */
.header__nav{position:static;left:auto;transform:none;margin-right:auto}
.rank-no{width:.72em;text-align:right;flex:none}
.rail__track>.vod-card--rank{grid-template-columns:auto minmax(0,1fr)}

/* 手机细节：图标靠右、筛选项单行横滑 */
.header__btns{margin-left:auto}
@media (max-width:700px){
  .filter-card{padding:14px}
  .filter-row{align-items:center}
  .filter-row__tags{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:4px;-webkit-overflow-scrolling:touch}
  .filter-row__tags::-webkit-scrollbar{display:none}
  .filter-tag{flex:none}
  .banner__desc,.banner__meta{display:none}
  .banner__title{font-size:20px;max-width:52%}
}

@media (max-width:700px){ /* 筛选项左对齐 */
  .filter-row{align-items:flex-start}
  .filter-row__label{text-align:left;align-self:flex-start}
  .filter-row__tags{justify-content:flex-start;width:100%}
}

/* M2 手机：去掉底部导航、hero 改为整幅海报、抽屉菜单紧凑 */
@media (max-width:700px){
.doki-tabbar{display:none!important}
body{padding-bottom:0!important}
#banner{height:clamp(360px,116vw,540px)!important}
#banner .banner__item::before{display:none!important}
#banner .banner__item .banner__bg{inset:0!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;max-width:none!important;rotate:none!important;transform:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;object-fit:cover!important;object-position:center 15%!important;background-size:cover!important;background-position:center 15%!important}
#banner .banner__item::after{content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:1;background:linear-gradient(180deg,rgba(26,16,48,0) 35%,rgba(26,16,48,.55) 62%,rgba(26,16,48,.95) 100%)!important;pointer-events:none}
#banner .banner__content{position:absolute!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;transform:none!important;z-index:2;width:auto!important;max-width:none!important;padding:0 18px 40px!important;text-align:left}
#banner .banner__title{font-size:clamp(28px,8.5vw,38px)!important;margin-bottom:10px}
#banner .banner__desc{display:none!important}
}
@media (max-width:900px){
.header__nav{max-height:72vh;overflow-y:auto}
.header__nav .nav{gap:0!important}
.header__nav .nav>li{padding:6px 0!important;border-bottom:2px dashed rgba(26,16,48,.15)}
.header__nav .nav>li:last-child{border-bottom:0}
.header__nav .nav__link{padding:6px 0!important;font-size:16px}
.header__nav .nav__dropdown{display:flex!important;flex-wrap:wrap;gap:8px!important;position:static!important;padding:4px 0 8px!important;margin:0!important;border:0!important;box-shadow:none!important;background:none!important;opacity:1!important;visibility:visible!important;transform:none!important;min-width:0!important}
.header__nav .nav__dropdown a{display:inline-block!important;width:auto!important;padding:4px 12px!important;font-size:13px!important;line-height:1.5;background:#fff!important;border:2px solid var(--ink)!important;border-radius:999px!important}
}

/* H3 首页频道版式：快捷分类 + 最新网格/热播榜 + 子分类切换 */
.quick{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:0 0 30px;padding:12px 14px;background:#fff;border:3px solid var(--ink);border-radius:16px;box-shadow:5px 5px 0 var(--ink)}
.quick__main{font:400 18px/1 var(--display);color:#fff!important;background:var(--pink);border:2px solid var(--ink);border-radius:999px;padding:7px 16px;flex:none}
.quick__main:not(:first-child){margin-left:10px}
.quick__chip{font-weight:700;font-size:13px;color:var(--ink);background:var(--paper-2);border:2px solid var(--ink);border-radius:999px;padding:4px 12px;flex:none}
.quick__chip:hover{background:var(--lemon);color:var(--ink)}
.chan{margin-bottom:44px}
.chan__head{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.chan__links{display:flex;gap:6px 16px;flex-wrap:wrap;margin-right:auto;font-weight:700;font-size:14px}
.chan__links a{color:var(--ink-2)}
.chan__links a:hover{color:var(--pink)}
.chan__body{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}
.chan-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:20px 14px!important}
.chan__rank{background:#fff;border:3px solid var(--ink);border-radius:16px;box-shadow:5px 5px 0 var(--ink);padding:14px 14px 6px}
.chan__rank-title{font:400 20px/1 var(--display);margin:0 0 6px;padding-bottom:10px;border-bottom:3px solid var(--ink);color:var(--ink)}
.ranklist{list-style:none;margin:0;padding:0}
.ranklist a{display:flex;align-items:center;gap:10px;padding:9px 2px;border-bottom:2px dashed rgba(26,16,48,.14);color:var(--ink);font-weight:700;font-size:14px}
.ranklist li:last-child a{border-bottom:0}
.ranklist__no{flex:0 0 24px;height:24px;display:grid;place-items:center;font:12px/1 var(--pixel);background:var(--paper-2);border:2px solid var(--ink);border-radius:6px}
.ranklist li:nth-child(-n+3) .ranklist__no{background:var(--lemon)}
.ranklist li:first-child .ranklist__no{background:var(--pink);color:#fff}
.ranklist__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ranklist__meta{flex:none;max-width:84px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:400;color:var(--c-text-3)}
.ranklist a:hover .ranklist__name{color:var(--pink)}
.tabs{margin-top:28px;background:#fff;border:3px solid var(--ink);border-radius:18px;box-shadow:6px 6px 0 var(--ink);padding:14px 16px 18px}
.tabs__nav{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 4px 14px 2px;margin-bottom:16px;border-bottom:3px solid var(--ink)}
.tabs__nav::-webkit-scrollbar{display:none}
.tabs__btn{flex:none;font:400 17px/1 var(--display);color:var(--ink);background:#fff;border:2px solid var(--ink);border-radius:999px;padding:7px 16px;cursor:pointer}
.tabs__btn:hover{background:var(--lemon)}
.tabs__btn.is-active{background:var(--ink);color:var(--lemon);box-shadow:3px 3px 0 var(--pink)}
.tabs__panel{display:none!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:20px 14px!important}
.tabs__panel.is-active,.tabs:not(.is-ready) .tabs__panel:nth-of-type(2){display:grid!important}
.tabs__more{grid-column:1/-1;justify-self:center;margin-top:4px}
@media (min-width:1001px) and (max-width:1340px){
.chan-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
.chan-grid>.vod-card:nth-child(n+11){display:none}
.tabs__panel{grid-template-columns:repeat(6,minmax(0,1fr))!important}
.tabs__panel>.vod-card:nth-child(n+13){display:none}
}
@media (max-width:1000px){
.chan__body{grid-template-columns:minmax(0,1fr)}
.chan-grid,.tabs__panel{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.ranklist{display:grid;grid-template-columns:1fr 1fr;column-gap:22px}
}
@media (max-width:700px){
.quick{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-bottom:22px;padding:10px}
.quick::-webkit-scrollbar{display:none}
.chan__links{display:none}
.chan__head .section__more{margin-left:auto}
.chan-grid,.tabs__panel{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px 10px!important}
.chan-grid>.vod-card:nth-child(n+10),.tabs__panel>.vod-card:nth-child(n+10){display:none}
.ranklist{grid-template-columns:1fr}
.ranklist li:nth-child(n+7){display:none}
.tabs{padding:10px 10px 14px;box-shadow:4px 4px 0 var(--ink)}
.tabs__btn{font-size:15px;padding:6px 13px}
}

/* W4 横图 hero：幻灯图是横图时整幅铺满（电影海报式），竖图仍用海报卡片 */
@media (min-width:701px){
#banner .banner__item.is-wide::before{display:none!important}
#banner .banner__item.is-wide .banner__bg{inset:0!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;max-width:none!important;rotate:none!important;transform:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;object-fit:cover!important;object-position:center 25%!important}
#banner .banner__item.is-wide::after{content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(26,16,48,.94) 0%,rgba(26,16,48,.72) 30%,rgba(26,16,48,.15) 58%,rgba(26,16,48,0) 75%),linear-gradient(0deg,rgba(26,16,48,.75) 0%,rgba(26,16,48,0) 30%)!important}
#banner .banner__item.is-wide .banner__content{z-index:2;max-width:min(46%,620px)}
#banner .banner__item.is-wide .banner__title{font-size:clamp(34px,4.2vw,64px)}
}

/* P5 hero 竖图版式：电脑=左海报+右文字（矮一些）；手机=海报缩小居中+模糊背景 */
@media (min-width:701px){
#banner{--bh:clamp(340px,50vh,500px);--bl:clamp(28px,5vw,96px);height:var(--bh)!important}
#banner .banner__item:not(.is-wide) .banner__bg{left:var(--bl)!important;right:auto!important;top:9%!important;bottom:9%!important;height:82%!important;width:auto!important;aspect-ratio:27/38;max-width:32%!important;rotate:-3deg!important;object-fit:cover!important;z-index:2}
#banner .banner__item:not(.is-wide)::after{content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:1;pointer-events:none;background:radial-gradient(rgba(255,255,255,.10) 1.5px,transparent 1.7px) 0 0/14px 14px,linear-gradient(105deg,transparent 0 68%,rgba(255,61,139,.42) 68% 80%,rgba(255,225,77,.34) 80% 86%,transparent 86%)!important}
#banner .banner__item:not(.is-wide) .banner__content{position:absolute!important;top:50%!important;bottom:auto!important;left:calc(var(--bl) + var(--bh) * .6 + 56px)!important;right:6%!important;transform:translateY(-50%)!important;width:auto!important;max-width:680px!important;padding:0!important;margin:0!important;z-index:3}
#banner .banner__item:not(.is-wide) .banner__title{font-size:clamp(32px,3.8vw,58px)}
}
@media (max-width:700px){
#banner{height:clamp(390px,124vw,570px)!important}
#banner .banner__item::before{display:block!important}
#banner .banner__item .banner__bg{inset:auto!important;top:16px!important;left:50%!important;right:auto!important;bottom:auto!important;translate:-50% 0;width:auto!important;height:58%!important;aspect-ratio:27/38;max-width:78%!important;border:3px solid var(--ink)!important;border-radius:14px!important;box-shadow:5px 5px 0 var(--ink)!important;object-fit:cover!important;object-position:center!important;z-index:2}
#banner .banner__content{z-index:3;padding:0 18px 36px!important}
}

/* C6 手机卡片：海报在上、片名在下，海报占满整格 */
@media (max-width:900px){
.vod-card{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;padding:0!important}
.vod-card__cover{width:100%!important;max-width:none!important;flex:none!important;aspect-ratio:3/4!important;height:auto!important}
.vod-card__cover .vod-card__img{width:100%!important;height:100%!important;object-fit:cover!important}
.vod-card__info{width:auto!important;min-width:0!important;height:auto!important;padding:8px 2px 0!important;display:block!important}
.vod-card__title{width:auto!important;font-size:13px!important;line-height:1.35!important;margin:0 0 4px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;writing-mode:horizontal-tb!important}
.vod-card__meta{display:flex!important;flex-wrap:nowrap!important;gap:4px!important;overflow:hidden!important;font-size:11px!important;white-space:nowrap}
.vod-card__meta .tag{font-size:10px!important;padding:0 4px!important}
.vod-card__desc,.vod-card__actor{display:none!important}
}
@media (max-width:700px){
.vod-grid,.chan-grid,.tabs__panel{gap:16px 10px!important}
.tabs{padding:10px 8px 14px!important}
.vod-card__cover{border-width:2px!important;border-radius:10px!important;box-shadow:3px 3px 0 var(--ink)!important}
}

/* B7 hero 简化：一张图铺满（参考 friDay），左侧压暗放文字。建议幻灯图 1920×700 */
#banner{height:auto!important;aspect-ratio:1920/700;max-height:640px;min-height:260px}
#banner .banner__item::before,#banner .banner__item:not(.is-wide)::before{display:none!important}
#banner .banner__item .banner__bg,#banner .banner__item:not(.is-wide) .banner__bg{position:absolute!important;inset:0!important;top:0!important;right:0!important;bottom:0!important;left:0!important;translate:none!important;width:100%!important;height:100%!important;max-width:none!important;aspect-ratio:auto!important;rotate:none!important;transform:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;object-fit:cover!important;object-position:center 30%!important;z-index:0!important}
#banner .banner__item::after,#banner .banner__item:not(.is-wide)::after{content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(15,10,30,.85) 0%,rgba(15,10,30,.55) 28%,rgba(15,10,30,0) 55%)!important}
#banner .banner__item .banner__content,#banner .banner__item:not(.is-wide) .banner__content{position:absolute!important;left:clamp(24px,5vw,90px)!important;right:auto!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;translate:none!important;width:auto!important;max-width:min(42%,560px)!important;padding:0!important;margin:0!important;z-index:2!important;text-align:left}
#banner .banner__title{font-size:clamp(28px,3.4vw,52px)!important}
#banner .banner__desc{-webkit-line-clamp:2;display:-webkit-box!important;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:700px){
#banner{aspect-ratio:16/10;min-height:0;height:auto!important}
#banner .banner__item::after,#banner .banner__item:not(.is-wide)::after{background:linear-gradient(0deg,rgba(15,10,30,.85) 0%,rgba(15,10,30,.3) 40%,rgba(15,10,30,0) 65%)!important}
#banner .banner__item .banner__content,#banner .banner__item:not(.is-wide) .banner__content{left:16px!important;right:16px!important;top:auto!important;bottom:28px!important;transform:none!important;max-width:none!important}
#banner .banner__title{font-size:22px!important;margin-bottom:8px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#banner .banner__meta,#banner .banner__desc{display:none!important}
#banner .banner__actions .btn{padding:6px 14px!important;font-size:13px!important}
}

/* B8 居中：banner 与页面内容同宽并水平居中 */
#banner{box-sizing:border-box!important;width:calc(100% - 2 * clamp(14px,3vw,56px))!important;max-width:calc(var(--container-w,1720px) - 2 * clamp(14px,3vw,56px))!important;margin-left:auto!important;margin-right:auto!important;left:auto!important;right:auto!important;transform:none!important}
@media (max-width:700px){#banner{width:calc(100% - 24px)!important;box-shadow:4px 4px 0 var(--ink)!important}}


/* B9 手机 hero：只加高，其它设计不变 */
@media (max-width:700px){
#banner{aspect-ratio:4/5!important;max-height:78vh!important}
}

/* B10 手机 hero：片名下显示一行信息 + 两行简介 */
@media (max-width:700px){
#banner .banner__meta{display:block!important;font-size:12px!important;line-height:1.4!important;margin:0 0 6px!important;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#banner .banner__desc{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;font-size:12px!important;line-height:1.5!important;margin:0 0 12px!important;opacity:.85;max-width:none!important;text-indent:0!important}
#banner .banner__title{margin-bottom:6px!important}
#banner .banner__item::after,#banner .banner__item:not(.is-wide)::after{background:linear-gradient(0deg,rgba(15,10,30,.92) 0%,rgba(15,10,30,.6) 30%,rgba(15,10,30,0) 55%)!important}
}

/* L11 列表页（分类/筛选/搜索）：海报更大 */
@media (min-width:701px){
.vod-grid:not(.chan-grid):not(.tabs__panel){grid-template-columns:repeat(auto-fill,minmax(200px,1fr))!important;gap:30px 22px!important}
.vod-grid:not(.chan-grid):not(.tabs__panel) .vod-card__title{font-size:15px}
}

/* E12 选集：网格排列 + 分段 + 倒序 */
.play-source .episode-scroll{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:10px!important;overflow:visible!important;flex-wrap:wrap;padding:2px 4px 4px 2px}
.play-source .episode-btn{display:flex!important;align-items:center;justify-content:center;min-width:0!important;width:auto!important;height:40px;padding:0 6px!important;margin:0!important;font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#fff;color:var(--ink);border:2px solid var(--ink)!important;border-radius:10px!important;box-shadow:2px 2px 0 var(--ink);transition:transform .12s,box-shadow .12s,background .12s}
.play-source .episode-btn:hover{background:var(--lemon);transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink)}
.play-source .episode-btn.is-active{background:var(--pink)!important;color:#fff!important;box-shadow:3px 3px 0 var(--ink)}
.play-source .episode-btn.is-wide{grid-column:span 2}
.play-source .episode-btn.is-hidden{display:none!important}
.ep-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:4px 0 14px}
.ep-ranges{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0}
.ep-ranges::-webkit-scrollbar{display:none}
.ep-range,.ep-sort{flex:none;font:700 13px/1 inherit;padding:7px 12px;border:2px solid var(--ink);border-radius:999px;background:#fff;color:var(--ink);cursor:pointer}
.ep-range.is-active{background:var(--ink);color:var(--lemon)}
.ep-sort{margin-left:auto;background:var(--paper-2)}
.ep-sort:hover,.ep-range:hover{background:var(--lemon);color:var(--ink)}
@media (max-width:700px){
.play-source .episode-scroll{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px!important}
.play-source .episode-btn{height:38px;font-size:13px;box-shadow:2px 2px 0 var(--ink)}
.play-source .episode-btn.is-wide{grid-column:span 5}
}

/* E13 间距：剧集列表与相关推荐之间 */
.play-source{margin-bottom:44px!important}
.play-source + .section,.play-source ~ .section{margin-top:0}
@media (max-width:700px){.play-source{margin-bottom:32px!important}}

/* E14 收起/展开 */
.play-source .episode-scroll.is-collapsed{overflow:hidden!important;position:relative}
.play-source .episode-scroll.is-collapsed::after{content:"";position:absolute;left:0;right:0;bottom:0;height:34px;background:linear-gradient(rgba(255,255,255,0),#fff);pointer-events:none}
.ep-fold{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin:12px 0 0;padding:9px 0;font:700 14px/1 inherit;color:var(--ink);background:var(--paper-2);border:2px dashed var(--ink);border-radius:12px;cursor:pointer}
.ep-fold:hover{background:var(--lemon);border-style:solid}
.ep-fold__arrow{display:inline-block;transition:transform .2s}
.ep-fold.is-open .ep-fold__arrow{transform:rotate(180deg)}

/* L15 logo */
.header__logo{display:flex;align-items:center;flex:none}
.header__logo .doki-logo{display:block;height:42px;width:auto;overflow:visible;transition:transform .2s}
.header__logo:hover .doki-logo{transform:rotate(-3deg) scale(1.04)}
@media (max-width:700px){.header__logo .doki-logo{height:34px}}

/* S16 搜索筛选 */
.search-filter{padding:14px 18px!important;margin-bottom:22px}
.sf-row{display:flex;align-items:flex-start;gap:12px;padding:9px 0;border-bottom:2px dashed rgba(26,16,48,.12)}
.sf-row:last-child{border-bottom:0}
.sf-row[hidden]{display:none}
.sf-label{flex:none;width:44px;padding-top:6px;font:700 14px/1.2 var(--pixel);color:var(--ink)}
.sf-tags{display:flex;flex-wrap:wrap;gap:8px;flex:1;min-width:0}
.sf-tag{font-weight:700;font-size:13px;line-height:1;padding:7px 13px;border:2px solid var(--ink);border-radius:999px;background:#fff;color:var(--ink);cursor:pointer;white-space:nowrap}
.sf-tag:hover{background:var(--lemon);color:var(--ink)}
.sf-tag.is-active{background:var(--ink);color:var(--lemon);box-shadow:2px 2px 0 var(--pink)}
.sf-clear{flex:none;align-self:center;font-weight:700;font-size:13px;color:var(--pink);cursor:pointer;white-space:nowrap}
.sf-clear:hover{text-decoration:underline}
@media (max-width:700px){
.search-filter{padding:8px 12px!important}
.sf-row{gap:8px;padding:7px 0}
.sf-label{width:34px;font-size:13px}
.sf-tags{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.sf-tags::-webkit-scrollbar{display:none}
.sf-tag{padding:6px 11px;font-size:12px}
}

/* A17 下载 App 按钮 */
.header__app{display:inline-flex;align-items:center;gap:6px;margin-left:14px;padding:7px 15px;border:2px solid var(--ink,#1A1030);border-radius:999px;background:#FFE14D;color:var(--ink,#1A1030);font-weight:800;font-size:14px;line-height:1;text-decoration:none;box-shadow:2px 2px 0 var(--ink,#1A1030);white-space:nowrap;flex:none;transition:transform .12s,box-shadow .12s}
.header__app:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink,#1A1030)}
.header__app svg{width:16px;height:16px;flex:none}
.is-app .header__app{display:none!important}
@media (max-width:900px){.header__app{margin-left:auto;margin-right:8px;padding:6px 11px;font-size:13px}.header__app svg{width:14px;height:14px}.header__app+.header__btns{margin-left:0!important}}

/* A18 手机底部 App 下载条 */
.app-bar{position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:9990;display:flex;align-items:center;gap:10px;padding:9px 10px 9px 9px;background:#fff;border:2.5px solid var(--ink,#1A1030);border-radius:16px;box-shadow:4px 4px 0 var(--ink,#1A1030);font-family:inherit;animation:appbarIn .35s ease-out}
@keyframes appbarIn{from{transform:translateY(130%)}to{transform:none}}
.app-bar__icon{width:42px;height:42px;border-radius:11px;border:2px solid var(--ink,#1A1030);flex:none;display:block}
.app-bar__txt{flex:1;min-width:0;line-height:1.3}
.app-bar__txt b{display:block;font-size:15px;color:var(--ink,#1A1030)}
.app-bar__txt span{display:block;font-size:12px;color:#5d5470;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.app-bar__btn{flex:none;padding:8px 16px;border:2px solid var(--ink,#1A1030);border-radius:999px;background:#FF3D8B;color:#fff!important;font-weight:800;font-size:14px;text-decoration:none;box-shadow:2px 2px 0 var(--ink,#1A1030)}
.app-bar__x{flex:none;width:26px;height:26px;border:0;background:none;color:#8a8199;font-size:20px;line-height:26px;padding:0;cursor:pointer}
body.has-app-bar{padding-bottom:84px}
@media (min-width:901px){.app-bar{display:none}body.has-app-bar{padding-bottom:0}}
.is-app .app-bar{display:none!important}

/* A19 App 内：下载按钮隐藏后，搜索和菜单靠右 */
.is-app .header__btns{margin-left:auto!important}

/* A20 新页脚 */
.footer.foot2{background:var(--ink,#1A1030)!important;color:#d9d3ea;border-top:3px solid var(--ink,#1A1030);margin-top:56px;padding:40px 0 28px!important}
.foot2 a{color:#fff;text-decoration:none}
.foot2 a:hover{color:#FFE14D}
.foot2__top{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:28px;padding-bottom:26px;border-bottom:1px dashed rgba(255,255,255,.18)}
.foot2__brand p{margin:12px 0 14px;font-size:14px;line-height:1.7;color:#bdb5d3}
.foot2__app{display:inline-block;padding:8px 16px;border-radius:999px;background:#FFE14D;color:#1A1030!important;font-weight:800;font-size:14px;border:2px solid #FFE14D;box-shadow:3px 3px 0 #FF3D8B}
.foot2__col b,.foot2__disc b{display:block;color:#FFE14D;font-size:15px;margin-bottom:12px;letter-spacing:.05em}
.foot2__grid{display:grid;grid-template-columns:repeat(2,minmax(0,max-content));gap:9px 26px;font-size:14px}
.foot2__disc{margin:22px 0 18px;padding:16px 18px;border:1.5px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(255,255,255,.04)}
.foot2__disc p{margin:0 0 6px;font-size:13px;line-height:1.75;color:#bdb5d3}
.foot2__disc p:last-child{margin:0}
.foot2__rss{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12px;opacity:.55;margin-bottom:10px}
.foot2__rss a{color:#d9d3ea}
.foot2__copy{margin:0;font-size:12px;color:#8f86a8}
@media (max-width:760px){.foot2__top{grid-template-columns:1fr 1fr}.foot2__brand{grid-column:1/-1}.foot2__grid{gap:9px 18px}.footer.foot2{padding:32px 0 24px!important}}
/* A21 继续观看 */
.rail.hist{display:block!important}
.hist .section__head{display:flex;align-items:center;justify-content:space-between}
.hist__clear{border:2px solid var(--ink,#1A1030);background:#fff;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:700;cursor:pointer;color:var(--ink,#1A1030)}
.hist .rail__track{display:flex;gap:14px;overflow-x:auto;padding:4px 4px 14px;scroll-snap-type:x proximity}
.hist-card{flex:0 0 220px;scroll-snap-align:start;position:relative}
.hist-card__cover{display:block;position:relative;aspect-ratio:16/10;border:2.5px solid var(--ink,#1A1030);border-radius:14px;overflow:hidden;background:#2b1a4a;box-shadow:3px 3px 0 var(--ink,#1A1030)}
.hist-card__cover img{width:100%;height:100%;object-fit:cover;display:block}
.hist-card__cover:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(26,16,48,.85))}
.hist-card__play{position:absolute;left:10px;bottom:12px;z-index:2;color:#fff;font-weight:800;font-size:13px;display:flex;align-items:center;gap:5px}
.hist-card__play svg{width:18px;height:18px;fill:#FFE14D}
.hist-card__bar{position:absolute;left:0;right:0;bottom:0;height:4px;background:rgba(255,255,255,.25);z-index:2}
.hist-card__bar i{display:block;height:100%;background:#FF3D8B}
.hist-card__x{position:absolute;top:6px;right:6px;z-index:3;width:24px;height:24px;border-radius:50%;border:2px solid var(--ink,#1A1030);background:#fff;color:var(--ink,#1A1030);font-size:15px;line-height:19px;padding:0;cursor:pointer;opacity:.9}
.hist-card__t{margin:9px 2px 2px;font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hist-card__m{margin:0 2px;font-size:12px;color:#6b6280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:700px){.hist-card{flex-basis:168px}}
.hist-toast{position:fixed;left:50%;top:84px;transform:translateX(-50%);z-index:9999;background:var(--ink,#1A1030);color:#fff;padding:9px 16px;border-radius:999px;font-size:14px;box-shadow:3px 3px 0 #FF3D8B;transition:opacity .4s}

/* A22 详情页 */
.vd{position:relative;display:grid;grid-template-columns:240px 1fr;gap:30px;padding:26px!important;overflow:hidden;isolation:isolate}
.vd__bg{position:absolute;inset:0;z-index:-1;background-size:cover;background-position:center;filter:blur(40px) saturate(1.3);opacity:.22;transform:scale(1.2)}
.vd__poster{position:relative;display:block;aspect-ratio:3/4;border:3px solid var(--ink,#1A1030);border-radius:16px;overflow:hidden;box-shadow:6px 6px 0 var(--ink,#1A1030);background:#2b1a4a}
.vd__poster img{width:100%;height:100%;object-fit:cover;display:block}
.vd__poster .vod-card__badge{position:absolute;left:10px;top:10px}
.vd__playicon{position:absolute;left:50%;top:50%;width:62px;height:62px;margin:-31px 0 0 -31px;border-radius:50%;background:#FF3D8B;border:3px solid var(--ink,#1A1030);display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.8);transition:.2s}
.vd__playicon svg{width:28px;height:28px;fill:#fff;margin-left:4px}
.vd__poster:hover .vd__playicon{opacity:1;transform:none}
.vd__title{font-family:"ZCOOL KuaiLe",var(--font-display,inherit);font-weight:400;font-size:clamp(26px,3.4vw,40px);line-height:1.15;margin:0 0 6px}
.vd__sub{margin:0 0 10px;color:#6b6280;font-size:14px}
.vd__tags{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:10px 0 14px}
.vd__tags .tag{display:inline-block;padding:3px 11px;border:2px solid var(--ink,#1A1030);border-radius:999px;background:#fff;font-size:13px;font-weight:700;color:var(--ink,#1A1030);text-decoration:none}
.vd__score{padding:3px 11px;border-radius:999px;background:#FFE14D;border:2px solid var(--ink,#1A1030);font-weight:800;font-size:13px}
.vd__meta{margin:0 0 16px;display:grid;gap:6px;font-size:14px}
.vd__meta div{display:flex;gap:10px}
.vd__meta dt{flex:none;width:3em;color:#8a8199}
.vd__meta dd{margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.vd__btns{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.vd__play,.vd__eps{display:inline-flex;align-items:center;gap:8px;padding:11px 26px;border:2.5px solid var(--ink,#1A1030);border-radius:14px;font-weight:800;font-size:16px;text-decoration:none;box-shadow:4px 4px 0 var(--ink,#1A1030);transition:transform .12s,box-shadow .12s}
.vd__play{background:#FF3D8B;color:#fff!important}
.vd__play svg{width:20px;height:20px;fill:currentColor}
.vd__eps{background:#fff;color:var(--ink,#1A1030)!important}
.vd__play:active,.vd__eps:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink,#1A1030)}
.vd__blurb h2{font-size:15px;margin:0 0 6px}
.vd__blurb p{margin:0;font-size:14px;line-height:1.85;color:#4a4160}
.vd__blurb.is-clamp p{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.vd__more{margin-top:6px;border:0;background:none;color:#FF3D8B;font-weight:800;font-size:14px;padding:0;cursor:pointer}
@media (max-width:760px){.vd{grid-template-columns:120px 1fr;gap:16px;padding:16px!important}.vd__poster{box-shadow:4px 4px 0 var(--ink,#1A1030);border-width:2.5px}.vd__title{font-size:24px}.vd__meta{font-size:13px}.vd__btns,.vd__blurb,.vd__more{grid-column:1/-1}.vd__info{display:contents}.vd__info>.vd__title,.vd__info>.vd__sub,.vd__info>.vd__tags,.vd__info>.vd__meta{grid-column:2}.vd__poster{grid-row:1/span 4;align-self:start}.vd__tags{margin:6px 0 8px;gap:6px}.vd__tags .tag,.vd__score{font-size:12px;padding:2px 8px}.vd__sub{margin:0}.vd__meta{margin:0}.vd__play,.vd__eps{flex:1;justify-content:center;padding:11px 10px}}

/* A23 自动下一集提示 */
.autonext{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:9995;display:flex;align-items:center;gap:12px;background:var(--ink,#1A1030);color:#fff;padding:10px 12px 10px 18px;border-radius:999px;box-shadow:4px 4px 0 #FF3D8B;font-size:14px;white-space:nowrap}
.autonext b{color:#FFE14D}
.autonext button{border:2px solid #fff;background:transparent;color:#fff;border-radius:999px;padding:4px 12px;font-size:13px;cursor:pointer}
.autonext .an-go{background:#FF3D8B;border-color:#FF3D8B;font-weight:800}

/* A24 轮播：只有竖版海报的影片 */
.banner__item--poster .banner__bg{filter:blur(26px) brightness(.5) saturate(1.35);transform:scale(1.18)}
.banner__poster{position:absolute;right:9%;top:50%;transform:translateY(-50%) rotate(2deg);height:80%;aspect-ratio:3/4;object-fit:cover;border:3px solid var(--ink,#1A1030);border-radius:16px;box-shadow:8px 8px 0 #FF3D8B;z-index:1;pointer-events:none}
@media (max-width:700px){.banner__poster{display:none}.banner__item--poster .banner__bg{filter:none;transform:none}}

/* A25 夜间模式：默认跟随系统，按钮可手动切换（data-theme） */
html[data-theme="dark"]{--ink:#EDE7FF;--ink-2:#B9AFD6;--paper:#120D1F;--paper-2:#1B1430;--c-bg-card:#1E1631;--c-bg-hover:#2A2044;--c-text-3:#8C83A8;color-scheme:dark}
html[data-theme="dark"] body{background-image:radial-gradient(rgba(255,255,255,.07) 1.2px,transparent 1.4px)!important}
html[data-theme="dark"] .header{background:rgba(18,13,31,.94)!important}
html[data-theme="dark"] .footer.foot2{background:#0B0714!important;border-top-color:#2C2147}
html[data-theme="dark"] .hist-card__m,html[data-theme="dark"] .vd__sub,html[data-theme="dark"] .vd__meta dt{color:#9b92b8}
html[data-theme="dark"] .vd__blurb p{color:#cfc7e8}
html[data-theme="dark"] .vd__bg{opacity:.3}
html[data-theme="dark"] .hist-toast,html[data-theme="dark"] .autonext{background:#2C2147}
@media (prefers-color-scheme: dark){
html:not([data-theme="light"]){--ink:#EDE7FF;--ink-2:#B9AFD6;--paper:#120D1F;--paper-2:#1B1430;--c-bg-card:#1E1631;--c-bg-hover:#2A2044;--c-text-3:#8C83A8;color-scheme:dark}
html:not([data-theme="light"]) body{background-image:radial-gradient(rgba(255,255,255,.07) 1.2px,transparent 1.4px)!important}
html:not([data-theme="light"]) .header{background:rgba(18,13,31,.94)!important}
html:not([data-theme="light"]) .footer.foot2{background:#0B0714!important;border-top-color:#2C2147}
html:not([data-theme="light"]) .hist-card__m,html:not([data-theme="light"]) .vd__sub,html:not([data-theme="light"]) .vd__meta dt{color:#9b92b8}
html:not([data-theme="light"]) .vd__blurb p{color:#cfc7e8}
html:not([data-theme="light"]) .vd__bg{opacity:.3}
html:not([data-theme="light"]) .hist-toast,html:not([data-theme="light"]) .autonext{background:#2C2147}
}
/* A26 搜索联想 */
.sg-wrap{position:relative}
.sg{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:9998;background:var(--c-bg-card,#fff);border:2.5px solid var(--ink,#1A1030);border-radius:14px;box-shadow:4px 4px 0 var(--ink,#1A1030);padding:6px;max-height:min(70vh,460px);overflow:auto;min-width:260px;text-align:left}
.sg__h{font-size:12px;color:var(--c-text-3,#7B7394);padding:6px 8px 4px;font-weight:700}
.sg__item{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:10px;color:var(--ink,#1A1030);text-decoration:none;font-size:14px;cursor:pointer}
.sg__item img{width:34px;height:46px;object-fit:cover;border-radius:6px;border:1.5px solid var(--ink,#1A1030);flex:none;background:#2b1a4a}
.sg__item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sg__item b{color:#FF3D8B;font-weight:800}
.sg__item.is-on,.sg__item:hover{background:var(--c-bg-hover,#FFF6C9)}
.sg__all{display:block;text-align:center;padding:8px;font-size:13px;font-weight:700;color:#FF3D8B;text-decoration:none;border-top:1.5px dashed var(--c-text-3,#7B7394);margin-top:4px}
.sg__chips{display:flex;flex-wrap:wrap;gap:6px;padding:4px 6px 8px}
.sg__chips a{padding:4px 10px;border:2px solid var(--ink,#1A1030);border-radius:999px;font-size:13px;color:var(--ink,#1A1030);text-decoration:none}
.sg__chips a:nth-child(-n+3){background:#FFE14D;color:#1A1030}

/* A27 手机：分类快捷栏一行横向滑动 */
@media (max-width:760px){
.quick{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:8px!important;padding:10px 12px!important;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
.quick::-webkit-scrollbar{display:none}
.quick>a{flex:none;white-space:nowrap;scroll-snap-align:start}
}

/* A28 夜间模式按钮 */
.theme-btn{width:36px;height:36px;border-radius:50%;border:2px solid var(--ink,#1A1030);background:var(--c-bg-card,#fff);color:var(--ink,#1A1030);display:inline-flex;align-items:center;justify-content:center;margin-left:10px;padding:0;cursor:pointer;flex:none;box-shadow:2px 2px 0 var(--ink,#1A1030);transition:transform .15s}
.theme-btn:hover{transform:rotate(-15deg)}
.theme-btn svg{width:18px;height:18px}
@media (max-width:900px){.theme-btn{width:32px;height:32px;margin:0 6px 0 0;box-shadow:none}.theme-btn svg{width:17px;height:17px}}
.is-app .theme-btn{margin-left:auto}
.is-app .theme-btn+.header__btns{margin-left:0!important}

/* A29 夜间模式：轮播图保持原来的深色描边，保证文字清楚 */
html[data-theme="dark"] .banner{--ink:#1A1030;--ink-2:#4A4064;--c-bg-card:#fff}
@media (prefers-color-scheme: dark){html:not([data-theme="light"]) .banner{--ink:#1A1030;--ink-2:#4A4064;--c-bg-card:#fff}}

/* A30 平板宽度（769–1180px）：顶部导航紧凑，不换行 */
@media (min-width:769px) and (max-width:1180px){
.header .nav__link{white-space:nowrap;padding-left:7px!important;padding-right:7px!important;font-size:14px}
.header .nav{gap:0!important}
.search-form__input{width:150px!important;min-width:0!important}
.header__app{padding:7px 10px!important;margin-left:8px!important}
.header__app span{display:none}
.theme-btn{margin-left:8px}
}
@media (min-width:769px) and (max-width:960px){
.header .nav__link svg,.header .nav__arrow{display:none!important}
.search-form__input{width:110px!important}
.search-form__btn{padding-left:10px!important;padding-right:10px!important}
.header .nav__dropdown{display:none!important}
}

/* A31 dark: playlist tab text (stale sweep ink after tab switch) */
html[data-theme="dark"] .play-source__tab:not(.is-active){color:#B9AFD6!important}
@media(prefers-color-scheme:dark){html:not([data-theme="light"]) .play-source__tab:not(.is-active){color:#B9AFD6!important}}

/* A32 播放框缩小 + 影院模式 */
@media(min-width:1024px){.player__wrap,.player__info{max-width:1100px;margin-left:auto;margin-right:auto;transition:max-width .25s ease}html.iyy-cinema .player__wrap,html.iyy-cinema .player__info{max-width:none}}
.cinema-btn{display:none;align-items:center;gap:6px;cursor:pointer;font:inherit}
@media(min-width:1024px){.cinema-btn{display:inline-flex}}
.cinema-btn svg{width:16px;height:16px}

/* A33 友情链接 */
.foot2__links{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:18px 0 6px}
.foot2__links>b{font-size:14px;opacity:.85}
.flinks{display:flex;flex-wrap:wrap;gap:10px}
.flink{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border:2px solid currentColor;border-radius:999px;color:inherit;text-decoration:none;background:rgba(255,255,255,.06);transition:transform .15s ease,box-shadow .15s ease}
.flink:hover{transform:translateY(-2px);box-shadow:3px 3px 0 #FF3D8B}
.flink__ic{width:30px;height:30px;border-radius:50%;background:#1A1030;display:grid;place-items:center;overflow:hidden;flex:none}
.flink__ic img{width:30px;height:30px;object-fit:cover}
.flink__ic svg{width:24px;height:24px}
.flink__tx{display:flex;flex-direction:column;line-height:1.15}
.flink__tx b{font-size:13px}
.flink__tx small{font-size:11px;opacity:.7}

/* A34 手机头部间距 + 汉堡菜单夜间文字 + TOP10 间距 */
@media(max-width:768px){
header .container{gap:8px}
.header__app{margin-left:auto!important}
.theme-btn{margin-left:0!important;margin-right:0!important}
.header__btns{gap:2px;margin-right:2px}
}
@media(max-width:400px){
.header__app{padding-left:10px!important;padding-right:10px!important}
.header__app span{font-size:12px}
}
html[data-theme="dark"] .header__nav .nav__dropdown a{background:#1E1631!important;color:#EDE7FF!important;border-color:#B9AFD6!important}html[data-theme="dark"] .header__nav .nav__dropdown a:hover,.header__nav .nav__dropdown a.is-active{background:#FF3D8B!important;color:#fff!important}
@media(prefers-color-scheme:dark){html:not([data-theme="light"]) .header__nav .nav__dropdown a{background:#1E1631!important;color:#EDE7FF!important;border-color:#B9AFD6!important}html:not([data-theme="light"]) .header__nav .nav__dropdown a:hover,.header__nav .nav__dropdown a.is-active{background:#FF3D8B!important;color:#fff!important}}
.rail--rank .rail__track{gap:16px}
@media(min-width:769px){.rail--rank .rail__track{gap:20px}}

/* A35 广告位 */
.ad-slot{position:relative;margin:18px 0;border-radius:14px;overflow:hidden}
.ad-slot img{display:block;width:100%;height:auto}
.ad-tag{position:absolute;right:8px;top:8px;z-index:2;font-size:11px;line-height:1;padding:3px 6px;border-radius:6px;background:rgba(0,0,0,.55);color:#fff}
.ad-slot--empty{aspect-ratio:10/1;border:2px dashed #B9AFD6;background:repeating-linear-gradient(135deg,rgba(255,61,139,.06) 0 14px,transparent 14px 28px)}
.player__info+.ad-slot,.ad-slot+.player__info{max-width:1100px;margin-left:auto;margin-right:auto}
@media(max-width:768px){.ad-slot--empty{aspect-ratio:4/1}.ad-slot{margin:14px 0;border-radius:12px}}
.ad-ph{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;padding:6px 10px;opacity:.85}
.ad-ph b{font-size:16px;letter-spacing:2px;color:#FF3D8B}
.ad-ph span{font-size:12px}
.ad-ph i{font-style:normal;font-size:11px;opacity:.6;font-family:monospace}
@media(max-width:768px){.ad-ph b{font-size:14px}.ad-ph span{font-size:11px}}

/* A36 暂停弹窗广告 */
.player__wrap{position:relative}
.ad-pause{position:absolute;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;background:rgba(10,6,20,.45);animation:adIn .2s ease}
@keyframes adIn{from{opacity:0}to{opacity:1}}
.ad-pause__box{position:relative;width:min(60%,600px);background:#1E1631;border:2px solid #EDE7FF;border-radius:14px;box-shadow:6px 6px 0 #FF3D8B;padding:0}
.ad-pause__box .ad-slot{margin:0;border-radius:12px}
.ad-pause__box .ad-slot--empty{aspect-ratio:16/9;border:0}
.ad-pause__x{position:absolute;right:-12px;top:-12px;width:30px;height:30px;border-radius:50%;border:2px solid #EDE7FF;background:#FF3D8B;color:#fff;font-size:20px;line-height:24px;cursor:pointer;z-index:3}
.ad-pause__play{position:absolute;left:50%;bottom:-18px;transform:translateX(-50%);padding:6px 16px;border-radius:999px;border:2px solid #1A1030;background:#FFE14D;color:#1A1030;font-weight:700;font-size:13px;cursor:pointer;white-space:nowrap;z-index:3}
@media(max-width:768px){.ad-pause__box{width:78%}.ad-pause__x{width:26px;height:26px;font-size:17px;line-height:20px;right:-10px;top:-10px}.ad-pause__play{font-size:12px;padding:5px 12px;bottom:-15px}}

/* A37 续播提示放进播放器内 + 手机隐藏影院模式 */
.hist-toast{background:#1A1030!important;color:#fff!important;border:2px solid #EDE7FF}
.player__wrap .hist-toast{position:absolute;left:12px;top:12px;transform:none;z-index:25;font-size:13px;padding:7px 14px;pointer-events:none;max-width:calc(100% - 24px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:768px){.player__wrap .hist-toast{left:8px;top:8px;font-size:12px;padding:5px 11px}}
@media(max-width:1023px){.cinema-btn{display:none!important}}

/* A38 续播提示：播放画面顶部居中 */
.player__wrap .hist-toast{left:50%!important;top:14px;transform:translateX(-50%)!important}
@media(max-width:768px){.player__wrap .hist-toast{top:10px}}

/* A39 续播提示层级最高 */
.hist-toast,.player__wrap .hist-toast{z-index:2147483647!important;isolation:isolate}

/* A40 连续广告位间距收紧 */
.ad-slot+.ad-slot{margin-top:-6px}
@media(max-width:768px){.ad-slot+.ad-slot{margin-top:-4px}}

/* A41 轮播广告页 */
.banner__item--ad{background:#1A1030}
.banner__adbox{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.banner__adbox img{width:100%;height:100%;object-fit:cover;display:block}
.banner__adbox picture{width:100%;height:100%;display:block}
.banner__adbox--empty{border:3px dashed #B9AFD6;border-radius:inherit;background:repeating-linear-gradient(135deg,rgba(255,61,139,.10) 0 18px,transparent 18px 36px)}
.banner__adbox--empty .ad-ph b{font-size:26px}
.banner__adbox--empty .ad-ph span{font-size:14px;color:#EDE7FF}
.banner__item--ad .ad-tag{top:14px;right:14px;font-size:12px;padding:4px 8px}
@media(max-width:768px){.banner__adbox--empty .ad-ph b{font-size:20px}.banner__adbox--empty .ad-ph span{font-size:12px}}

/* A42 剧集列表下方：切换片源提示 */
.src-tip{display:flex;align-items:flex-start;gap:8px;margin:16px 0 0;padding:10px 14px;border:2px dashed currentColor;border-radius:12px;font-size:13px;line-height:1.6;opacity:.9}
.src-tip svg{width:18px;height:18px;flex:none;margin-top:2px;color:#FF3D8B}
.src-tip b{color:#FF3D8B}
.src-flash{animation:srcFlash .4s ease 0s 4 alternate}
@keyframes srcFlash{from{box-shadow:0 0 0 0 rgba(255,61,139,0)}to{box-shadow:0 0 0 4px rgba(255,61,139,.7);border-radius:12px}}
@media(max-width:768px){.src-tip{font-size:12px;padding:8px 11px}}

/* A43 片源提示紧贴线路按钮 */
.play-source__tabs+.src-tip{margin:10px 0 4px;padding:6px 12px;border-width:1.5px;font-size:12.5px;cursor:default}
@media(max-width:768px){.play-source__tabs+.src-tip{font-size:12px;padding:6px 10px}}

/* A44 图片懒加载占位 */
.vod-card__img{background:linear-gradient(110deg,#2C2147 8%,#3a2d5c 18%,#2C2147 33%);background-size:200% 100%;animation:imgShim 1.4s linear infinite}
.vod-card__img[data-loaded]{animation:none;background:none}
@keyframes imgShim{to{background-position:-200% 0}}

/* A45 窄屏/手机横屏：下载App+夜间模式靠右 */
@media(max-width:768px){header .container .header__app{margin-left:auto!important}header .container .header__btns{margin-left:0!important}}

/* A46 App 内：夜间模式+菜单靠右 */
html.is-app header .container .theme-btn{margin-left:auto!important}
html.is-app header .container .theme-btn+.header__btns,html.is-app header .container .header__btns{margin-left:0!important}

/* A47 laptop header：导航不换行、搜索和按钮靠右 */
@media (min-width:769px){
header .container{gap:16px!important}
header .header__nav{flex:0 0 auto!important;min-width:0}
header .header__nav .nav{flex-wrap:nowrap!important;gap:2px!important}
header .header__nav .nav__link{white-space:nowrap!important}
header .header__search{margin-left:auto!important;flex:0 1 320px!important;min-width:180px!important;max-width:340px!important}
header .header__app{margin-left:6px!important;white-space:nowrap!important;flex:0 0 auto!important}
header .theme-btn{flex:0 0 auto!important}
}
@media (min-width:769px) and (max-width:1365px){
header .container{gap:12px!important;padding-left:20px!important;padding-right:20px!important}
header .header__nav .nav__link{padding-left:8px!important;padding-right:8px!important}
}
@media (min-width:769px) and (max-width:1100px){
header .header__nav .nav__link{padding-left:5px!important;padding-right:5px!important;font-size:14px!important}
header .header__app span{display:none!important}
header .header__app{padding-left:10px!important;padding-right:10px!important}
header .header__search{min-width:150px!important}
}