/* dyoo-nav.css — 对齐 https://dyoo.com/ 顶栏导航 */
.zp-top,
.zp-cats,
#site-nav.zp-cats,
#zp-top{
  display:none !important;
}

/* sticky 顶栏，不再预留双层固定高度 */
body.zp-body,
body.dyoo-site,
body{
  padding-top:0 !important;
}

.header-shell{
  position:sticky !important;
  top:0 !important;
  z-index:40 !important;
  width:100% !important;
  float:none !important;
  height:auto !important;
  backdrop-filter:blur(26px) saturate(160%);
  -webkit-backdrop-filter:blur(26px) saturate(160%);
  background:color-mix(in srgb,var(--bg) 90%,transparent) !important;
  border-bottom:1px solid var(--border) !important;
  box-shadow:0 1px rgba(255,255,255,.02),0 14px 40px rgba(0,0,0,.08) !important;
}

.header-inner{
  display:grid !important;
  grid-template-columns:auto minmax(280px,1fr) auto !important;
  align-items:center !important;
  gap:18px !important;
  min-height:0 !important;
  padding-top:18px !important;
  padding-bottom:18px !important;
  width:min(1200px,calc(100% - 32px)) !important;
  margin:0 auto !important;
  float:none !important;
  box-sizing:border-box !important;
}

.brand-group{
  display:flex !important;
  align-items:center !important;
  gap:32px !important;
  min-width:0 !important;
  float:none !important;
}

.brand-mark{
  display:inline-flex !important;
  align-items:center !important;
  text-decoration:none !important;
  color:inherit !important;
  flex:0 0 auto !important;
}
.brand-copy{
  display:flex !important;
  flex-direction:column !important;
  gap:4px !important;
  min-width:0 !important;
}
.brand-wordmark-stack{
  display:block !important;
  width:clamp(150px,11vw,196px) !important;
}
.brand-wordmark{
  display:block !important;
  width:100% !important;
  height:auto !important;
  object-fit:contain !important;
}
.brand-wordmark-dark,
.dark .brand-wordmark-light{display:none !important}
.dark .brand-wordmark-dark{display:block !important}
.brand-mark small{
  display:block !important;
  color:var(--text-soft) !important;
  font-size:11px !important;
  font-weight:700 !important;
  letter-spacing:.08em !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

/* dyoo.com：一行文字链，非胶囊/非侧栏 */
.nav-links{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:8px !important;
  float:none !important;
  width:auto !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  position:static !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.nav-links a{
  display:inline-flex !important;
  align-items:center !important;
  min-height:40px !important;
  padding:0 8px !important;
  margin:0 !important;
  border:1px solid transparent !important;
  border-radius:var(--radius-md,12px) !important;
  color:var(--text-soft) !important;
  font-size:16px !important;
  font-weight:700 !important;
  line-height:1 !important;
  text-decoration:none !important;
  background:transparent !important;
  float:none !important;
  width:auto !important;
  white-space:nowrap !important;
  transition:background .14s ease,border-color .14s ease,color .14s ease;
}
.nav-links a:hover,
.nav-links a.router-link-active{
  background:color-mix(in srgb,var(--bg-elevated,#fff) 88%,transparent) !important;
  border-color:var(--border) !important;
  color:var(--text) !important;
}

/* 顶栏：后台栏目前 6 个 +「更多」下拉 */
.nav-links .zp-nav-more,
.nav-links .nav-more{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  overflow:visible !important;
}
.nav-links .zp-nav-more > a.zp-nav-more-btn{
  background:transparent !important;
  border:1px solid transparent !important;
  color:var(--text-soft) !important;
  gap:2px !important;
}
.nav-links .zp-nav-more > a.zp-nav-more-btn .iconfont{
  font-size:12px !important;
  margin-left:2px;
  transition:transform .2s ease;
}
.nav-links .zp-nav-more.open > a.zp-nav-more-btn,
.nav-links .zp-nav-more.has-active > a.zp-nav-more-btn,
.nav-links .zp-nav-more > a.zp-nav-more-btn.active,
.nav-links .zp-nav-more > a.zp-nav-more-btn:hover{
  background:color-mix(in srgb,var(--bg-elevated,#fff) 88%,transparent) !important;
  border-color:var(--border) !important;
  color:var(--text) !important;
}
.nav-links .zp-nav-more.open > a.zp-nav-more-btn .iconfont{transform:rotate(180deg)}
.nav-links .zp-nav-more-panel{
  background:var(--card,var(--surface,#fff)) !important;
  border:1px solid var(--border) !important;
  box-shadow:var(--shadow,0 12px 28px rgba(16,16,16,.12)) !important;
}
.nav-links .zp-nav-more-head{
  color:var(--text-muted) !important;
  border-bottom-color:var(--border) !important;
  background:var(--card,var(--surface,#fff)) !important;
}
.nav-links .zp-nav-more-grid{
  background:var(--card,var(--surface,#fff)) !important;
}
.nav-links .zp-nav-more-panel a,
.nav-links .zp-nav-more-grid a{
  color:var(--text-soft) !important;
  background:transparent !important;
  border:1px solid var(--border) !important;
}
.nav-links .zp-nav-more-panel a:hover,
.nav-links .zp-nav-more-grid a:hover{
  background:color-mix(in srgb,var(--bg-elevated,#fff) 88%,transparent) !important;
  color:var(--text) !important;
}
.nav-links .zp-nav-more-panel a.active,
.nav-links .zp-nav-more-grid a.active,
.nav-links .zp-nav-more-panel a.is-click,
.nav-links .zp-nav-more-grid a.is-click{
  background:var(--accent,#101010) !important;
  color:var(--text-contrast,#fff) !important;
  border-color:var(--accent,#101010) !important;
}

.header-search,
.header-search.surface{
  position:relative !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  float:none !important;
  justify-self:stretch !important;
  border-radius:var(--radius-xl,16px) !important;
  backdrop-filter:var(--glass-blur,blur(28px) saturate(150%));
  -webkit-backdrop-filter:var(--glass-blur,blur(28px) saturate(150%));
  background:var(--card,hsla(0,0%,100%,.54)) !important;
  border:1px solid var(--border) !important;
  box-shadow:var(--shadow,0 20px 48px rgba(16,16,16,.1)) !important;
}
.header-search .search-form,
.header-search .zanpian-searchform{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:6px !important;
  margin:0 !important;
  width:100% !important;
  float:none !important;
}
.header-search .zanpian-wd,
.header-search input[type="search"],
.header-search input[type="text"]{
  flex:1 1 auto !important;
  min-width:0 !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 !important;
  padding:12px 14px !important;
  border:0 !important;
  background:transparent !important;
  color:var(--text) !important;
  -webkit-text-fill-color:var(--text) !important;
  font-size:16px !important;
  font-weight:500 !important;
  line-height:1.3 !important;
  box-shadow:none !important;
  border-radius:0 !important;
  float:none !important;
}
.header-search .zanpian-wd::placeholder,
.header-search input::placeholder{
  color:var(--text-muted) !important;
  -webkit-text-fill-color:var(--text-muted) !important;
  opacity:1 !important;
  font-size:16px !important;
}
.header-search .search-submit,
.header-search .header-search-submit{
  position:static !important;
  transform:none !important;
  flex:0 0 auto !important;
  min-width:74px !important;
  height:auto !important;
  margin:0 !important;
  padding:11px 14px !important;
  border:0 !important;
  border-radius:var(--radius-md,12px) !important;
  background:var(--accent) !important;
  color:var(--text-contrast,#fff) !important;
  -webkit-text-fill-color:var(--text-contrast,#fff) !important;
  font-size:15px !important;
  font-weight:700 !important;
  line-height:1.2 !important;
  float:none !important;
  top:auto !important;
  right:auto !important;
  width:auto !important;
}

/* 顶栏搜索下拉：热门搜索标题/列表跟主题色，避免暗色浅字压在白底上 */
.header-search .hot-bang.dropdown,
.header-search .dropdown.hot-bang{
  position:absolute !important;
  top:calc(100% + 8px) !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:12px !important;
  z-index:80 !important;
  background:var(--card,var(--bg-elevated,#fff)) !important;
  color:var(--text) !important;
  border:1px solid var(--border) !important;
  border-radius:var(--radius-lg,14px) !important;
  box-shadow:var(--shadow,0 16px 36px rgba(16,16,16,.12)) !important;
  box-sizing:border-box !important;
}
.header-search .hot-bang .dropdown-box{
  width:100% !important;
  max-width:none !important;
  padding:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
}
.header-search .hot-bang .dy-hot-search-title,
.header-search .hot-bang p.dy-hot-search-title,
.header-search .hot-bang > .dropdown-box > p.text-muted,
.header-search .hot-bang > .dropdown-box > p.font16{
  margin:0 0 10px !important;
  padding:0 !important;
  color:var(--text) !important;
  -webkit-text-fill-color:var(--text) !important;
  font-size:14px !important;
  font-weight:800 !important;
  letter-spacing:.02em !important;
  line-height:1.3 !important;
}
.header-search .hot-bang .text-hot,
.header-search .hot-bang #hot-search .font16,
.header-search .hot-bang #hot-search .text-hot{
  color:var(--text) !important;
  -webkit-text-fill-color:var(--text) !important;
  font-weight:800 !important;
}
.header-search .hot-bang #hot-search-clear{
  color:var(--text-muted,var(--text-soft,#64748b)) !important;
  font-weight:650 !important;
}
.header-search .hot-bang .txt-hot-list,
.header-search .hot-bang .txt-hot-list.bt{
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}
.header-search .hot-bang .txt-hot-list.bt li{
  border-bottom:1px dashed var(--border) !important;
}
.header-search .hot-bang .txt-hot-list li a{
  color:var(--text) !important;
  -webkit-text-fill-color:var(--text) !important;
  text-decoration:none !important;
}
.header-search .hot-bang .txt-hot-list li a:hover{
  color:var(--accent) !important;
  -webkit-text-fill-color:var(--accent) !important;
}
html.dark .header-search .hot-bang.dropdown,
html.dark .header-search .dropdown.hot-bang{
  background:var(--bg-elevated,#1a1a1a) !important;
  border-color:var(--border) !important;
  color:var(--text,#fff) !important;
}
html.dark .header-search .hot-bang .dy-hot-search-title,
html.dark .header-search .hot-bang > .dropdown-box > p.text-muted,
html.dark .header-search .hot-bang > .dropdown-box > p.font16,
html.dark .header-search .hot-bang .txt-hot-list li a,
html.dark .header-search .hot-bang .text-hot{
  color:var(--text,#fff) !important;
  -webkit-text-fill-color:var(--text,#fff) !important;
}

.header-actions{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  flex:0 0 auto !important;
  float:none !important;
}
.header-actions .icon-button,
.header-actions .action-link,
.header-actions .account-avatar-link{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:40px !important;
  border:1px solid transparent !important;
  border-radius:var(--radius-md,10px) !important;
  color:var(--text-soft) !important;
  text-decoration:none !important;
  background:transparent !important;
  float:none !important;
  cursor:pointer;
}
.header-actions .icon-button{
  width:42px !important;
  padding:0 !important;
  border-color:var(--border) !important;
}
.header-actions .action-link{
  padding:0 12px !important;
  font-size:14px !important;
  font-weight:700 !important;
}
.header-actions .action-link:hover,
.header-actions .icon-button:hover,
.header-actions .icon-button.active,
.header-actions .account-avatar-link:hover{
  background:color-mix(in srgb,var(--bg-elevated,#fff) 88%,transparent) !important;
  border-color:var(--border) !important;
  color:var(--text) !important;
}
.header-actions .account-avatar-link{
  width:42px !important;
  padding:0 !important;
}
.header-actions .account-avatar-link svg{display:block}

.mobile-search-toggle{display:none !important}
.page-shell-main,
.zp-main{
  min-height:50vh;
  padding-top:14px;
}

/* 手机：与 dyoo.com 一致 — 顶栏保留横向滚动导航，不隐藏 */
@media (max-width:1160px){
  .header-inner{grid-template-columns:1fr !important}
  .brand-group{flex-wrap:wrap !important;justify-content:space-between !important}
}
@media (max-width:980px){
  .header-shell{overflow:visible !important}
  .header-inner{
    display:grid !important;
    align-items:center !important;
    gap:10px 12px !important;
    grid-template-areas:"brand actions" "nav nav" !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    padding-top:10px !important;
    padding-bottom:12px !important;
    position:relative !important;
  }
  .brand-group{display:contents !important}
  .brand-mark{
    gap:10px !important;
    grid-area:brand !important;
    min-width:0 !important;
  }
  .brand-mark small{display:none !important}
  .brand-wordmark-stack{width:clamp(120px,36vw,156px) !important}
  .nav-links{
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:6px !important;
    grid-area:nav !important;
    margin-inline:-2px !important;
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch;
    padding-bottom:2px !important;
    scrollbar-width:none !important;
    width:auto !important;
    max-width:100% !important;
  }
  .nav-links::-webkit-scrollbar{display:none !important}
  .nav-links a{
    font-size:15px !important;
    min-height:36px !important;
    padding-inline:5px !important;
    flex:0 0 auto !important;
  }
  .header-actions{
    flex-wrap:nowrap !important;
    gap:6px !important;
    grid-area:actions !important;
    justify-content:flex-end !important;
  }
  .header-actions .action-link{display:none !important}
  .header-actions .icon-button,
  .mobile-search-toggle{
    min-height:36px !important;
    width:38px !important;
  }
  .header-actions .account-avatar-link{
    min-height:38px !important;
    min-width:38px !important;
    width:38px !important;
  }
  .mobile-search-toggle{display:inline-flex !important}
  .header-search{
    display:block !important;
    left:0 !important;
    right:0 !important;
    top:calc(100% + 8px) !important;
    position:absolute !important;
    opacity:0 !important;
    pointer-events:none !important;
    visibility:hidden !important;
    transform:translateY(-4px);
    transition:opacity .14s ease,transform .14s ease,visibility .14s ease;
    z-index:60 !important;
    border-radius:var(--radius-lg,14px) !important;
    width:auto !important;
    max-width:none !important;
    margin:0 !important;
    justify-self:stretch !important;
  }
  .header-search.mobile-open{
    opacity:1 !important;
    pointer-events:auto !important;
    visibility:visible !important;
    transform:translateY(0);
  }
}
@media (max-width:520px){
  .header-inner{
    width:calc(100% - 24px) !important;
    gap:8px 10px !important;
    padding-top:8px !important;
    padding-bottom:10px !important;
  }
  .brand-wordmark-stack{width:156px !important}
  .nav-links{
    gap:4px !important;
    margin-inline:-8px !important;
    padding-inline:8px !important;
  }
  .nav-links a{
    font-size:15px !important;
    min-height:34px !important;
    padding-inline:9px !important;
  }
  .header-actions{gap:5px !important}
  .header-actions .icon-button,
  .mobile-search-toggle{
    min-height:36px !important;
    width:36px !important;
  }
  .header-actions .account-avatar-link{
    min-height:36px !important;
    min-width:36px !important;
    width:36px !important;
  }
}
@media (max-width:820px){
  body.zp-body,body{padding-bottom:0 !important}
  .bottom-nav,
  nav.bottom-nav,
  .zp-tabbar.bottom-nav{
    display:none !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }
  .page-shell-main,.zp-main{padding-bottom:0 !important}
}

/* 收藏后多余播放记录圆点：彻底隐藏（system.js 仍可读 #user-playlog） */
.header-actions .user-playlog,
#user-playlog.dy-playlog-hidden,
.dy-playlog-hidden{
  display:none !important;
  width:0 !important;
  height:0 !important;
  min-width:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  overflow:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
  position:absolute !important;
  left:-9999px !important;
  visibility:hidden !important;
}

/* 顶栏只保留一个「收藏」；登录下拉默认隐藏，避免嵌套/泄漏成多个按钮 */
.header-actions{
  position:relative !important;
}
#user-login{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:40px !important;
  width:42px !important;
  padding:0 !important;
  border:1px solid transparent !important;
  border-radius:var(--radius-md,10px) !important;
  color:var(--text-soft) !important;
  background:transparent !important;
  cursor:pointer;
  box-sizing:border-box;
}
#user-login .nav-avatar{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  height:100% !important;
  text-decoration:none !important;
}
#user-login .nav-avatar img{
  width:28px !important;
  height:28px !important;
  border-radius:50% !important;
  object-fit:cover !important;
}
#user-login .nav-avatar span,
#user-login .nick-name{
  display:none !important;
}
#nav-signed,
.header-actions > #nav-signed,
#user-login #nav-signed{
  display:none;
  position:absolute !important;
  top:calc(100% + 8px) !important;
  right:0 !important;
  left:auto !important;
  z-index:10050 !important;
  min-width:148px !important;
  margin:0 !important;
  padding:0 !important;
  border:1px solid var(--border) !important;
  border-radius:14px !important;
  background:var(--surface-strong,var(--card,#fff)) !important;
  box-shadow:0 12px 32px rgba(15,23,42,.16) !important;
  float:none !important;
}
/* 禁止 hover 自动展开（theme-site 原规则），改由点击 .open 控制 */
#user-login:hover #nav-signed{
  display:none !important;
}
#user-login.open #nav-signed,
#nav-signed.dy-open{
  display:block !important;
}
/* 若登录菜单被 DOM 修正甩到顶栏同级，强制藏住，避免出现多个「收藏」 */
.header-actions > #nav-signed:not(.dy-open){
  display:none !important;
  visibility:hidden !important;
  pointer-events:none !important;
}
#nav-signed:after,
#nav-signed:before{
  display:none !important;
}
#nav-signed ul,
#nav-signed .ui-signed{
  list-style:none !important;
  margin:0 !important;
  padding:8px 0 !important;
  display:block !important;
}
#nav-signed li{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  float:none !important;
  width:auto !important;
}
#nav-signed li a{
  display:block !important;
  padding:10px 16px !important;
  color:var(--text) !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  border:0 !important;
  background:transparent !important;
  min-height:0 !important;
  width:auto !important;
  border-radius:0 !important;
}
#nav-signed li a:hover{
  background:color-mix(in srgb,var(--accent-soft) 55%,transparent) !important;
}
/* 防止登录菜单项被当成顶栏 action-link 再露一个「收藏」 */
.header-actions > a.nav-link,
.header-actions > .nav-avatar,
.header-actions > .drop-box,
.header-actions > .ui-signed{
  display:none !important;
}
.header-actions .dy-fav-link + .dy-fav-link,
.header-actions a.action-link:not(#dy-header-fav){
  display:none !important;
}

/* ===== 全站暗色：覆盖 theme-adaptive 白底，并修复搜索框字色 ===== */
html.dark,
html.dark body,
html.dark .zp-body,
body.dark{
  color-scheme:dark;
  background-color:var(--bg) !important;
  background-image:var(--hero-glow) !important;
  color:var(--text) !important;
}
html.dark{
  --zp-ink:var(--text);
  --zp-bg:var(--bg);
  --zp-bg2:#1a1a1a;
  --zp-card:var(--card);
  --zp-text:var(--text);
  --zp-muted:var(--text-muted);
  --zp-line:var(--border);
  --zp-accent:var(--accent);
  --zp-accent-soft:var(--accent-soft);
  --surface-soft:#1a1a1a;
}
html.dark .header-shell{
  background:color-mix(in srgb,var(--bg) 92%,transparent) !important;
  border-bottom-color:var(--border) !important;
}
html.dark .header-search.surface,
html.dark .surface{
  background:var(--bg-elevated) !important;
  border-color:var(--border) !important;
  color:var(--text) !important;
}
/* 暗色搜索：字可见（避免白底+浅字 / 深底+深字） */
html.dark .header-search .zanpian-wd,
html.dark .header-search input[type="search"],
html.dark .header-search input[type="text"],
html.dark .zanpian-searchform .zanpian-wd,
html.dark .zp-search .zanpian-wd,
html.dark .zp-search input{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  caret-color:#fff !important;
  background:transparent !important;
  border-color:transparent !important;
  box-shadow:none !important;
}
html.dark .header-search .zanpian-wd::placeholder,
html.dark .header-search input::placeholder,
html.dark .zanpian-wd::placeholder{
  color:rgba(255,255,255,.45) !important;
  -webkit-text-fill-color:rgba(255,255,255,.45) !important;
  opacity:1 !important;
}
/* 暗色搜索按钮：底用白 accent，字用对比色（黑），避免白底白字 */
html.dark .header-search .search-submit,
html.dark .header-search .header-search-submit,
html.dark .zp-search-btn,
html.dark .header-search-submit{
  background:var(--accent,#fff) !important;
  color:var(--text-contrast,#000) !important;
  -webkit-text-fill-color:var(--text-contrast,#000) !important;
  border-color:transparent !important;
}
html.dark .nav-links a{color:var(--text-soft) !important}
html.dark .nav-links a:hover,
html.dark .nav-links a.router-link-active{
  color:var(--text) !important;
  background:var(--bg-elevated) !important;
  border-color:var(--border) !important;
}
html.dark .header-actions .icon-button,
html.dark .header-actions .action-link,
html.dark .header-actions .account-avatar-link{
  color:var(--text-soft) !important;
  border-color:var(--border) !important;
}
html.dark .header-actions .icon-button:hover,
html.dark .header-actions .action-link:hover,
html.dark .header-actions .account-avatar-link:hover{
  color:var(--text) !important;
  background:var(--bg-elevated) !important;
}

/* 页面主体块跟暗色走 */
html.dark .zp-vd-block,
html.dark .hot-card,
html.dark .layout-box .mcat-box,
html.dark .mcat-box,
html.dark .people-section .person-card-art,
html.dark .dy-viewer-notes,
html.dark .dy-watch-status,
html.dark .dy-status-item,
html.dark .dy-ref-card,
html.dark .footer-inner.surface,
html.dark .bottom-nav{
  background:var(--card) !important;
  border-color:var(--border) !important;
  color:var(--text) !important;
}
html.dark .section-title h2,
html.dark .home-section-title h2,
html.dark .zp-vd-h2,
html.dark .person-card-copy strong,
html.dark .brand-mark small{
  color:var(--text) !important;
}
html.dark .section-kicker,
html.dark .person-card-copy span,
html.dark .text-muted{
  color:var(--text-muted) !important;
}
html.dark body.zp-body,
html.dark body{
  background:
    radial-gradient(1200px 500px at 10% -10%,hsla(0,0%,100%,.06),transparent 55%),
    radial-gradient(900px 420px at 90% 0%,hsla(0,0%,100%,.04),transparent 50%),
    linear-gradient(180deg,var(--bg) 0%,#121212 40%,#0d0d0d 100%) !important;
}

/* ===== 详情子页（演员表/主题曲/台词/剧照/播出时间）：主题切换可读 ===== */
.zp-music-page,
.zp-lines-page,
.zp-actor-page,
.zp-juzhao-page,
.zp-filmtime-page,
.zp-story-page,
.zp-page.zp-music-page,
.zp-page.zp-lines-page,
.zp-page.zp-actor-page,
.zp-page.zp-juzhao-page,
.zp-page.zp-filmtime-page{
  color:var(--text) !important;
}
.zp-section.zp-board,
.zp-music-panel,
.zp-lines-panel,
.zp-juzhao-item,
.zp-music-card.music-card,
.zp-lines-card.lines-card,
.detail-role > li,
.zp-list-item,
.zp-list-grid > li{
  background:var(--card) !important;
  border-color:var(--border) !important;
  color:var(--text) !important;
  box-shadow:none !important;
  filter:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  opacity:1 !important;
}
.detail-nav a,
.detail-nav .swiper-slide,
.detail-nav ul a{
  background:color-mix(in srgb,var(--bg-elevated) 90%,transparent) !important;
  border:1px solid var(--border) !important;
  color:var(--text-soft) !important;
  opacity:1 !important;
  filter:none !important;
}
.detail-nav a::after,
.detail-nav ul a::after{
  display:none !important;
  content:none !important;
  opacity:0 !important;
}
.detail-nav a.active,
.detail-nav .swiper-slide.active,
.detail-nav a:hover,
.detail-nav ul a.active,
.detail-nav ul a:hover{
  background:var(--accent) !important;
  border-color:transparent !important;
  color:var(--text-contrast) !important;
}
.zp-sec-head h1,
.zp-sec-head h2,
.box-title h1,
.box-title h2,
.zp-list-head h1,
.zp-music-card .music-card-name,
.zp-music-card .music-card-name a,
.zp-lines-meta h3,
.zp-lines-meta h3 a,
.zp-lines-meta p,
.role-card-info-name,
.role-card-info-name a,
.role-card-info-star a,
.zp-list-info h2,
.zp-list-info h2 a,
.zp-juzhao-title,
.zp-juzhao-title a,
.tv-vod-name a,
.zp-tv-channel-name a,
.zp-film-info,
.zp-film-info p,
.zp-film-info a,
.article-content,
.article-content p,
.article-content h2,
.story-title,
.story-h1,
.zp-story-eps-title,
.zp-tv-item .name,
.zp-tv-item .time,
.zp-tv-day-head,
.zp-tv-day-head em{
  color:var(--text) !important;
  opacity:1 !important;
  text-shadow:none !important;
  filter:none !important;
}
.role-card-info-star span,
.role-card-desc,
.zp-music-sub,
.zp-music-sub a,
.zp-juzhao-time,
.zp-lines-list .lines-card-time,
.filmtime,
.zp-list-info p,
.zp-list-total,
.zp-empty.kong,
.zp-music-no{
  color:var(--text-muted) !important;
  opacity:1 !important;
}
.zp-music-no{
  background:color-mix(in srgb,var(--surface-soft) 88%,transparent) !important;
}
.zp-music-type,
.zp-list-cat{
  background:var(--accent-soft) !important;
  color:var(--text) !important;
}
.zp-music-btn{
  background:var(--accent) !important;
  color:var(--text-contrast) !important;
}
.zp-music-btn-soft,
.user_add_detail{
  background:color-mix(in srgb,var(--bg-elevated) 88%,transparent) !important;
  border:1px solid var(--border) !important;
  color:var(--text) !important;
}
.zp-music-lyric{
  background:color-mix(in srgb,var(--surface-soft) 90%,transparent) !important;
  border-color:var(--border) !important;
  color:var(--text) !important;
}
.zp-cta.zp-cta-ghost,
.zp-vd-hero-mini .zp-cta-ghost{
  background:color-mix(in srgb,var(--surface-strong) 88%,transparent) !important;
  border:1px solid var(--border) !important;
  color:var(--text) !important;
  box-shadow:none !important;
}
.text-color,
.role-card-info-star .text-color,
a.text-color{
  color:var(--text) !important;
}
.filmtime::after{
  background:var(--border) !important;
}
.filmtime::before,
.filmtime.on::before,
li:hover .filmtime::before{
  background:var(--accent) !important;
}
.filmtime.on,
li:hover .filmtime{
  color:var(--text) !important;
}
.tv-vod,
.zp-tv-schedule.tv-vod{
  background:color-mix(in srgb,var(--surface-soft) 92%,transparent) !important;
  border-color:var(--border) !important;
  color:var(--text) !important;
}
.zp-juzhao-pic,
.zp-vd-juzhao .zp-juzhao-rail-item{
  background-color:var(--surface-soft) !important;
  box-shadow:inset 0 0 0 1px var(--border) !important;
}
html.dark .detail-nav a.active,
html.dark .detail-nav .swiper-slide.active,
html.dark .detail-nav a:hover{
  background:#fff !important;
  color:#101010 !important;
}
html.dark .zp-music-btn{
  background:#fff !important;
  color:#101010 !important;
}
html.dark .zp-music-type,
html.dark .zp-list-cat{
  background:hsla(0,0%,100%,.12) !important;
  color:#fff !important;
}

/* ===== 视频详情：对齐 dyoo.com MediaDetailPage（≤820 走 mobile-detail-hero） ===== */
.detail-shell{
  width:min(1200px,calc(100% - 32px));
  margin:24px auto 0;
  color:var(--text);
}
.detail-main{display:grid;gap:30px}
.detail-grid{
  align-items:start;
  display:grid;
  gap:20px;
  grid-template-columns:280px minmax(0,1fr);
}
.mobile-detail-hero,
.detail-meta-mobile,
.mobile-quick-meta{display:none}
.poster-frame{
  aspect-ratio:2/3;
  background:var(--surface-soft);
  overflow:hidden;
  position:relative;
  border-radius:var(--radius-xl,18px);
  width:100%;
}
.detail-poster{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:inherit;
}
.detail-cover{
  min-width:0;
  display:grid;
  gap:12px;
}
.detail-cover .zp-vd-actions.remind-love,
.detail-cover .detail-action-row{
  display:flex!important;
  position:static!important;
  width:100%;
  gap:8px;
  margin:0!important;
}
.detail-cover .zp-vd-actions .user-bt,
.detail-cover .zp-vd-actions .vod-sect,
.detail-cover .zp-vd-actions .vod-rss{
  float:none!important;
  flex:1 1 0;
  min-width:0;
  margin:0!important;
  position:relative!important;
}
.detail-cover .zp-vd-actions .sect-show{
  position:absolute!important;
  inset:0;
  margin:0!important;
}
.detail-cover .zp-vd-actions .sect-btn,
.detail-cover .zp-vd-actions .cancel{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:46px;
  border-radius:999px!important;
  background:var(--surface-strong)!important;
  border:1px solid var(--border)!important;
  color:var(--text)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.detail-copy{
  gap:14px;
  min-width:0;
  display:grid;
  padding:18px;
  border:1px solid var(--border);
  border-radius:24px;
  background:var(--surface-soft,var(--card));
  box-sizing:border-box;
}
.detail-head{display:grid;gap:10px}
.detail-title{
  font-size:clamp(34px,3.8vw,48px);
  letter-spacing:-.04em;
  line-height:1.05;
  margin:0;
  overflow-wrap:anywhere;
  color:var(--text)!important;
}
.update-tag{
  align-items:center;
  display:inline-flex;
  width:fit-content;
  min-height:28px;
  padding:0 11px;
  border-radius:999px;
  border:1px solid var(--border);
  background:var(--surface-soft);
  color:var(--text-soft);
  font-size:12px;
  font-weight:600;
}
.detail-meta-desktop{display:grid;gap:8px}
.meta-line{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  line-height:1.7;
  font-size:14px;
}
.meta-line .muted{color:var(--text-muted)}
.person-chip-row,.genre-chip-row{display:inline-flex;flex-wrap:wrap;gap:7px}
.detail-meta-desktop .zp-vd-links a,
.mobile-meta-body .zp-vd-links a,
.genre-chip{
  align-items:center;
  display:inline-flex;
  min-height:28px;
  padding:2px 10px;
  border-radius:999px;
  border:1px solid var(--border);
  background:var(--surface-soft);
  color:var(--text)!important;
  font-size:13px;
  text-decoration:none;
}
.genre-chip{
  background:color-mix(in srgb,var(--accent-soft,rgba(92,151,255,.18)) 44%,var(--surface-soft));
  border-color:color-mix(in srgb,var(--accent,#5c97ff) 22%,var(--border));
}
.viewer-state-panel.dy-watch-status,
.detail-copy .dy-watch-status{
  width:auto!important;
  margin:0!important;
  padding:16px!important;
  border:1px solid var(--border)!important;
  border-radius:var(--radius-xl,18px)!important;
  background:var(--surface-soft)!important;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.viewer-state-copy{display:grid;gap:4px}
.viewer-state-copy small{color:var(--text-muted)}
.viewer-state-actions,.dy-watch-actions{display:flex;flex-wrap:wrap;gap:8px}
.dy-watch-btn{
  min-height:38px;
  padding:0 16px;
  border-radius:999px;
  border:1px solid var(--border);
  background:var(--surface-strong);
  color:var(--text-soft);
  cursor:pointer;
}
.dy-watch-btn.is-active{
  background:color-mix(in srgb,var(--accent-soft,rgba(92,151,255,.2)) 42%,var(--surface-strong));
  border-color:color-mix(in srgb,var(--accent,#5c97ff) 58%,var(--border));
  color:var(--text);
}
.detail-summary{border-top:1px solid var(--border);margin-top:6px;padding-top:18px}
.detail-summary h2{font-size:22px;margin:0 0 12px}
.summary-copy p{color:var(--text-soft);line-height:1.85;margin:0}

@media (max-width:1180px){
  .detail-grid{grid-template-columns:250px 1fr}
}
@media (max-width:820px){
  .detail-shell{margin-top:12px;width:min(1200px,calc(100% - 24px))}
  .detail-main{gap:18px}
  .detail-grid{gap:12px;grid-template-columns:1fr}
  .mobile-detail-hero{
    align-items:center;
    display:grid!important;
    gap:14px;
    grid-template-columns:minmax(86px,28vw) minmax(0,1fr);
    order:-3;
  }
  .mobile-detail-cover-mini{
    background:var(--surface-strong);
    border:1px solid var(--border);
    border-radius:18px;
    box-shadow:0 18px 45px rgba(0,0,0,.28);
    overflow:hidden;
    position:relative;
  }
  .mobile-detail-cover-mini img{
    aspect-ratio:2/3;
    display:block;
    object-fit:cover;
    width:100%;
  }
  .mobile-detail-hero-copy{display:grid;gap:9px;min-width:0}
  .mobile-detail-hero .detail-title{
    font-size:clamp(28px,8vw,36px)!important;
    line-height:1.08;
  }
  .update-tag{font-size:11px;min-height:24px;padding:0 9px}
  .mobile-quick-meta{display:flex!important;flex-wrap:wrap;gap:7px}
  .mobile-quick-meta .quick-meta-chip{
    align-items:center;
    background:var(--surface-soft);
    border:1px solid var(--border);
    border-radius:999px;
    color:var(--text-soft);
    display:inline-flex;
    font-size:12px;
    padding:5px 9px;
    text-decoration:none;
  }
  .detail-head{display:none!important}
  .detail-meta-desktop{display:none!important}
  .detail-copy{
    border-radius:24px;
    order:-1;
    padding:16px;
  }
  .detail-cover{
    order:-2;
    padding:12px;
    border:1px solid var(--border);
    border-radius:24px;
    background:var(--surface-soft);
    box-shadow:var(--shadow,0 10px 30px rgba(0,0,0,.12));
  }
  .poster-frame{display:none!important}
  .detail-cover .zp-vd-actions .sect-btn,
  .detail-cover .zp-vd-actions .cancel{
    min-height:46px;
    font-size:14px;
  }
  .detail-meta-mobile{
    border-top:1px solid var(--border);
    display:block!important;
    padding-top:10px;
  }
  .detail-meta-mobile summary{
    align-items:center;
    background:var(--surface-soft);
    border:1px solid var(--border);
    border-radius:999px;
    color:var(--text-soft);
    cursor:pointer;
    display:flex;
    font-size:13px;
    justify-content:space-between;
    min-height:34px;
    padding:0 12px;
    list-style:none;
  }
  .detail-meta-mobile summary::-webkit-details-marker{display:none}
  .detail-meta-mobile summary:after{color:var(--text-muted);content:"+";font-size:16px}
  .detail-meta-mobile[open] summary:after{content:"-"}
  .mobile-meta-body{display:grid;gap:8px;padding-top:10px}
  .mobile-meta-body .meta-line{font-size:13px;line-height:1.55}
  .detail-summary{margin-top:0;padding-top:12px}
  .detail-summary h2{display:none}
  .summary-copy{color:var(--text-soft);font-size:14px;line-height:1.7}
  .viewer-state-panel.dy-watch-status,
  .detail-copy .dy-watch-status{
    align-items:stretch!important;
    flex-direction:column!important;
  }
  .viewer-state-actions .dy-watch-btn,
  .dy-watch-actions .dy-watch-btn{flex:1}
  .detail-copy .tv-vod{display:none!important}
  .zp-vd-panel,
  #zp-playlist,
  .zp-vd-body{
    width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }
  .zp-vd-body{margin:14px auto 88px!important;padding:0!important}
  .zp-vd-panel,#zp-playlist{padding:12px!important;margin-top:14px!important}
  .dy-verified-status .section-kicker,
  .dy-verified-note{display:none!important}
  .detail-nav-track,
  .detail-nav ul.swiper-wrapper{
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .detail-nav-track::-webkit-scrollbar,
  .detail-nav ul.swiper-wrapper::-webkit-scrollbar{display:none}
  #zp-playlist .player-list > ul.show,
  .zp-vd-panel .player-list > ul.show{
    grid-template-columns:repeat(auto-fill,minmax(84px,1fr))!important;
  }
}
@media (max-width:520px){
  .detail-grid{gap:10px}
  .detail-cover{padding:12px}
  .mobile-detail-hero{
    gap:12px;
    grid-template-columns:minmax(82px,30vw) minmax(0,1fr);
  }
  .detail-cover .zp-vd-actions .sect-btn,
  .detail-cover .zp-vd-actions .cancel{
    border-radius:18px!important;
    font-size:15px;
    min-height:48px;
  }
}
@media (max-width:420px){
  .detail-copy{padding:12px}
  .detail-cover{border-radius:22px;padding:10px}
  .mobile-detail-hero{grid-template-columns:minmax(76px,29vw) minmax(0,1fr)}
  .mobile-detail-cover-mini{border-radius:16px}
  .mobile-detail-hero .detail-title{font-size:clamp(25px,7.6vw,32px)!important}
}
@media (max-width:360px){
  .mobile-detail-hero{grid-template-columns:74px minmax(0,1fr)}
}

/* ===== 片库页：对齐 dyoo.com/mv CatalogPage（断点 760/820/520） ===== */
.catalog-shell.panel,
.catalog-shell{
  display:grid!important;
  gap:10px!important;
  width:min(1200px,calc(100% - 32px))!important;
  margin:22px auto 0!important;
  padding:12px!important;
  box-sizing:border-box!important;
}
.catalog-shell .filter-strip{
  align-items:center!important;
  display:flex!important;
  gap:12px!important;
  justify-content:space-between!important;
  flex-wrap:nowrap!important;
}
.catalog-shell .filter-actions{
  align-items:center!important;
  display:inline-flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  justify-content:flex-end!important;
  color:var(--text-soft)!important;
  font-size:13px!important;
}
.catalog-shell .catalog-count{
  color:var(--text-soft)!important;
  flex:0 1 auto!important;
  white-space:nowrap!important;
}
.catalog-shell .mobile-filter-toggle{display:none!important}
.catalog-shell .filter-panel,
.catalog-shell .facet-grid.filter-panel,
#catalog-mobile-filters{
  display:grid!important;
  gap:10px!important;
  padding:10px!important;
  border:1px solid var(--border)!important;
  border-radius:var(--radius-xl)!important;
  background:color-mix(in srgb,var(--bg-elevated) 80%,transparent)!important;
}
.catalog-grid.page-section,
.catalog-grid,
.grid-cards.catalog-grid{
  display:grid!important;
  gap:18px!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  width:min(1200px,calc(100% - 32px))!important;
  margin:22px auto 0!important;
}
.catalog-grid .cover-wrap{
  aspect-ratio:2/3!important;
  background:var(--surface-strong)!important;
  overflow:hidden!important;
  position:relative!important;
}
.catalog-grid .cover-wrap img,
.catalog-grid .media-card img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  opacity:1!important;
  visibility:visible!important;
}
.catalog-grid .card-body{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  justify-content:center!important;
  min-height:70px!important;
  padding:12px 13px 14px!important;
}

@media (max-width:1180px){
  .catalog-grid,.catalog-grid.page-section,.grid-cards.catalog-grid{
    gap:18px!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
  }
}
@media (max-width:1040px){
  .catalog-grid,.catalog-grid.page-section,.grid-cards.catalog-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}
@media (max-width:820px){
  .catalog-grid,.catalog-grid.page-section,.grid-cards.catalog-grid{
    gap:14px!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:min(1200px,calc(100% - 24px))!important;
  }
  .catalog-shell.panel,
  .catalog-shell,
  .load-more-sentinel,
  nav.pagination.surface,
  .pagination.surface{
    width:min(1200px,calc(100% - 24px))!important;
  }
}
/* 原站：仅 ≤760 才竖排工具条 + 收起筛选 + 显示筛选按钮 */
@media (max-width:760px){
  .catalog-shell .filter-strip{
    align-items:flex-start!important;
    flex-direction:column!important;
    flex-wrap:wrap!important;
  }
  .catalog-shell .active-filter-row{width:100%!important}
  .catalog-shell .filter-actions{
    justify-content:flex-start!important;
    width:100%!important;
  }
  .catalog-shell .catalog-count{
    white-space:normal!important;
    flex:1 1 auto!important;
  }
  .catalog-shell .mobile-filter-toggle{
    display:inline-flex!important;
    margin-left:auto!important;
    min-height:34px!important;
    align-items:center!important;
  }
  .catalog-shell .filter-panel,
  .catalog-shell .facet-grid.filter-panel,
  #catalog-mobile-filters{
    display:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
  }
  .catalog-shell .filter-panel.is-mobile-open,
  .catalog-shell .facet-grid.filter-panel.is-mobile-open,
  #catalog-mobile-filters.is-mobile-open{
    display:grid!important;
    gap:10px!important;
    margin-top:2px!important;
    padding:10px!important;
    border:1px solid var(--border)!important;
    border-radius:var(--radius-xl)!important;
    background:color-mix(in srgb,var(--bg-elevated) 80%,transparent)!important;
  }
  #catalog-mobile-filters.is-mobile-open .facet-row,
  .catalog-shell .facet-row{
    grid-template-columns:1fr!important;
    gap:6px!important;
  }
  .catalog-shell .facet-row strong{padding-top:0!important}
}
@media (max-width:520px){
  .catalog-shell.panel,
  .catalog-shell{
    margin-top:14px!important;
    padding:10px!important;
  }
  .catalog-grid,.catalog-grid.page-section,.grid-cards.catalog-grid{
    gap:10px!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .catalog-grid .card-body{
    gap:7px!important;
    min-height:64px!important;
    padding:10px!important;
  }
  .catalog-grid .card-title{font-size:14px!important}
  .catalog-grid .type-tags{font-size:11px!important}
  .catalog-grid .rating-strip{gap:4px!important}
  .catalog-grid .rating-strip span{
    font-size:10px!important;
    max-width:72px!important;
    padding:4px 6px!important;
  }
}

/* ===== 首页：对齐 dyoo.com HomePage（压过 dyoo.css 里 home-latest 的 6 列 !important） ===== */
.page-section{
  width:min(1200px,calc(100% - 32px))!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}
.home-now-playing{margin-top:24px!important;position:relative!important}
.home-section-more-footer{display:none!important}
.now-playing-actions{
  align-items:center!important;
  display:flex!important;
  gap:8px!important;
  position:absolute!important;
  right:0!important;
  top:0!important;
  z-index:2!important;
}
.now-playing-actions button{
  background:var(--surface-strong)!important;
  border:1px solid var(--border)!important;
  border-radius:50%!important;
  color:var(--text)!important;
  cursor:pointer!important;
  display:grid!important;
  font-size:24px!important;
  height:34px!important;
  width:34px!important;
  place-items:center!important;
  line-height:1!important;
  padding:0!important;
}
.now-playing-viewport{min-height:360px!important;overflow:hidden!important}
.now-playing-row{
  display:grid!important;
  gap:24px!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
}
.now-playing-item{
  align-content:start!important;
  color:var(--text)!important;
  display:grid!important;
  gap:8px!important;
  min-width:0!important;
  text-align:center!important;
  text-decoration:none!important;
}
.now-playing-item img{
  aspect-ratio:2/3!important;
  border-radius:var(--radius-xl)!important;
  object-fit:cover!important;
  width:100%!important;
  height:auto!important;
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  position:static!important;
}
.now-playing-item strong{
  font-size:15px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.now-playing-item span{color:var(--accent)!important;font-size:13px!important}
.home-latest-grid.grid-cards,
.page-section .home-latest-grid,
.page-section .grid-cards.home-latest-grid{
  display:grid!important;
  gap:18px!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  width:100%!important;
  margin:0!important;
}
.home-community-grid{
  display:grid!important;
  gap:16px!important;
  grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr)!important;
}
.home-library-grid{
  display:grid!important;
  gap:16px!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}

@media (max-width:1080px){
  .home-latest-grid.grid-cards,
  .page-section .home-latest-grid,
  .page-section .grid-cards.home-latest-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
  .home-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .now-playing-row{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media (max-width:880px){
  .home-community-grid{grid-template-columns:1fr!important}
  .home-latest-grid.grid-cards,
  .page-section .home-latest-grid,
  .page-section .grid-cards.home-latest-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .community-review-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:640px){
  .page-section{
    width:min(1200px,calc(100% - 24px))!important;
    margin-top:28px!important;
  }
  .home-section-title{
    justify-content:center!important;
    text-align:center!important;
  }
  .home-section-title>div{width:100%!important}
  .home-section-more-header{display:none!important}
  .home-section-more-footer{
    display:inline-flex!important;
    align-self:center!important;
    margin:8px auto 0!important;
    min-width:132px!important;
  }
  .home-latest-grid.grid-cards,
  .page-section .home-latest-grid,
  .page-section .grid-cards.home-latest-grid,
  .page-section .grid-cards{
    gap:10px!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .page-section .grid-cards .card-body{
    gap:7px!important;
    min-height:64px!important;
    padding:10px!important;
  }
  .page-section .grid-cards .card-title{font-size:14px!important}
  .page-section .grid-cards .type-tags{font-size:11px!important}
  .now-playing-actions{
    gap:6px!important;
    justify-content:center!important;
    position:static!important;
  }
  .now-playing-row{
    gap:12px!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .now-playing-viewport{min-height:330px!important}
  .community-review-grid{grid-template-columns:1fr!important}
  .home-library-grid{
    gap:12px!important;
    grid-auto-columns:minmax(280px,86vw)!important;
    grid-auto-flow:column!important;
    grid-template-columns:none!important;
    overflow-x:auto!important;
    padding:2px 2px 12px!important;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
  }
  .home-library-grid .media-list-card,
  .home-library-grid > *{scroll-snap-align:start}
  .people-rail{gap:6px!important}
  .person-card{gap:8px!important}
  .person-card-copy strong{font-size:12px!important}
  .person-card-copy span{font-size:10px!important}
}

/* ===== 播放页：线路横向排列，多线路可左右滑动 ===== */
.dy-play-theater{ /* alias */ }
.zp-play-theater .zp-play-source,
.dy-play-theater .zp-play-source{
  margin:0 0 10px!important;
  position:relative!important;
}
.zp-play-theater .zp-play-source-head{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  text-align:left!important;
  margin:0 0 8px!important;
}
.zp-play-theater .zp-play-src-toggle{
  display:none!important;
}
.zp-play-theater .zp-play-sourcerow,
.dy-play-theater .zp-play-sourcerow,
ul.zp-play-sourcerow,
ul.zp-play-sourcerow.playe-more-list,
.zp-play-theater ul.playe-more-list,
.zp-play-theater .zp-play-sourcerow.playe-more-list,
.zp-play-theater ul.playe-more-list[data-type="myTabDrop2"]{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:left!important;
  gap:8px!important;
  list-style:none!important;
  margin:0 0 12px 0!important;
  padding:0 2px 6px!important;
  position:static!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  max-height:none!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch;
  scroll-snap-type:x proximity;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  float:none!important;
  z-index:auto!important;
}
.zp-play-theater .zp-play-sourcerow::-webkit-scrollbar,
ul.zp-play-sourcerow::-webkit-scrollbar{
  height:3px;
}
.zp-play-theater .zp-play-sourcerow::-webkit-scrollbar-thumb,
ul.zp-play-sourcerow::-webkit-scrollbar-thumb{
  background:color-mix(in srgb,var(--text-muted,rgba(0,0,0,.28)) 70%,transparent);
  border-radius:999px;
}
.zp-play-theater .zp-play-sourcerow li,
.dy-play-theater .zp-play-sourcerow li,
ul.zp-play-sourcerow > li,
.zp-play-theater ul.playe-more-list > li{
  float:none!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  flex:0 0 auto!important;
  display:block!important;
  text-align:left!important;
  scroll-snap-align:start;
}
.zp-play-theater .zp-play-sourcerow li a,
.dy-play-theater .zp-play-sourcerow li a,
ul.zp-play-sourcerow > li > a,
.zp-play-theater ul.playe-more-list > li > a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:36px!important;
  min-width:72px!important;
  width:auto!important;
  max-width:none!important;
  padding:8px 14px!important;
  margin:0!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.06)!important;
  color:rgba(226,232,240,.9)!important;
  font-size:13px!important;
  font-weight:750!important;
  text-decoration:none!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  text-align:center!important;
}
.zp-play-theater .zp-play-sourcerow li.active a,
.dy-play-theater .zp-play-sourcerow li.active a,
ul.zp-play-sourcerow > li.active > a{
  color:#fff!important;
  background:rgba(15,118,110,.55)!important;
  border-color:rgba(15,118,110,.7)!important;
}
.zp-play-theater .play-list.zp-play-eps > ul.show,
.dy-play-theater .play-list.zp-play-eps > ul.show{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(72px,1fr))!important;
  gap:8px!important;
  float:none!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
.zp-play-theater .play-list.zp-play-eps > ul.hide,
.dy-play-theater .play-list.zp-play-eps > ul.hide{
  display:none!important;
}
.zp-play-theater .play-list.zp-play-eps li,
.dy-play-theater .play-list.zp-play-eps li{
  float:none!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
}
@media (max-width:900px){
  .zp-play-theater .play-list.zp-play-eps > ul.show,
  .dy-play-theater .play-list.zp-play-eps > ul.show{
    grid-template-columns:repeat(auto-fill,minmax(64px,1fr))!important;
    gap:6px!important;
  }
}

/* ===== 播放页：跟随站点浅色/深色主题（压过 theme-adaptive 写死的深色剧场） ===== */
body.zp-play-body,
html.dark body.zp-play-body{
  background:var(--bg)!important;
  color:var(--text)!important;
}
.zp-play-stage{
  background:
    radial-gradient(1200px 420px at 50% -10%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 60%),
    linear-gradient(180deg,color-mix(in srgb,var(--bg) 92%,var(--accent) 8%) 0%,var(--bg) 100%)!important;
  color:var(--text)!important;
}
.zp-play-theater .player-box{
  margin:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
.zp-play-theater #zanpiancms_player,
.zp-play-theater #cms_play{
  background:#000!important;
  border:1px solid var(--border)!important;
  box-shadow:var(--shadow-soft,var(--shadow))!important;
}
/* 播放页工具条：芯片按钮（覆盖旧竖线分割样式） */
.zp-play-theater .zp-play-tool.play-tool{
  display:block!important;
  margin-top:12px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
}
.zp-play-theater .zp-play-bar.remind-love{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  width:100%!important;
  padding:8px!important;
  background:var(--card,var(--bg-elevated))!important;
  border:1px solid var(--border)!important;
  border-radius:14px!important;
  box-shadow:var(--shadow-soft,var(--shadow))!important;
  color:var(--text-soft)!important;
}
.zp-play-theater .zp-play-tool .vod-sect,
.zp-play-theater .zp-play-tool .vod-rss{
  float:none!important;
  margin:0!important;
  display:inline-flex!important;
  align-items:center!important;
  position:relative!important;
  overflow:visible!important;
}
.zp-play-theater .zp-play-tool .sect-show{
  float:none!important;
  margin:0!important;
  display:none!important;
  position:static!important;
}
.zp-play-theater .zp-play-tool .user-bt.is-on > .sect-show,
.zp-play-theater .zp-play-tool .sect-show.is-on{
  display:inline-flex!important;
}
.zp-play-theater .zp-play-tool .user-bt.is-on > .sect-btn{
  display:none!important;
}
.zp-play-theater .zp-play-tool .remind-love a,
.zp-play-theater .zp-play-tool .sect-btn,
.zp-play-theater .zp-play-tool .cancel,
.zp-play-theater .zp-play-tool .digg_link,
.zp-play-theater .zp-play-tool .vod-errors,
.zp-play-theater .zp-play-tool .zp-play-chip{
  float:none!important;
  margin:0!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  height:34px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--bg-elevated,var(--card,#fff)) 92%,transparent)!important;
  border:1px solid var(--border)!important;
  border-right:1px solid var(--border)!important;
  color:var(--text)!important;
  text-decoration:none!important;
  font-size:13px!important;
  font-weight:700!important;
  box-shadow:none!important;
}
.zp-play-theater .zp-play-tool .remind-love a:hover,
.zp-play-theater .zp-play-tool .sect-btn:hover,
.zp-play-theater .zp-play-tool .digg_link:hover,
.zp-play-theater .zp-play-tool .zp-play-chip:hover{
  color:var(--text)!important;
  border-color:var(--accent)!important;
  background:color-mix(in srgb,var(--accent) 10%,transparent)!important;
}
.zp-play-theater .zp-play-navbtn{
  float:none!important;
  margin-left:auto!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
}
.zp-play-theater .zp-play-navbtn a,
.zp-play-theater .zp-play-chip.zp-play-epnav{
  background:var(--accent)!important;
  border-color:transparent!important;
  color:var(--text-contrast,#fff)!important;
  font-weight:800!important;
  height:34px!important;
  padding:0 14px!important;
  border-radius:999px!important;
}
.zp-play-theater .zp-play-navbtn a:hover{
  color:var(--text-contrast,#fff)!important;
  filter:brightness(1.05);
}
.zp-play-theater .play-kai,
.zp-play-theater button.play-kai{
  background:var(--surface-strong,var(--bg-elevated))!important;
  border:1px solid var(--border)!important;
  color:var(--text)!important;
}
.zp-play-theater .player-right.zp-play-dock{
  background:var(--card)!important;
  border:1px solid var(--border)!important;
  color:var(--text)!important;
  box-shadow:var(--shadow-soft,var(--shadow))!important;
}
.zp-play-theater .zp-play-meta h1,
.zp-play-theater .zp-play-meta h1 a{
  color:var(--text)!important;
}
.zp-play-theater .zp-play-epnow{
  color:var(--text-muted)!important;
}
.zp-play-theater .zp-play-tags a,
.zp-play-theater .zp-play-tags ul a,
.zp-play-theater .player-right .vod-seat ul a{
  color:var(--accent)!important;
}
.zp-play-theater .zp-play-tags a:hover,
.zp-play-theater .zp-play-tags ul a:hover{
  color:var(--text)!important;
}
.zp-play-theater .zp-play-tags ul:not(:last-child)::after{
  color:var(--text-muted)!important;
}
.zp-play-theater .player-switch,
.zp-play-now .player-switch,
button.player-switch{display:none!important}
.zp-play-theater .zp-play-source-head{
  display:block!important;
  height:0!important;
  margin:6px 0 10px!important;
  padding:0!important;
  border:0!important;
  border-bottom:1px solid var(--border)!important;
  overflow:hidden!important;
  font-size:0!important;
  line-height:0!important;
}
.zp-play-theater .zp-play-source-head > span{display:none!important}
.zp-play-theater .zp-play-src-toggle{
  background:color-mix(in srgb,var(--bg-elevated) 90%,transparent)!important;
  border:1px solid var(--border)!important;
  color:var(--text)!important;
}
.zp-play-theater .zp-play-sourcerow li a,
.zp-play-theater ul.playe-more-list > li > a{
  background:color-mix(in srgb,var(--bg-elevated) 90%,transparent)!important;
  border:1px solid var(--border)!important;
  color:var(--text)!important;
}
.zp-play-theater .zp-play-sourcerow li.active a,
.zp-play-theater .zp-play-sourcerow li a:hover,
.zp-play-theater ul.playe-more-list > li.active > a{
  background:var(--accent)!important;
  border-color:transparent!important;
  color:var(--text-contrast,#fff)!important;
}
.zp-play-theater .play-list.zp-play-eps li a{
  background:color-mix(in srgb,var(--bg-elevated) 90%,transparent)!important;
  border:1px solid var(--border)!important;
  color:var(--text)!important;
  text-align:center;
}
.zp-play-theater .play-list.zp-play-eps li:hover a,
.zp-play-theater .play-list.zp-play-eps li.active a{
  background:var(--accent)!important;
  border-color:transparent!important;
  color:var(--text-contrast,#fff)!important;
}
.zp-play-below{
  color:var(--text)!important;
}
.zp-play-card{
  background:var(--card)!important;
  border:1px solid var(--border)!important;
  box-shadow:var(--shadow-soft,var(--shadow))!important;
  color:var(--text)!important;
}
.zp-play-card-head{
  border-bottom-color:var(--border)!important;
}
.zp-play-card-head h2,
.zp-play-card-head h2 a{
  color:var(--text)!important;
}
.zp-play-article,
.zp-play-article p{
  color:var(--text-soft)!important;
}
ul.zp-play-grid h3 a{
  color:var(--text)!important;
}
ul.zp-play-grid .pic{
  background-color:var(--surface-strong,var(--bg-elevated))!important;
}

/* 详情页：保留线路/选集分界线，去掉旧站多出来的白边 */
#zp-playlist .zp-vd-ep-split,
.zp-vd-panel .zp-vd-ep-split,
.zp-vd-playbox .zp-vd-ep-split,
.vod-box > .zp-vd-ep-split{
  display:block!important;
  width:100%!important;
  height:0!important;
  margin:10px 0 14px!important;
  padding:0!important;
  border:0!important;
  border-top:1px solid var(--border-strong,var(--border))!important;
  background:none!important;
  box-shadow:none!important;
}
#zp-playlist .vod-player,
.zp-vd-panel .vod-player,
.zp-vd-playbox .vod-player,
#zp-playlist ul.vod-player#Tab,
#Tab.vod-player{
  margin-bottom:0!important;
  border:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
  overflow-x:auto!important;
  scrollbar-width:none!important;
}
#zp-playlist .vod-player::-webkit-scrollbar,
.zp-vd-playbox .vod-player::-webkit-scrollbar{
  height:0!important;
  display:none!important;
}
#zp-playlist .vod-player.min-player,
.zp-vd-playbox .vod-player.min-player{
  display:none!important;
}
#zp-playlist .vod-player > li,
#zp-playlist .vod-player > li.active,
.zp-vd-playbox .vod-player > li,
.zp-vd-playbox .vod-player > li.active,
.zp-vd-panel .vod-player > li,
.zp-vd-panel .vod-player > li.active{
  border:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
#zp-playlist .vod-player > li > a,
#zp-playlist .vod-player > li.active > a,
.zp-vd-playbox .vod-player > li > a,
.zp-vd-playbox .vod-player > li.active > a{
  text-decoration:none!important;
  box-shadow:none!important;
}
#zp-playlist .vod-player > li::after,
#zp-playlist .vod-player > li.active::after,
#zp-playlist .vod-player > li > a::after,
#zp-playlist .vod-player > li.active > a::after,
.zp-vd-playbox .vod-player > li::after,
.zp-vd-playbox .vod-player > li.active::after,
.zp-vd-playbox .vod-player > li > a::after{
  display:none!important;
  content:none!important;
  border:0!important;
  background:none!important;
}
#zp-playlist .player-list a::after,
#zp-playlist .player-list ul li a::after,
.zp-vd-playbox .player-list a::after,
.zp-vod-detail .player-list li a::after{
  display:none!important;
  content:none!important;
  background:none!important;
}
.zp-vod-detail #zp-playlist .player-list,
.zp-vod-detail .zp-vd-playbox .player-list{
  border:0!important;
  border-top:0!important;
  box-shadow:none!important;
}
/* 播放页线路与选集分界（模板已有节点） */
.zp-play-theater .zp-play-ep-split,
.dy-play-theater .zp-play-ep-split{
  display:block!important;
  width:100%!important;
  height:0!important;
  margin:10px 0 12px!important;
  border-top:1px solid var(--border)!important;
}

/* ===== 栏目中心 / 明星剧情演员角色节目 ===== */
/* 这些块已经在 .page-shell 里，不要再套一层 1200 宽，否则和顶栏大框错位 */
.dy-hub,
.zp-star-detail,
.dy-entity,
.dy-person{
  width:100%!important;
  max-width:none!important;
  margin:0 0 40px!important;
  box-sizing:border-box!important;
  float:none!important;
}
.dy-hub-hero{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-end!important;
  gap:18px!important;
  padding:22px 24px!important;
  border-radius:var(--radius-2xl)!important;
  margin-bottom:16px!important;
}
.dy-hub-hero-copy{
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:100%!important;
}
.dy-hub-hero h1{
  font-size:clamp(22px,4.8vw,40px)!important;
  font-weight:800!important;
  letter-spacing:-.04em!important;
  line-height:1.22!important;
  margin:4px 0 0!important;
  color:var(--text)!important;
  max-width:100%!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
.dy-hub-hero p{
  color:var(--text-soft)!important;
  margin:8px 0 0!important;
  max-width:680px;
  line-height:1.65;
}
.dy-hub-hero-meta{text-align:right;color:var(--text-muted);flex:0 0 auto}
.dy-hub-hero-meta em{
  display:block;font-style:normal;font-size:32px;font-weight:800;color:var(--text);letter-spacing:-.04em
}
.dy-hub-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.dy-hub-panel,
.dy-entity-panel,
.zp-star-detail .zp-section,
.zp-star-detail .star-box{
  padding:18px!important;
  border-radius:var(--radius-2xl)!important;
  margin:0 0 16px!important;
  background:var(--card)!important;
  border:1px solid var(--border)!important;
  box-shadow:var(--shadow)!important;
}
.dy-hub-panel-head,
.zp-star-detail .zp-sec-head,
.dy-entity-panel .zp-sec-head{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-end!important;
  gap:12px!important;
  margin:0 0 14px!important;
  border:0!important;
  padding:0!important;
}
.dy-hub-panel-head h2,
.zp-star-detail .zp-sec-head h2,
.zp-star-detail .zp-sec-head a,
.dy-entity-panel .zp-sec-head h1,
.dy-entity-panel .zp-sec-head h2{
  margin:0!important;
  font-size:clamp(22px,3vw,32px)!important;
  font-weight:800!important;
  letter-spacing:-.04em!important;
  color:var(--text)!important;
  text-decoration:none!important;
}
.dy-people-grid,
.zp-people-rail{
  display:grid!important;
  grid-template-columns:repeat(8,minmax(0,1fr))!important;
  gap:14px!important;
  list-style:none!important;
  margin:0!important;
  padding:0!important;
}
.zp-people-rail > li{min-width:0;list-style:none;margin:0;padding:0}
.zp-people-rail .pic,
.zp-people-rail a.pic{
  display:block!important;
  aspect-ratio:1!important;
  border-radius:50%!important;
  background-size:cover!important;
  background-position:center!important;
  overflow:hidden!important;
  position:relative!important;
}
.zp-people-rail .sname{
  position:absolute;left:0;right:0;bottom:0;
  padding:18px 6px 8px;
  background:linear-gradient(transparent,rgba(0,0,0,.62));
  color:#fff;font-size:12px;text-align:center;
}
.zp-people-rail .lianzai{
  display:block;margin-top:8px;text-align:center;
  color:var(--text-muted);font-size:12px;
}
.zp-media-grid,
.zp-star-detail .home-latest-grid{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:16px!important;
  list-style:none!important;
  margin:0!important;padding:0!important;
}
.zp-media-grid > li{min-width:0;margin:0;padding:0;list-style:none}
.zp-star-news,
.dy-entity-news{
  display:grid!important;
  gap:12px!important;
  list-style:none!important;
  margin:0!important;padding:0!important;
}
.zp-star-news > li,
.dy-entity-news > li{
  display:grid!important;
  grid-template-columns:92px minmax(0,1fr)!important;
  gap:12px!important;
  padding:12px!important;
  border:1px solid var(--border)!important;
  border-radius:var(--radius-xl)!important;
  background:var(--surface-soft)!important;
  margin:0!important;
}
.zp-star-news .news-list-pic a,
.dy-entity-news .news-list-pic a{
  display:block!important;aspect-ratio:16/10!important;
  border-radius:var(--radius-md)!important;
  background-size:cover!important;background-position:center!important;
}
.zp-star-news h3,.dy-entity-news h3{margin:0 0 6px;font-size:15px}
.zp-star-news h3 a,.dy-entity-news h3 a{color:var(--text)!important;text-decoration:none}
.zp-photo-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:8px!important;
}
.zp-photo-grid a{
  aspect-ratio:1!important;border-radius:var(--radius-md)!important;
  background-size:cover!important;background-position:center!important;
  display:block!important;
}
.dy-photo-stage{
  position:relative;text-align:center;margin:8px 0 12px;
}
.dy-photo-stage img{
  max-width:100%;max-height:72vh;border-radius:var(--radius-xl);
  object-fit:contain;background:var(--surface-strong);
}
.dy-photo-nav{
  display:flex;justify-content:center;gap:10px;margin-top:12px;
}
.zp-star-facts-page{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  list-style:none!important;margin:0 0 16px!important;padding:0!important;
}
.zp-star-facts-page li{
  background:var(--surface-soft)!important;
  border:1px solid var(--border)!important;
  border-radius:var(--radius-lg)!important;
  padding:12px 14px!important;
}
.zp-star-facts-page span{display:block;color:var(--text-muted);font-size:12px;margin-bottom:4px}
.zp-star-facts-page b{color:var(--text);font-size:14px}
.dy-star-bio,.dy-star-bio p,.article-content.dy-star-bio{
  color:var(--text-soft)!important;line-height:1.8;font-size:15px;
}
.zp-actor-page .zp-col-aside,
.zp-role-page .zp-col-aside,
.zp-tv-page .zp-search-aside{display:none!important}
.zp-actor-page .zp-col-main,
.zp-role-page .zp-col-main,
.zp-story-page .zp-story-panel,
.zp-tv-page .article-detail,
.zp-tv-page .tv-detail-box,
.zp-tv-page .main-left{
  float:none!important;width:100%!important;max-width:none!important;
}
.zp-story-page .zp-story-panel,
.zp-tv-page .tv-detail-box,
.zp-tv-page .article-box{
  background:var(--card)!important;
  border:1px solid var(--border)!important;
  border-radius:var(--radius-2xl)!important;
  box-shadow:var(--shadow)!important;
  padding:18px!important;
  margin-bottom:16px!important;
}
.dy-tv-week{
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  gap:8px!important;
  margin:0 0 16px!important;
}
.dy-tv-week a,
.dy-tv-week .swiper-slide{
  display:flex!important;flex-direction:column!important;
  align-items:center!important;gap:4px!important;
  min-height:64px!important;padding:10px 6px!important;
  border:1px solid var(--border)!important;
  border-radius:var(--radius-lg)!important;
  background:var(--surface-soft)!important;
  color:var(--text-soft)!important;text-decoration:none!important;
  font-size:13px!important;
}
.dy-tv-week a.active,
.dy-tv-week .swiper-slide.active{
  background:var(--accent)!important;color:var(--text-contrast)!important;border-color:transparent!important;
}
.tv-detail-title,
.dy-tv-slot h3{
  margin:0 0 10px!important;
  font-size:16px!important;font-weight:800!important;color:var(--text)!important;
}
.tv-list-info,
.dy-tv-slot ul{
  list-style:none!important;margin:0 0 18px!important;padding:0!important;
}
.tv-list-info li,
.dy-tv-slot li{
  display:grid!important;
  grid-template-columns:72px minmax(0,1fr) auto!important;
  gap:10px!important;align-items:center!important;
  padding:10px 0!important;
  border-top:1px solid var(--border)!important;
  color:var(--text)!important;
}
.tv-list-info li em,
.dy-tv-slot li em{color:var(--text-muted)!important;font-style:normal;font-variant-numeric:tabular-nums}
.zp-star-detail .star-box.hidden,
.zp-star-detail .vod-box.star-box.hidden,
.zp-star-detail .photo-list.hidden{display:block!important}
.dy-person-hero{
  display:grid!important;
  grid-template-columns:132px minmax(0,1fr) auto!important;
  gap:22px!important;
  align-items:center!important;
  padding:22px 24px!important;
  border-radius:var(--radius-2xl)!important;
  margin-bottom:16px!important;
}
.dy-person-avatar{
  position:relative;
  width:132px;
  aspect-ratio:3/4;
  border-radius:18px;
  overflow:hidden;
  background:var(--surface-strong);
  flex:0 0 auto;
}
.dy-person-avatar img{
  display:block;width:100%;height:100%;object-fit:cover;
}
.dy-person-copy h1{
  font-size:clamp(30px,4vw,40px)!important;
  font-weight:800!important;
  letter-spacing:-.05em!important;
  line-height:1.04!important;
  margin:4px 0 0!important;
  color:var(--text)!important;
}
.dy-person-copy p{
  color:var(--text-soft)!important;
  margin:8px 0 0!important;
  max-width:720px;
  line-height:1.65;
}
.dy-person-facts{
  display:flex;flex-wrap:wrap;gap:8px 16px;
  margin:12px 0 0;padding:0;list-style:none;
  color:var(--text-muted);font-size:13px;
}
.dy-person-facts b{color:var(--text);font-weight:700}
.dy-person-hero .dy-hub-chips{margin:10px 0 0}
.dy-person-avatar .zp-star-flower,
.dy-person-avatar #flower{
  position:absolute!important;right:6px;top:6px;left:auto!important;z-index:2;
}
.dy-person .detail-nav .swiper-wrapper,
.zp-star-detail .detail-nav .swiper-wrapper{
  display:flex!important;flex-wrap:wrap!important;gap:8px!important;
  width:auto!important;transform:none!important;
}
.dy-person .zp-cm,
.zp-star-detail .zp-cm{
  padding:18px!important;
  border-radius:var(--radius-2xl)!important;
  background:var(--card)!important;
  border:1px solid var(--border)!important;
  box-shadow:var(--shadow)!important;
  margin:0 0 16px!important;
}
@media (max-width:720px){
  .dy-person-hero{
    grid-template-columns:96px minmax(0,1fr)!important;
    padding:16px!important;gap:14px!important;
  }
  .dy-person-avatar{width:96px}
  .dy-person-hero .dy-hub-hero-meta{grid-column:1/-1;text-align:left}
}
.dy-sub-panel.surface{
  padding:16px 18px 22px!important;
  border-radius:var(--radius-2xl)!important;
  margin:0 0 16px!important;
}
.dy-sub-panel .zp-story-panel,
.dy-sub-panel .zp-section.zp-board{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  margin:12px 0 0!important;
}
.zp-star-detail .detail-nav,
.dy-entity .detail-nav,
.dy-sub-panel .detail-nav{
  margin:0 0 16px!important;
}
.zp-star-detail .title-more,
.dy-entity-panel .title-more,
.dy-hub-panel .title-more,
.zp-sec-head .title-more{
  margin-left:auto!important;
  color:var(--text-muted)!important;
  font-size:13px!important;
  font-weight:700!important;
  text-decoration:none!important;
}
.dy-hub-chips .compact-pill,
.dy-album-chips .compact-pill{
  display:inline-flex!important;
  align-items:center!important;
  min-height:32px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  border:1px solid var(--border)!important;
  background:var(--surface-soft)!important;
  color:var(--text-soft)!important;
  font-size:12px!important;
  font-weight:700!important;
  text-decoration:none!important;
}
.dy-hub-chips .compact-pill.active,
.dy-album-chips .compact-pill.active{
  background:var(--accent)!important;
  border-color:transparent!important;
  color:var(--text-contrast)!important;
}
.zp-media-grid > .media-card,
.zp-media-grid .media-card{
  min-width:0;
  text-decoration:none!important;
  color:var(--text)!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.zp-media-grid .cover-wrap{
  border-radius:var(--radius-xl)!important;
  overflow:hidden;
}
.zp-media-grid .card-body{padding:8px 2px 0}
.zp-media-grid .card-title{
  display:block;margin:0;font-size:14px;font-weight:800;letter-spacing:-.02em;
  color:var(--text)!important;
}
.zp-media-grid .type-tags{color:var(--text-muted);font-size:12px;margin-top:4px}
.zp-media-grid h3{
  margin:8px 0 0;font-size:14px;font-weight:800;color:var(--text);
}
.dy-album{margin:0 0 18px}
.dy-album h3{margin:0 0 10px;font-size:16px;font-weight:800}
.dy-album h3 a{color:var(--text)!important;text-decoration:none}
.dy-album-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.dy-photo-cap{
  text-align:center;margin:8px 0 0;color:var(--text-muted);font-size:13px;
}
.dy-photo-nav a,
.dy-photo-nav .ghost-button{
  display:inline-flex!important;align-items:center;justify-content:center;
  min-width:96px;min-height:36px;padding:0 14px;
  border-radius:999px;border:1px solid var(--border);
  background:var(--surface-soft);color:var(--text)!important;
  text-decoration:none!important;font-weight:700;font-size:13px;
}
.dy-role-years{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px 18px!important;
  list-style:none!important;margin:0!important;padding:0!important;
}
.dy-role-years li{
  margin:0!important;padding:8px 0!important;
  border-top:1px solid var(--border)!important;
  color:var(--text-soft)!important;font-size:13px;
}
.dy-role-years em{color:var(--accent);font-style:normal;font-weight:800;margin-right:6px}
.dy-role-years a{color:var(--text)!important;text-decoration:none}
.zp-star-detail .role-lines,
.zp-role-page .role-lines:not(.dy-role-years){
  list-style:none!important;margin:0!important;padding:0!important;
}
.zp-role-page .role-lines:not(.dy-role-years) li{
  padding:12px 0!important;border-top:1px solid var(--border)!important;
  color:var(--text-soft)!important;line-height:1.7;
}
.zp-tv-page .tv-list-info a{color:var(--text)!important;text-decoration:none}
.zp-tv-page .tv-list-info .pull-right{color:var(--accent)!important;font-size:12px;font-weight:700}
.dy-tv-hero-logo{
  width:84px;height:84px;border-radius:22px;flex:0 0 auto;
  background:var(--surface-strong) center/cover no-repeat;
}
.dy-hub-tv-detail .dy-hub-hero{align-items:center!important}
.dy-hub-hero-copy{flex:1;min-width:0}
.zp-star-detail .picture-slide-box ul,
.zp-star-detail .swiper-wrapper{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:8px!important;
  list-style:none!important;margin:0!important;padding:0!important;
  transform:none!important;width:auto!important;
}
.zp-star-detail .picture-slide-box .swiper-slide,
.zp-star-detail .picture-slide-box li{
  width:auto!important;margin:0!important;height:auto!important;
}
.zp-star-detail .picture-slide-box a.pic{
  display:block!important;aspect-ratio:1!important;
  border-radius:var(--radius-md)!important;
  background-size:cover!important;background-position:center!important;
}
@media (max-width:1080px){
  .dy-people-grid,.zp-people-rail{grid-template-columns:repeat(6,minmax(0,1fr))!important}
  .zp-media-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .zp-photo-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .dy-tv-week{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media (max-width:720px){
  .dy-hub-hero{
    flex-direction:column!important;
    align-items:flex-start!important;
    padding:16px!important;
    gap:10px!important;
  }
  .dy-hub-hero h1{
    font-size:clamp(20px,6.6vw,28px)!important;
    letter-spacing:0!important;
    line-height:1.28!important;
  }
  .dy-hub-hero-meta{
    text-align:left!important;
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:baseline!important;
    gap:6px 12px!important;
    width:100%!important;
  }
  .dy-hub-hero-meta em{display:inline!important;font-size:22px!important}
}
@media (max-width:640px){
  .dy-hub,.zp-star-detail,.dy-entity,.dy-person{width:100%!important}
  .dy-hub-hero{flex-direction:column!important;align-items:flex-start!important}
  .dy-hub-hero-meta{text-align:left!important}
  .dy-people-grid,.zp-people-rail{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}
  .zp-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .zp-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .zp-star-facts-page{grid-template-columns:1fr 1fr!important}
  .zp-star-news > li,.dy-entity-news > li{grid-template-columns:72px minmax(0,1fr)!important}
}

/* page-shell 已是顶栏同宽大框：内部块不要再套一层 1200 */
.page-shell .detail-shell,
.page-shell .zp-vod-detail,
.page-shell .zp-vd-panel,
.page-shell #zp-playlist,
.page-shell .zp-vd-tabs-box,
.page-shell .zp-vd-playbox,
.page-shell .zp-vd-body,
.page-shell .zp-vd-wrap,
.page-shell .catalog-shell,
.page-shell .catalog-shell.panel,
.page-shell .layout-box,
.page-shell .layout-box.min,
.page-shell .layout-box.min.zp-page,
.page-shell .zp-page,
.page-shell .dy-hub,
.page-shell .dy-person,
.page-shell .dy-entity,
.page-shell .zp-star-detail,
.page-shell .ck-filter,
.page-shell .pic-list.two-show,
.page-shell .pic-list.one-show,
.page-shell .moviebox ul,
.page-shell .zp-grid,
.page-shell .catalog-grid,
.page-shell .media-grid{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  float:none!important;
}
.page-shell .zp-vd-panel,
.page-shell #zp-playlist,
.page-shell .zp-vd-tabs-box{
  margin-top:18px!important;
}
.page-shell .zp-vd-playbox{
  margin-top:14px!important;
}
.page-shell .catalog-shell{
  margin-top:22px!important;
}
.page-shell .layout-box.min.zp-page,
.page-shell .zp-page.zp-music-page,
.page-shell .zp-page.zp-lines-page,
.page-shell .zp-page.zp-filmtime-page,
.page-shell .zp-page.zp-actor-page,
.page-shell .zp-page.zp-role-page,
.page-shell .zp-page.zp-story-page{
  margin-top:18px!important;
  margin-bottom:40px!important;
}

/* 详情资料大框：简介/状态/剧照/演员/主演圈在一起，内层原框保留 20260818ad */
.page-shell .zp-vd-bundle,
.zp-vd-bundle{
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  width:100%!important;
  max-width:none!important;
  margin:0 0 16px!important;
  padding:14px!important;
  background:color-mix(in srgb,var(--card,var(--bg-elevated)) 72%,transparent)!important;
  border:1px solid var(--border)!important;
  border-radius:22px!important;
  box-sizing:border-box!important;
  box-shadow:var(--shadow-soft,var(--shadow));
  overflow:hidden;
}
.zp-vd-bundle > .zp-vd-block,
.zp-vd-bundle > .vod-box,
.zp-vd-bundle > section{
  margin:0!important;
}
html.dark .zp-vd-bundle{
  background:color-mix(in srgb,var(--card) 88%,transparent)!important;
  border-color:var(--border)!important;
}

/* 外部参考：整块加外框 20260818ah */
.dy-vn-refs-board{
  margin:8px 0 20px!important;
  padding:18px 20px 20px!important;
  background:var(--card,var(--bg-elevated))!important;
  border:1px solid var(--border)!important;
  border-radius:22px!important;
  box-shadow:var(--shadow-soft,var(--shadow));
  box-sizing:border-box!important;
  overflow:hidden;
}
html.dark .dy-vn-refs-board{
  background:var(--card)!important;
  border-color:var(--border)!important;
}
.dy-vn-refs-head{margin:0 0 12px}
.dy-vn-refs-head .section-kicker{
  display:block;
  margin-bottom:4px;
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--text-muted);
}
.dy-vn-refs-head h2{
  margin:0 0 6px;
  font-size:1.15rem;
  font-weight:800;
  color:var(--text);
}
.dy-vn-refs-head p{
  margin:0;
  font-size:13px;
  line-height:1.55;
  color:var(--text-muted);
}
.dy-vn-refs-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px 18px!important;
  align-items:start;
}
.dy-vn-refs-board .dy-ref-card,
.dy-vn-refs-board .dy-ref-tips,
html.dark .dy-vn-refs-board .dy-ref-card,
html.dark .dy-vn-refs-board .dy-ref-tips{
  min-width:0;
  margin:0!important;
  padding:4px 0 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.dy-vn-refs-board .dy-ref-tips,
html.dark .dy-vn-refs-board .dy-ref-tips{
  border-left:2px solid var(--border-strong,var(--border))!important;
  padding:2px 0 2px 12px!important;
}
@media (max-width:900px){
  .dy-vn-refs-grid{grid-template-columns:1fr!important}
}

/* 图库 / 剧照列表：对齐栏目中心 20260818ae */
.dy-hub-picture .dy-hub-rank-tabs{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  list-style:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
.dy-hub-picture .dy-hub-rank-tabs li{
  display:inline-flex!important;
  align-items:center!important;
  min-height:32px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  border:1px solid var(--border)!important;
  background:var(--surface-soft)!important;
  color:var(--text-soft)!important;
  font-size:12px!important;
  font-weight:700!important;
  cursor:pointer;
  float:none!important;
  margin:0!important;
}
.dy-hub-picture .dy-hub-rank-tabs li.active,
.dy-hub-picture .dy-hub-rank-tabs li:hover{
  background:var(--accent)!important;
  border-color:transparent!important;
  color:var(--text-contrast)!important;
}
.dy-hub-picture .tab-box .hide{display:none!important}
.dy-hub-picture .tab-box .show,
.dy-hub-picture .tab-box .zp-media-grid.show{
  display:grid!important;
}
.dy-album-grid.zp-media-grid{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:16px!important;
}
.dy-album-card{
  display:grid!important;
  gap:8px!important;
  min-width:0!important;
  text-decoration:none!important;
  color:inherit!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.dy-album-cover{
  display:block!important;
  aspect-ratio:16/10!important;
  border-radius:var(--radius-xl)!important;
  background-color:var(--surface-soft)!important;
  background-size:cover!important;
  background-position:center!important;
  border:1px solid var(--border)!important;
}
.dy-album-card strong{
  display:block!important;
  font-size:14px!important;
  font-weight:800!important;
  color:var(--text)!important;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  line-height:1.35;
}
.dy-hub-count{color:var(--text-muted);font-size:13px;font-weight:650}
@media (max-width:1080px){
  .dy-album-grid.zp-media-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media (max-width:640px){
  .dy-album-grid.zp-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .dy-hub-picture .dy-hub-panel-head{align-items:flex-start!important;flex-direction:column}
}

/* 明星首页：男/女/库 三个大框 20260818af */
.dy-star-gates{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  margin:0 0 16px!important;
}
.dy-star-gate{
  display:grid!important;
  gap:6px!important;
  min-width:0!important;
  padding:18px 20px!important;
  text-decoration:none!important;
  color:inherit!important;
  border-radius:var(--radius-2xl)!important;
  border:1px solid var(--border)!important;
  background:var(--card)!important;
  box-shadow:var(--shadow)!important;
  box-sizing:border-box!important;
}
.dy-star-gate:hover{
  border-color:var(--border-strong,var(--border))!important;
}
.dy-star-gate.is-on{
  border-color:color-mix(in srgb,var(--accent) 55%,var(--border))!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 28%,transparent),var(--shadow)!important;
}
.dy-pic-gates,
.dy-star-sub-gates{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
}
.dy-story-gates{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:8px!important;
}
.dy-story-gates .dy-star-gate{
  padding:10px 12px!important;
  gap:0!important;
  border-radius:14px!important;
  box-shadow:none!important;
  min-height:44px!important;
  align-content:center!important;
  justify-items:center!important;
  text-align:center!important;
}
.dy-story-gates .dy-star-gate strong{
  font-size:14px!important;
  font-weight:750!important;
  letter-spacing:0!important;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  max-width:100%;
}
.dy-story-gates .dy-star-gate .section-kicker,
.dy-story-gates .dy-star-gate > span:last-child{
  display:none!important;
}
.dy-tv-gates{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
}
.dy-rank-period,
.dy-rank-kinds,
.dy-mini-gates{
  display:flex!important;
  flex-wrap:wrap!important;
  grid-template-columns:none!important;
  gap:8px!important;
}
.dy-mini-gates .dy-star-gate,
.dy-rank-period .dy-star-gate,
.dy-rank-kinds .dy-star-gate{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:36px!important;
  padding:0 14px!important;
  gap:0!important;
  border-radius:999px!important;
  box-shadow:none!important;
}
.dy-mini-gates .dy-star-gate strong,
.dy-rank-period .dy-star-gate strong,
.dy-rank-kinds .dy-star-gate strong{
  font-size:13px!important;
  font-weight:700!important;
  letter-spacing:0!important;
}
.dy-mini-gates .dy-star-gate .section-kicker,
.dy-mini-gates .dy-star-gate > span:last-child{
  display:none!important;
}
.library-discovery .library-search{margin:0 0 16px!important}
.dy-pic-gates .dy-star-gate,
.dy-star-sub-gates .dy-star-gate,
.dy-tv-gates .dy-star-gate{
  padding:16px 16px 14px!important;
}
.dy-pic-gates .dy-star-gate strong,
.dy-star-sub-gates .dy-star-gate strong,
.dy-tv-gates .dy-star-gate strong{
  font-size:clamp(16px,1.7vw,22px);
}
.dy-star-sub-gates .dy-star-gate.active,
.dy-star-sub-gates .dy-star-gate.is-on{
  border-color:color-mix(in srgb,var(--accent) 55%,var(--border))!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 28%,transparent),var(--shadow)!important;
  background:var(--card)!important;
  color:inherit!important;
}
.dy-star-gate .section-kicker{
  display:block;
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--text-muted);
}
.dy-star-gate strong{
  font-size:clamp(20px,2.2vw,26px);
  font-weight:800;
  letter-spacing:-.04em;
  color:var(--text);
  line-height:1.15;
}
.dy-star-gate > span:last-child{
  color:var(--text-soft);
  font-size:13px;
  line-height:1.55;
}
@media (max-width:1080px){
  .dy-pic-gates,
  .dy-star-sub-gates,
  .dy-tv-gates{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .dy-star-gates:not(.dy-star-sub-gates):not(.dy-pic-gates):not(.dy-tv-gates):not(.dy-mini-gates):not(.dy-story-gates){
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .dy-story-gates{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media (max-width:720px){
  .dy-star-gates:not(.dy-mini-gates){
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .dy-star-gates:not(.dy-mini-gates):not(.dy-story-gates) .dy-star-gate{
    padding:10px 12px!important;
    gap:0!important;
    min-height:44px!important;
    align-content:center!important;
    border-radius:14px!important;
    box-shadow:none!important;
  }
  .dy-star-gates:not(.dy-mini-gates):not(.dy-story-gates) .dy-star-gate .section-kicker,
  .dy-star-gates:not(.dy-mini-gates):not(.dy-story-gates) .dy-star-gate > span:last-child{
    display:none!important;
  }
  .dy-star-gates:not(.dy-mini-gates):not(.dy-story-gates) .dy-star-gate strong{
    font-size:15px!important;
    letter-spacing:0!important;
    font-weight:750!important;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    max-width:100%;
  }
  .dy-story-gates{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .dy-mini-gates,
  .dy-rank-period,
  .dy-rank-kinds{display:flex!important;grid-template-columns:none!important}
}

/* 图库详情 20260818ag */
.dy-pic-detail .dy-pic-hits{
  margin-left:auto;
  color:var(--text-muted);
  font-size:13px;
  font-weight:650;
  align-self:center;
}
.dy-pic-film{
  display:grid!important;
  grid-template-columns:88px minmax(0,1fr)!important;
  gap:14px!important;
  align-items:center!important;
  margin:0 0 16px!important;
  padding:14px!important;
  text-decoration:none!important;
  color:inherit!important;
  border-radius:var(--radius-2xl)!important;
}
.dy-pic-film-art{
  display:block!important;
  aspect-ratio:2/3!important;
  border-radius:var(--radius-lg)!important;
  background-size:cover!important;
  background-position:center!important;
  background-color:var(--surface-soft)!important;
  border:1px solid var(--border)!important;
}
.dy-pic-film-art.is-person{aspect-ratio:1!important;border-radius:50%!important}
.dy-pic-film-copy{display:grid;gap:4px;min-width:0}
.dy-pic-film-copy strong{
  font-size:18px;font-weight:800;letter-spacing:-.03em;color:var(--text);
}
.dy-pic-film-copy i,.dy-pic-film-copy b{
  font-style:normal;font-weight:500;color:var(--text-soft);font-size:13px;line-height:1.55;
}
.dy-pic-film-copy b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dy-pic-stage-panel{overflow:hidden}
.dy-pic-detail .dy-photo-stage img{
  width:100%;max-height:min(78vh,820px);object-fit:contain;
  background:color-mix(in srgb,var(--surface-strong) 80%,transparent);
}
.dy-photo-cap{margin:10px 0 0;text-align:center;color:var(--text-muted);font-size:13px}
.dy-pic-detail .dy-photo-nav a{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:36px;padding:0 16px;border-radius:999px;
  border:1px solid var(--border);background:var(--surface-soft);
  color:var(--text);text-decoration:none;font-size:13px;font-weight:700;
}
.dy-pic-thumbs{
  display:grid;grid-template-columns:repeat(8,minmax(0,1fr));
  gap:8px;margin-top:16px;
}
.dy-pic-thumbs a{
  aspect-ratio:1;border-radius:var(--radius-md);
  background-size:cover;background-position:center;
  border:2px solid transparent;display:block;
}
.dy-pic-thumbs a.is-on{border-color:var(--accent)}
.dy-pic-all{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.dy-pic-shot{
  display:block;border-radius:var(--radius-xl);overflow:hidden;
  background:var(--surface-soft);border:1px solid var(--border);
}
.dy-pic-shot img{display:block;width:100%;height:auto}
.dy-pic-copy{color:var(--text-soft);font-size:15px;line-height:1.8}
.dy-pic-copy img{max-width:100%;height:auto;border-radius:var(--radius-lg)}
.dy-pic-turn{
  display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 16px;
}
.dy-pic-turn a,.dy-pic-turn span{
  display:grid;gap:4px;padding:16px 18px;text-decoration:none;color:inherit;
  border-radius:var(--radius-2xl);
}
.dy-pic-turn em{font-style:normal;font-size:12px;color:var(--text-muted);font-weight:700}
.dy-pic-turn strong{font-size:16px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dy-pic-turn .is-empty{opacity:.55}
@media (max-width:820px){
  .dy-pic-all{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dy-pic-thumbs{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media (max-width:640px){
  .dy-pic-film{grid-template-columns:72px minmax(0,1fr)!important}
  .dy-pic-turn{grid-template-columns:1fr}
  .dy-pic-detail .dy-hub-chips{gap:8px}
  .dy-pic-detail .dy-pic-hits{margin-left:0;width:100%}
  .dy-pic-detail .dy-hub-hero h1,
  .dy-pic-film-copy strong,
  .dy-photo-cap,
  .dy-pic-turn strong,
  .dy-album-card strong{
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
  }
  .dy-pic-turn strong,
  .dy-album-card strong{
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    text-overflow:unset!important;
  }
}

/* 详情页：资料 Tab 单独一框，线路+选集单独一框 */
.zp-vod-detail .zp-vd-tabs-box{
  width:100%!important;
  max-width:none!important;
  margin:18px 0 14px!important;
  padding:10px 14px!important;
  background:var(--card)!important;
  border:1px solid var(--border)!important;
  border-radius:22px!important;
  box-shadow:var(--shadow-soft,var(--shadow));
  box-sizing:border-box!important;
}
.zp-vod-detail .zp-vd-tabs-box .detail-nav,
.zp-vod-detail .zp-vd-tabs-box .detail-nav-track{
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.zp-vod-detail #zp-playlist,
.zp-vod-detail .zp-vd-playbox{
  width:100%!important;
  max-width:none!important;
  background:var(--card)!important;
  border:1px solid var(--border)!important;
  border-radius:22px!important;
  box-shadow:var(--shadow-soft,var(--shadow));
  padding:14px 16px!important;
  margin:0 0 16px!important;
  box-sizing:border-box!important;
}
.zp-vod-detail #zp-playlist .vod-box,
.zp-vod-detail .zp-vd-playbox .vod-box,
.zp-vod-detail #zp-playlist .player-list,
.zp-vod-detail .zp-vd-playbox .player-list{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  margin:0!important;
}

/* 网站地图：跟全站主题色，修栏目索引字色 */
.zp-map-page{color:var(--text)!important}
.zp-map-jump a{
  background:var(--card)!important;
  border:1px solid var(--border)!important;
  color:var(--text)!important;
}
.zp-map-jump a:hover{
  background:var(--accent)!important;
  border-color:var(--accent)!important;
  color:var(--text-contrast,#fff)!important;
  transform:none;
}
.zp-map-panel{
  background:var(--card)!important;
  border:1px solid var(--border)!important;
  box-shadow:var(--shadow)!important;
}
.zp-map-panel:hover{
  transform:none;
  box-shadow:var(--shadow)!important;
}
.zp-map-panel-head{
  background:var(--surface-soft,var(--bg-elevated))!important;
  border-bottom:1px solid var(--border)!important;
}
.zp-map-num{color:var(--accent)!important}
.zp-map-panel-title h2,
.zp-map-panel-title h2 a{
  color:var(--text)!important;
}
.zp-map-panel-title h2 a:hover{color:var(--accent)!important}
.zp-map-panel-title span{
  color:var(--text-muted)!important;
}
.zp-map-enter{
  background:var(--accent)!important;
  color:var(--text-contrast,#fff)!important;
}
.zp-map-enter:hover{
  background:var(--accent)!important;
  filter:brightness(1.06);
  transform:none;
}
.zp-map-group h3{color:var(--text-muted)!important}
.zp-map-links > li > a{
  background:var(--surface-soft,var(--bg-elevated))!important;
  border:1px solid transparent!important;
  color:var(--text)!important;
}
.zp-map-links > li > a i{
  background:var(--accent)!important;
  box-shadow:none!important;
}
.zp-map-links > li > a:hover{
  transform:none;
  background:var(--card)!important;
  border-color:var(--border)!important;
  color:var(--accent)!important;
  box-shadow:none!important;
}
.zp-map-links > li > a:hover i{
  background:var(--accent)!important;
  box-shadow:none!important;
}
.zp-map-panel.is-more .zp-map-num{color:var(--accent)!important}
html.dark .zp-map-panel-head,
html.dark .zp-map-links > li > a:hover{
  background:var(--bg-elevated)!important;
}

/* 剧情页标题：去掉旧灰条/海军色，跟全站字色 */
.zp-story-page .story-title,
.zp-story-page h2.story-title,
.zp-story-page .article-content h2,
.zp-story-page .article-content h2.story-title,
.zp-story-body .story-title,
.zp-story-body h2.story-title,
h2.story-title,
.zp-story-page .story-h1,
.zp-story-body .story-h1,
h1.story-h1,
.zp-story-page .zp-story-eps-title,
.zp-story-page .zp-sec-head h2,
.zp-story-page .box-title h2{
  color:var(--text)!important;
  -webkit-text-fill-color:var(--text)!important;
  background:transparent!important;
  background-image:none!important;
  text-align:left!important;
  box-shadow:none!important;
  filter:none!important;
  opacity:1!important;
}
.zp-story-page .story-title,
.zp-story-page h2.story-title,
.zp-story-body .story-title,
h2.story-title{
  margin:0 0 12px!important;
  padding:0!important;
  line-height:1.4!important;
  font-size:1.05rem!important;
  font-weight:700!important;
  border:0!important;
}
.zp-story-page .article-content,
.zp-story-page .article-content p,
.zp-story-body .article-content,
.zp-story-body .article-content p{
  color:var(--text)!important;
  -webkit-text-fill-color:var(--text)!important;
  background:transparent!important;
}
.zp-story-page .story-h1,
.zp-story-body .story-h1,
h1.story-h1{
  border-left:3px solid var(--accent)!important;
  background:transparent!important;
  text-align:left!important;
}
.zp-story-page .zp-story-eps-title::before,
.zp-story-page .zp-sec-head h2:before,
.zp-story-page .zp-sec-head h2::before,
.zp-story-page .box-title h2:before,
.zp-story-page .box-title h2::before{
  background:var(--accent)!important;
}
html.dark .story-title,
html.dark h2.story-title,
html.dark .story-h1,
html.dark h1.story-h1,
.black .story-title,
.black .story-h1{
  color:var(--text)!important;
  -webkit-text-fill-color:var(--text)!important;
  background:transparent!important;
}

/* 影迷评价与外部参考：对齐 dyoo.com /mv/ut53 */
.review-highlights.page-section.zp-cm,
.review-highlights.dy-viewer-notes{
  display:grid!important;
  gap:12px!important;
  margin:16px 0 0!important;
  padding:16px!important;
  background:var(--card)!important;
  border:1px solid var(--border)!important;
  border-radius:var(--radius-lg)!important;
  box-shadow:var(--shadow)!important;
  overflow:visible!important;
  float:none!important;
  width:100%!important;
  max-width:none!important;
}
.review-head{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:14px!important;
}
.review-head h2{
  margin:4px 0 0!important;
  font-size:22px!important;
  font-weight:800!important;
  color:var(--text)!important;
  line-height:1.2!important;
}
.review-count{
  background:var(--surface-soft,var(--bg-elevated))!important;
  border:1px solid var(--border)!important;
  border-radius:999px!important;
  color:var(--text-soft)!important;
  font-size:13px!important;
  padding:7px 12px!important;
  white-space:nowrap;
}
.review-count em{
  font-style:normal!important;
  font-weight:800!important;
  color:var(--text)!important;
}
.external-review-notice{
  margin:0!important;
  border-left:2px solid var(--border-strong,var(--border))!important;
  color:var(--text-muted)!important;
  font-size:13px!important;
  line-height:1.65!important;
  padding-left:12px!important;
}
.review-filter-tags{display:none!important}
.review-composer{
  background:linear-gradient(135deg,color-mix(in srgb,var(--surface-soft,var(--bg-elevated)) 92%,transparent),color-mix(in srgb,var(--accent-soft) 22%,transparent))!important;
  border:1px solid var(--border)!important;
  border-radius:var(--radius-xl)!important;
  display:grid!important;
  gap:12px!important;
  padding:14px!important;
  margin:16px 0 0!important;
}
.review-composer-grid{
  display:grid!important;
  gap:12px!important;
}
.review-composer-grid.single-column{grid-template-columns:minmax(0,360px)!important}
.review-composer .field-row{
  display:grid!important;
  gap:10px!important;
  margin:0!important;
}
.review-composer .field-row > span{
  color:var(--text-soft)!important;
  font-size:14px!important;
}
.review-composer textarea.control-input,
.review-composer #comm_txt{
  background:var(--surface-strong)!important;
  border:1px solid var(--border)!important;
  border-radius:var(--radius-md)!important;
  color:var(--text)!important;
  min-height:112px!important;
  padding:14px!important;
  line-height:1.75!important;
  resize:vertical!important;
  width:100%!important;
  box-sizing:border-box!important;
}
.star-rating-head{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  color:var(--text-soft)!important;
}
.star-rating-head strong{color:var(--text)!important;font-size:13px!important}
.star-rating-control{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-height:46px!important;
}
.star-slider{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  padding:8px 10px!important;
  border:1px solid transparent!important;
  border-radius:var(--radius-md)!important;
  cursor:pointer!important;
  user-select:none!important;
  touch-action:none!important;
}
.star-slider:focus-visible{
  background:color-mix(in srgb,var(--warning,#b9822d) 8%,transparent)!important;
  border-color:color-mix(in srgb,var(--warning,#b9822d) 45%,var(--border))!important;
}
.star-track{
  position:relative!important;
  display:inline-flex!important;
  gap:5px!important;
  color:color-mix(in srgb,var(--text-muted) 52%,transparent)!important;
  font-size:26px!important;
  line-height:1!important;
  letter-spacing:.02em!important;
  white-space:nowrap!important;
}
.star-fill{
  position:absolute!important;
  inset:0 auto 0 0!important;
  overflow:hidden!important;
  pointer-events:none!important;
  width:var(--rating-percent,0%)!important;
  display:inline-flex!important;
  gap:5px!important;
  color:var(--warning,#b9822d)!important;
  font-size:26px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.rating-clear{
  background:var(--surface-soft,var(--bg-elevated))!important;
  border:1px solid var(--border)!important;
  border-radius:999px!important;
  color:var(--text-soft)!important;
  font-size:12px!important;
  min-height:34px!important;
  padding:0 11px!important;
}
.rating-clear:disabled{opacity:.42!important;cursor:default!important}
.review-composer-footer{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:12px!important;
  justify-content:flex-end!important;
}
.review-composer .spoiler-toggle,
.review-composer .emotion,
.review-composer .zp-cm-emo{
  display:none!important;
}
.review-composer .primary-button,
.review-composer #subcomm{
  margin-left:auto!important;
  background:var(--accent)!important;
  color:var(--text-contrast)!important;
  border:0!important;
  border-radius:var(--radius-md)!important;
  min-height:44px!important;
  padding:0 18px!important;
  font-weight:700!important;
}
.review-highlights .zp-cm-list,
.review-highlights #comment{
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.review-highlights .zp-cm-items,
.review-highlights .ui-comment,
.review-highlights .review-list .zp-cm-items{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  list-style:none!important;
  margin:0!important;
  padding:0!important;
}
.review-highlights .zp-cm-item,
.review-highlights .review-card{
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr)!important;
  gap:10px!important;
  margin:0!important;
  padding:12px!important;
  background:var(--surface-soft,var(--bg-elevated))!important;
  border:1px solid var(--border)!important;
  border-radius:var(--radius-lg)!important;
  box-shadow:none!important;
  float:none!important;
  width:auto!important;
  min-width:0!important;
}
.review-highlights .zp-cm-avatar,
.review-highlights .comment-avatar{
  display:block!important;
  visibility:visible!important;
  width:44px!important;
  min-width:44px!important;
  overflow:visible!important;
  float:none!important;
}
.review-highlights .zp-cm-avatar a,
.review-highlights .comment-avatar a{
  display:block!important;
  width:40px!important;
  height:40px!important;
}
.review-highlights .zp-cm-avatar img,
.review-highlights .comment-avatar img{
  display:block!important;
  visibility:visible!important;
  width:40px!important;
  height:40px!important;
  border-radius:50%!important;
  object-fit:cover!important;
  background:var(--surface-strong,#ddd)!important;
  opacity:1!important;
}
.review-highlights .comment-post-arrow,
.review-highlights .comment-lou{display:none!important}
.review-highlights .zp-cm-post,
.review-highlights .comment-post{
  background:transparent!important;border:0!important;padding:0!important;margin:0!important;
}
.review-highlights .zp-cm-empty,
.review-highlights .review-empty{
  display:block!important;
  grid-column:1/-1!important;
  padding:8px 2px!important;
  text-align:left!important;
  color:var(--text-muted)!important;
  background:transparent!important;
  border:0!important;
  font-size:14px!important;
}
.review-highlights .dy-vn-badge{
  display:inline-flex!important;
  align-items:center!important;
  height:20px!important;
  padding:0 7px!important;
  border-radius:999px!important;
  background:var(--accent-soft)!important;
  color:var(--text)!important;
  font-size:11px!important;
  font-weight:700!important;
  font-style:normal!important;
}
.review-highlights .zp-cm-captcha{
  display:flex!important;align-items:center!important;gap:8px!important;
}
@media (max-width:720px){
  .review-head{align-items:flex-start!important;flex-direction:column!important}
  .review-composer-grid.single-column{grid-template-columns:1fr!important}
  .review-composer .primary-button,
  .review-composer #subcomm{width:100%!important;margin-left:0!important}
  .review-highlights .zp-cm-items,
  .review-highlights .ui-comment,
  .review-highlights .review-list .zp-cm-items{
    grid-template-columns:1fr!important;
  }
}

/* 封面左上角「更新至第*集」完整显示 */
.cover-wrap .cover-flags,
.media-card .cover-flags{
  left:8px!important;
  right:8px!important;
  top:8px!important;
  justify-content:flex-start!important;
  max-width:calc(100% - 16px)!important;
  width:auto!important;
  pointer-events:none;
}
.cover-wrap .quality-flag,
.media-card .quality-flag,
span.quality-flag{
  max-width:100%!important;
  width:max-content!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
  flex:0 1 auto!important;
  line-height:1.25!important;
  padding:5px 9px!important;
  box-sizing:border-box!important;
}

/* ===== 播放页样式盖回（仅 .zp-play-*，不影响其他页）20260818bf ===== */
body.zp-play-body .zp-play-now{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:8px 12px!important;
  margin:0 0 12px!important;
  min-height:44px!important;
  padding:10px 14px!important;
  background:var(--card,var(--bg-elevated))!important;
  border:1px solid var(--border)!important;
  border-radius:14px!important;
  box-shadow:var(--shadow-soft,0 8px 24px rgba(15,23,42,.04))!important;
  font-size:13px!important;
  color:var(--text-soft)!important;
}
body.zp-play-body .zp-play-live{
  width:8px!important;height:8px!important;border-radius:50%!important;
  background:#ef4444!important;
  box-shadow:0 0 0 0 rgba(239,68,68,.55)!important;
  animation:zp-play-pulse 1.6s ease-out infinite!important;
}
@keyframes zp-play-pulse{
  0%{box-shadow:0 0 0 0 rgba(239,68,68,.55)}
  70%{box-shadow:0 0 0 10px rgba(239,68,68,0)}
  100%{box-shadow:0 0 0 0 rgba(239,68,68,0)}
}
body.zp-play-body .zp-play-now em{
  font-style:normal!important;font-size:11px!important;font-weight:800!important;letter-spacing:.08em!important;
  padding:3px 8px!important;border-radius:999px!important;
  background:color-mix(in srgb,var(--accent) 16%,transparent)!important;
  color:var(--accent)!important;
}
body.zp-play-body .zp-play-now strong{
  font-size:1.05rem!important;font-weight:800!important;color:var(--text)!important;
}
body.zp-play-body .zp-play-now i{
  font-style:normal!important;font-weight:700!important;
  padding:3px 8px!important;border-radius:8px!important;
  border:1px solid var(--border)!important;
  color:var(--accent)!important;
  background:color-mix(in srgb,var(--bg-elevated,var(--card,#fff)) 88%,transparent)!important;
}
body.zp-play-body .zp-play-theater .player-switch,
body.zp-play-body .zp-play-now .player-switch,
body.zp-play-body button.player-switch{display:none!important}

body.zp-play-body .zp-play-theater .zp-play-tool.play-tool{
  display:block!important;margin-top:12px!important;padding:0!important;
  background:transparent!important;border:0!important;
}
body.zp-play-body .zp-play-theater .zp-play-bar.remind-love{
  display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important;
  width:100%!important;padding:8px!important;
  background:var(--card,var(--bg-elevated))!important;
  border:1px solid var(--border)!important;
  border-radius:14px!important;
  box-shadow:var(--shadow-soft,0 8px 24px rgba(15,23,42,.04))!important;
}
body.zp-play-body .zp-play-theater .zp-play-tool .vod-sect,
body.zp-play-body .zp-play-theater .zp-play-tool .vod-rss{
  float:none!important;margin:0!important;
  display:inline-flex!important;align-items:center!important;
  position:relative!important;overflow:visible!important;
}
body.zp-play-body .zp-play-theater .zp-play-tool .sect-show{
  float:none!important;margin:0!important;
  display:none!important;position:static!important;
}
body.zp-play-body .zp-play-theater .zp-play-tool .user-bt.is-on > .sect-show,
body.zp-play-body .zp-play-theater .zp-play-tool .sect-show.is-on{
  display:inline-flex!important;
}
body.zp-play-body .zp-play-theater .zp-play-tool .user-bt.is-on > .sect-btn{display:none!important}
body.zp-play-body .zp-play-theater .zp-play-tool .user-bt:not(.is-on) > .sect-btn{display:inline-flex!important}
body.zp-play-body .zp-play-theater .zp-play-tool .remind-love a,
body.zp-play-body .zp-play-theater .zp-play-tool .sect-btn,
body.zp-play-body .zp-play-theater .zp-play-tool .cancel,
body.zp-play-body .zp-play-theater .zp-play-tool .digg_link,
body.zp-play-body .zp-play-theater .zp-play-tool .vod-errors,
body.zp-play-body .zp-play-theater .zp-play-tool .zp-play-chip{
  float:none!important;margin:0!important;
  display:inline-flex!important;align-items:center!important;gap:5px!important;
  height:34px!important;padding:0 12px!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--bg-elevated,var(--card,#fff)) 92%,transparent)!important;
  border:1px solid var(--border)!important;
  border-right:1px solid var(--border)!important;
  color:var(--text)!important;text-decoration:none!important;
  font-size:13px!important;font-weight:700!important;
  box-shadow:none!important;
}
body.zp-play-body .zp-play-theater .zp-play-tool .remind-love a:hover,
body.zp-play-body .zp-play-theater .zp-play-tool .zp-play-chip:hover{
  color:var(--text)!important;
  border-color:var(--accent)!important;
  background:color-mix(in srgb,var(--accent) 10%,transparent)!important;
}
body.zp-play-body .zp-play-theater .zp-play-tool .remind-love a .iconfont{font-size:15px!important;opacity:.9}
body.zp-play-body .zp-play-theater .zp-play-navbtn{
  float:none!important;margin-left:auto!important;margin-right:0!important;
  display:inline-flex!important;align-items:center!important;gap:8px!important;padding-left:0!important;
}
body.zp-play-body .zp-play-theater .zp-play-navbtn a,
body.zp-play-body .zp-play-theater .zp-play-chip.zp-play-epnav{
  background:var(--accent)!important;
  border-color:transparent!important;
  color:var(--text-contrast,#fff)!important;font-weight:800!important;
  height:34px!important;padding:0 14px!important;
  border-radius:999px!important;
}

body.zp-play-body .zp-play-phone-wrap{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  vertical-align:middle!important;
}
body.zp-play-body .zp-play-theater .zp-play-phone .iconfont{
  font-size:15px!important;line-height:1!important;color:inherit!important;
}
body.zp-play-body .zp-play-qr-mask{display:none!important}
body.zp-play-body .zp-play-qr-panel{
  display:none;
  position:absolute!important;
  left:0;bottom:calc(100% + 8px);z-index:40;
  width:196px;padding:12px;border-radius:14px;
  background:var(--card,var(--bg-elevated,#fff))!important;
  border:1px solid var(--border)!important;
  box-shadow:var(--shadow,0 12px 28px rgba(0,0,0,.18))!important;
  color:var(--text)!important;text-align:center;box-sizing:border-box;
}
body.zp-play-body .zp-play-phone-wrap.is-open .zp-play-qr-panel,
body.zp-play-body .zp-play-qr-panel:not([hidden]){display:block!important}
body.zp-play-body .zp-play-qr-panel p{
  margin:0 0 8px;font-size:12px;font-weight:800;color:var(--text)!important;
}
body.zp-play-body .zp-play-qr.qrcode-box,
body.zp-play-body .zp-play-qr-panel .qrcode-box{
  display:flex!important;align-items:center;justify-content:center;
  margin:0 auto;width:168px;height:168px;padding:6px;
  background:#fff!important;border-radius:10px;
  position:static!important;transform:none!important;left:auto!important;bottom:auto!important;
}
body.zp-play-body .zp-play-qr img,
body.zp-play-body .zp-play-qr-panel img{
  width:156px!important;height:156px!important;display:block;border-radius:6px;background:#fff;
}

body.zp-play-body .zp-play-theater .zp-play-source-head{
  display:block!important;height:0!important;
  margin:6px 0 10px!important;padding:0!important;
  border:0!important;border-bottom:1px solid var(--border)!important;
  overflow:hidden!important;font-size:0!important;line-height:0!important;
}
body.zp-play-body .zp-play-theater .zp-play-source-head > span{display:none!important}
body.zp-play-body .zp-play-theater .zp-play-source{margin-bottom:0!important}
body.zp-play-body .zp-play-theater .zp-play-sourcerow,
body.zp-play-body .zp-play-theater .zp-play-sourcerow.playe-more-list{
  margin-bottom:0!important;padding-bottom:2px!important;
}
body.zp-play-body .zp-play-theater .zp-play-ep-split{
  display:flex!important;align-items:center!important;gap:10px!important;
  margin:10px 0 12px!important;height:auto!important;min-height:0!important;
  width:100%!important;border:0!important;border-top:0!important;
}
body.zp-play-body .zp-play-theater .zp-play-ep-split::before{
  content:"";flex:0 0 28px;width:28px;height:3px;border-radius:999px;
  background:var(--accent)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent);
}
body.zp-play-body .zp-play-theater .zp-play-ep-split::after{
  content:"";flex:1 1 auto;height:1px;border-radius:999px;
  background:linear-gradient(90deg,var(--border),color-mix(in srgb,var(--border) 20%,transparent));
}

@media (max-width:900px){
  /* 手机/窄屏：选集已竖排展示，隐藏「展开/收起选集」 */
  body.zp-play-body .zp-play-theater .play-kai,
  body.zp-play-body .zp-play-theater button.play-kai,
  body.zp-play-body .zp-play-theater .zp-play-kai{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
    width:0!important;
    height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    opacity:0!important;
  }
}
@media (max-width:640px){
  body.zp-play-body .zp-play-theater .zp-play-phone-wrap{display:none!important}
}

/* 主题曲/经典台词/播出时间：顶部海报与简介放大 */
.zp-vd-hero.zp-vd-hero-mini{
  min-height:0;
}
.zp-vd-hero-mini .zp-vd-wrap.zp-vd-wrap-mini{
  padding:32px 20px 36px!important;
  grid-template-columns:180px minmax(0,1fr)!important;
  gap:28px!important;
  align-items:center!important;
}
.zp-vd-hero-mini .zp-vd-poster img{
  border-radius:16px;
  box-shadow:0 22px 48px rgba(0,0,0,.5);
}
.zp-vd-hero-mini .zp-vd-kicker{
  font-size:13px!important;
  margin-bottom:8px!important;
}
.zp-vd-hero-mini .zp-vd-title{
  font-size:clamp(28px,3.2vw,40px)!important;
  margin-bottom:14px!important;
  line-height:1.18!important;
}
.zp-vd-hero-mini .zp-vd-tags{
  gap:10px;
  margin-bottom:12px;
}
.zp-vd-hero-mini .zp-vd-tags a{
  padding:6px 12px;
  font-size:13px;
}
.zp-vd-hero-mini .zp-vd-mini-desc{
  margin:0 0 16px;
  max-width:52em;
  font-size:15px;
  line-height:1.7;
  color:rgba(255,255,255,.82);
}
.zp-vd-hero-mini .zp-vd-cta .zp-cta{
  padding:13px 24px;
  font-size:15px;
}
@media (max-width:1100px){
  .zp-vd-hero-mini .zp-vd-wrap.zp-vd-wrap-mini{
    grid-template-columns:148px minmax(0,1fr)!important;
    gap:22px!important;
  }
}
@media (max-width:900px){
  .zp-vd-hero-mini .zp-vd-wrap.zp-vd-wrap-mini{
    padding:22px 14px 24px!important;
    grid-template-columns:110px minmax(0,1fr)!important;
    gap:16px!important;
  }
  .zp-vd-hero-mini .zp-vd-title{
    font-size:clamp(22px,6vw,28px)!important;
    margin-bottom:10px!important;
  }
  .zp-vd-hero-mini .zp-vd-mini-desc{
    font-size:14px;
    line-height:1.65;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
}

/* 登录/提交提示：缺图时不用 alert.png / closed.png */
.zanpian-tips-tip,
.zanpian-tips-tip.alert,
.zanpian-tips-tip.error,
.zanpian-tips-tip.succ,
.zanpian-tips-tip.loadings,
.zanpian-tips-tip.loading{
  background-image:none!important;
}
.zanpian-tips-close .close{
  background-image:none!important;
  text-indent:0!important;
  overflow:visible!important;
  width:auto!important;
  height:auto!important;
  font-size:13px!important;
  line-height:1!important;
  opacity:.75!important;
}

/* == okdm detail-nav no-swiper cover == */
.zp-star-detail .detail-nav,
.zp-star-detail .zp-content-tabs{
  position:relative!important;
  z-index:2!important;
  height:auto!important;
  overflow:visible!important;
  margin:0 0 18px!important;
}
.zp-star-detail .detail-nav .swiper-wrapper,
.zp-star-detail .detail-nav .detail-nav-track,
.zp-star-detail .zp-content-tabs .swiper-wrapper,
.zp-star-detail .zp-content-tabs .detail-nav-track{
  position:relative!important;
  z-index:auto!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  width:100%!important;
  height:auto!important;
  transform:none!important;
}
.zp-star-detail .detail-nav .swiper-slide,
.zp-star-detail .detail-nav .nav-tab,
.zp-star-detail .zp-content-tabs .swiper-slide,
.zp-star-detail .zp-content-tabs .nav-tab{
  float:none!important;
  width:auto!important;
  height:auto!important;
  flex:0 0 auto!important;
  transform:none!important;
}
.zp-star-detail .star-box{
  position:relative!important;
  z-index:1!important;
  clear:both!important;
  overflow:visible!important;
}
/* == /okdm detail-nav no-swiper cover == */

/* == okdm hot-card-play contrast ==
   「详细」白底白字看不见：不用易漂的 CSS 变量，固定高对比。
*/
.hot-card-play,
.zp-page .hot-card-play,
.zp-star-detail .hot-card-play,
.star-box .hot-card-play,
a.hot-card-play{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  min-height:32px!important;
  padding:8px 16px!important;
  border-radius:999px!important;
  border:0!important;
  background:#101010!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1!important;
  text-decoration:none!important;
  box-shadow:none!important;
  opacity:1!important;
  filter:none!important;
  position:static!important;
  top:auto!important;
  right:auto!important;
  margin:0!important;
}
.hot-card-play:hover,
.zp-page .hot-card-play:hover,
.zp-star-detail .hot-card-play:hover,
a.hot-card-play:hover{
  background:#333!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  opacity:1!important;
}
html.dark .hot-card-play,
html.dark a.hot-card-play,
body.dark .hot-card-play{
  background:#fff!important;
  color:#101010!important;
  -webkit-text-fill-color:#101010!important;
}
html.dark .hot-card-play:hover,
html.dark a.hot-card-play:hover,
body.dark .hot-card-play:hover{
  background:#e8e8e8!important;
  color:#101010!important;
  -webkit-text-fill-color:#101010!important;
}
.hot-card-infos,
.zp-page .hot-card-infos,
.star-box .hot-card-infos{
  background:#f3eee2!important;
  color:#8a6a12!important;
  -webkit-text-fill-color:#8a6a12!important;
  border:0!important;
}
/* == /okdm hot-card-play contrast == */