/* site-craft · 站6 · 竹影夜绿 · 多色墨绿（异于站3樱纸 / 站4鎏金 / 站5方格） */
:root{
  --by-void:#040a06;
  --by-bg:#07140a;
  --by-surface:#0d1f12;
  --by-panel:#132818;
  --by-moss:#65a30d;
  --by-lime:#84cc16;
  --by-forest:#166534;
  --by-gold:#eab308;
  --by-teal:#2dd4bf;
  --by-coral:#fb7185;
  --by-text:#ecfccb;
  --by-muted:#86a888;
  --by-line:rgba(132,204,22,.28);
  --by-max:1160px;
  --by-pad:16px;
  --by-serif:"Noto Serif SC","Songti SC",serif;
  --by-sans:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
  color-scheme:dark;
}

body.vod-body[data-variant="bamboo-night"],
body.vod-body.body-by{
  --vod-primary:var(--by-moss);
  --vod-secondary:var(--by-gold);
  --vod-accent:var(--by-lime);
  --vod-hot:var(--by-coral);
  --vod-bg:var(--by-bg);
  --vod-surface:var(--by-surface);
  --vod-text:var(--by-text);
  --vod-muted:var(--by-muted);
  --vod-dark:var(--by-forest);
  --vod-line:var(--by-line);
  --vod-shadow:0 12px 36px rgba(0,0,0,.35);
  margin:0;
  min-height:100vh;
  color:var(--by-text);
  font-family:var(--by-sans);
  background:
    radial-gradient(720px 380px at 8% -6%, rgba(132,204,22,.18), transparent 55%),
    radial-gradient(520px 300px at 96% 18%, rgba(45,212,191,.1), transparent 50%),
    radial-gradient(480px 260px at 70% 100%, rgba(234,179,8,.08), transparent 48%),
    linear-gradient(180deg, #0b1a10 0%, var(--by-bg) 40%, var(--by-void) 100%);
  -webkit-font-smoothing:antialiased;
  overflow-x:clip;
}

/* 萤火虫式漂浮呼吸（异于站3樱漂 / 站4上升 / 站5斜向） */
body.vod-body .by-stars{
  position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;
}
body.vod-body .by-stars i{
  position:absolute;left:var(--lx);top:var(--ly);
  width:var(--s);height:var(--s);border-radius:50%;
  background:rgba(var(--c),.9);
  box-shadow:0 0 10px rgba(var(--c),.5);
  opacity:.3;
  animation:by-float var(--d) ease-in-out var(--delay) infinite alternate,
            by-breathe var(--bd) ease-in-out var(--bdelay) infinite;
}
body.vod-body .by-stars i.by-stars__leaf{
  border-radius:40% 10% 40% 10%;
  transform:rotate(28deg);
  background:linear-gradient(135deg, rgba(132,204,22,.95), rgba(22,101,52,.7));
  box-shadow:0 0 8px rgba(101,163,13,.4);
}
@keyframes by-float{
  0%{transform:translate3d(0,0,0) scale(.85)}
  50%{transform:translate3d(var(--dx),var(--dy),0) scale(1)}
  100%{transform:translate3d(calc(var(--dx)*-.4),calc(var(--dy)*-1.1),0) scale(.9)}
}
@keyframes by-breathe{
  0%,100%{opacity:.2;filter:brightness(1)}
  50%{opacity:.75;filter:brightness(1.4)}
}
@media (prefers-reduced-motion:reduce){
  body.vod-body .by-stars i{animation:none!important;opacity:.25}
}

body.vod-body .vod-topbar,
body.vod-body .vod-main,
body.vod-body .vod-foot{position:relative;z-index:1}

/* ===== 头部：竹节品牌簇 + 夜绿导航匣 + 全宽搜（异于站5测绘轨 / 站4影厅双栏）===== */
body.vod-body .vod-topbar{
  background:linear-gradient(180deg, rgba(10,24,14,.97), rgba(7,20,10,.94))!important;
  border-bottom:1px solid var(--by-line)!important;
  backdrop-filter:blur(14px);
  box-shadow:0 16px 48px rgba(0,0,0,.42)!important;
}
body.vod-body .by-top__mist{
  height:3px;width:100%;
  background:linear-gradient(90deg, var(--by-forest), var(--by-lime), var(--by-gold), var(--by-teal), var(--by-coral));
}
body.vod-body .vod-topbar__strip{
  display:flex!important;align-items:center;gap:16px;
  max-width:var(--by-max)!important;width:100%!important;margin:0 auto!important;
  padding:14px max(var(--by-pad), env(safe-area-inset-left)) 10px max(var(--by-pad), env(safe-area-inset-right))!important;
  box-sizing:border-box!important;
  background:transparent!important;
  background-image:none!important;
  min-height:0!important;
}
body.vod-body .vod-topbar__brand{
  display:inline-flex!important;align-items:center;gap:12px;
  text-decoration:none!important;color:inherit!important;flex-shrink:0;
}
body.vod-body .vod-topbar__logo{
  position:relative;
  width:44px;height:44px;display:grid;place-items:center;
  background:
    radial-gradient(circle at 30% 28%, rgba(236,252,203,.35), transparent 42%),
    linear-gradient(160deg, var(--by-lime) 0%, var(--by-moss) 48%, var(--by-forest) 100%);
  color:#041006!important;font-family:var(--by-serif)!important;
  font-weight:800;font-size:1.05rem;letter-spacing:.02em;
  border-radius:14px!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.28),
    0 0 0 1px rgba(234,179,8,.4),
    0 10px 22px rgba(101,163,13,.35);
}
body.vod-body .vod-topbar__logo::after{
  content:"";position:absolute;left:50%;bottom:5px;width:14px;height:2px;
  transform:translateX(-50%);border-radius:2px;background:rgba(4,16,6,.35);
}
body.vod-body .by-brand__text{
  display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;
}
body.vod-body .vod-topbar__name{
  font-family:var(--by-serif)!important;font-weight:700!important;
  font-size:1.28rem!important;line-height:1.1!important;
  color:var(--by-text)!important;letter-spacing:.06em;
}
body.vod-body .vod-topbar__badge,
body.vod-body .by-brand__em{
  display:inline-flex;align-items:center;margin:0!important;
  padding:3px 9px;border-radius:999px;
  background:rgba(132,204,22,.12);color:var(--by-lime)!important;
  font-family:var(--by-sans)!important;font-size:.68rem;font-weight:700;
  border:1px solid rgba(132,204,22,.28);letter-spacing:.02em;white-space:nowrap;
}
body.vod-body .vod-topbar__nav{
  display:flex!important;flex-wrap:nowrap;gap:4px;
  flex:0 1 auto;min-width:0;margin-left:auto;
  justify-content:flex-end;align-items:center;
  padding:5px!important;
  background:rgba(19,40,24,.78)!important;
  border:1px solid rgba(132,204,22,.28)!important;
  border-radius:999px!important;
  box-shadow:inset 0 1px 0 rgba(236,252,203,.06), 0 8px 20px rgba(0,0,0,.2);
  overflow-x:auto;-webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
body.vod-body .vod-topbar__nav::-webkit-scrollbar{display:none}
body.vod-body .vod-topbar__nav a{
  flex:0 0 auto;
  padding:8px 13px!important;border-radius:999px!important;
  font-weight:700!important;font-size:.86rem!important;
  color:rgba(236,252,203,.72)!important;text-decoration:none!important;
  border:1px solid transparent!important;
  transition:background .18s ease, color .18s ease, border-color .18s ease;
}
body.vod-body .vod-topbar__nav a:hover,
body.vod-body .vod-topbar__nav a:focus-visible{
  color:#041006!important;
  border-color:rgba(234,179,8,.35)!important;
  background:linear-gradient(135deg, var(--by-lime), var(--by-gold))!important;
}
body.vod-body .vod-topbar__tools{
  max-width:var(--by-max)!important;width:100%!important;margin:0 auto!important;
  padding:0 max(var(--by-pad), env(safe-area-inset-left)) 10px max(var(--by-pad), env(safe-area-inset-right))!important;
  box-sizing:border-box!important;
  background:transparent!important;border:0!important;
}
body.vod-body .vod-topbar__search{
  display:flex!important;align-items:center;gap:10px;
  width:100%!important;max-width:100%!important;
  padding:7px 8px 7px 16px!important;
  background:rgba(13,31,18,.95)!important;
  border:1px solid rgba(132,204,22,.32)!important;border-radius:999px!important;
  box-shadow:0 10px 28px rgba(0,0,0,.28), inset 0 1px 0 rgba(236,252,203,.05);
  transition:border-color .2s ease, box-shadow .2s ease;
}
body.vod-body .vod-topbar__search:focus-within{
  border-color:rgba(234,179,8,.55)!important;
  box-shadow:0 0 0 3px rgba(234,179,8,.14), 0 12px 30px rgba(0,0,0,.32);
}
body.vod-body .vod-topbar__search-icon{
  width:18px;height:18px;flex-shrink:0;color:var(--by-lime)!important;opacity:.9;
}
body.vod-body .vod-topbar__search input{
  flex:1;min-width:0;border:0!important;outline:0!important;
  background:transparent!important;color:var(--by-text)!important;
  font-size:16px!important;padding:9px 0!important;
}
body.vod-body .vod-topbar__search input::placeholder{color:rgba(134,168,136,.85)}
body.vod-body .vod-topbar__search .vod-btn--cta{
  background:linear-gradient(135deg, #f5d76e, var(--by-gold) 40%, #ca8a04)!important;
  color:#1a1400!important;border:0!important;border-radius:999px!important;
  font-weight:800!important;padding:11px 22px!important;min-height:42px;
  box-shadow:0 6px 18px rgba(234,179,8,.35)!important;
}
body.vod-body .vod-btn--cta{
  background:linear-gradient(135deg, #f5d76e, var(--by-gold) 40%, #ca8a04)!important;
  color:#1a1400!important;border:0!important;border-radius:999px!important;
  font-weight:800!important;padding:10px 18px!important;
  box-shadow:0 6px 16px rgba(234,179,8,.28)!important;
}
body.vod-body .vod-btn--cta:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 22px rgba(234,179,8,.38)!important;
  color:#1a1400!important;
}
body.vod-body .vod-btn--ghost{
  background:transparent!important;color:var(--by-lime)!important;
  border:1px solid var(--by-line)!important;border-radius:999px!important;
  font-weight:800!important;
}
body.vod-body .vod-btn--ghost:hover{
  background:rgba(132,204,22,.1)!important;
}
body.vod-body .vod-topbar__toggle{
  display:none;width:44px;height:44px;border-radius:12px!important;
  border:1px solid var(--by-line)!important;background:var(--by-panel)!important;
}
body.vod-body .by-seo-strip{
  max-width:var(--by-max);margin:0 auto;
  padding:0 max(var(--by-pad), env(safe-area-inset-left)) 12px max(var(--by-pad), env(safe-area-inset-right));
  display:flex;flex-wrap:wrap;align-items:center;gap:8px;
}
body.vod-body .by-seo-strip span{
  display:inline-flex;align-items:center;gap:6px;
  padding:4px 10px;border-radius:999px;
  font-size:.72rem;font-weight:700;letter-spacing:.02em;
  color:rgba(236,252,203,.78);
  background:rgba(19,40,24,.65);
  border:1px solid rgba(132,204,22,.18);
}
body.vod-body .by-seo-strip span:nth-child(1){border-color:rgba(132,204,22,.35);color:var(--by-lime)}
body.vod-body .by-seo-strip span:nth-child(2){border-color:rgba(234,179,8,.35);color:#fde68a}
body.vod-body .by-seo-strip span:nth-child(3){border-color:rgba(45,212,191,.35);color:#99f6e4}

/* ===== 中部：左文案 + 右竖版金选海报 ===== */
body.vod-body .vod-main{
  max-width:var(--by-max)!important;width:100%!important;
  margin:0 auto!important;
  padding:18px max(var(--by-pad), env(safe-area-inset-left)) 40px max(var(--by-pad), env(safe-area-inset-right))!important;
  box-sizing:border-box!important;
}
body.vod-body .vod-spotlight{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 240px!important;
  gap:24px!important;align-items:center!important;
  margin:0 0 20px!important;padding:24px!important;
  background:
    linear-gradient(135deg, rgba(19,40,24,.95), rgba(13,31,18,.88)),
    radial-gradient(400px 200px at 90% 10%, rgba(132,204,22,.18), transparent 60%)!important;
  border:1px solid var(--by-line)!important;
  border-radius:24px!important;
  box-shadow:inset 0 0 0 1px rgba(234,179,8,.08), 0 20px 50px rgba(0,0,0,.35)!important;
}
body.vod-body .vod-spotlight__content{min-width:0}
body.vod-body .vod-spotlight__eyebrow,
body.vod-body .by-hero__tag{
  display:inline-flex!important;align-items:center;gap:6px;
  margin:0 0 12px!important;padding:5px 12px!important;
  border-radius:999px!important;
  background:rgba(45,212,191,.14)!important;color:var(--by-teal)!important;
  font-size:.75rem!important;font-weight:800!important;letter-spacing:.04em;
  border:1px solid rgba(45,212,191,.3);
}
body.vod-body .vod-spotlight h1{
  margin:0 0 12px!important;
  font-family:var(--by-serif)!important;
  font-size:clamp(1.85rem,3.4vw,2.7rem)!important;
  line-height:1.15!important;color:var(--by-lime)!important;font-weight:700!important;
}
body.vod-body .vod-spotlight__lead{
  margin:0 0 20px!important;max-width:36em!important;
  color:var(--by-muted)!important;line-height:1.7!important;
}
body.vod-body .vod-spotlight__actions{display:flex;flex-wrap:wrap;gap:10px}
body.vod-body .vod-spotlight__deco{display:none!important}
body.vod-body .by-hero__poster{
  display:block;position:relative;width:100%;max-width:240px;
  margin:0!important;justify-self:end;
  border-radius:16px;overflow:hidden;
  aspect-ratio:3/4;
  border:2px solid rgba(132,204,22,.45);
  box-shadow:0 18px 40px rgba(0,0,0,.45), 0 0 0 6px rgba(234,179,8,.12);
  text-decoration:none;color:inherit;
}
body.vod-body .by-hero__poster img{
  width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:3/4;
}
body.vod-body .by-hero__poster span{
  position:absolute;left:0;right:0;bottom:0;padding:14px 12px 12px;
  background:linear-gradient(transparent, rgba(4,10,6,.92));
  font-weight:800;font-size:.9rem;color:#fff;
}

body.vod-body .vod-pills{
  display:flex!important;flex-wrap:wrap;gap:8px!important;
  margin:0 0 20px!important;padding:0!important;
  justify-content:flex-start!important;
}
body.vod-body .vod-pills__item{
  display:inline-flex!important;align-items:center;justify-content:center;
  min-height:40px;padding:0 14px!important;
  border-radius:999px!important;
  background:rgba(19,40,24,.9)!important;
  border:1px solid var(--by-line)!important;
  color:var(--by-text)!important;font-weight:700!important;
  text-decoration:none!important;
}
body.vod-body .vod-pills__item:nth-child(3n+1){border-color:rgba(132,204,22,.45)}
body.vod-body .vod-pills__item:nth-child(3n+2){border-color:rgba(234,179,8,.4)}
body.vod-body .vod-pills__item:nth-child(3n+3){border-color:rgba(45,212,191,.4)}

body.vod-body .vod-scroll-band,
body.vod-body .vod-stack-band{margin:0 0 22px!important;width:100%}
body.vod-body .vod-scroll-band__head,
body.vod-body .vod-stack-band__head{
  display:flex;align-items:center!important;justify-content:space-between;gap:12px;
  margin:0 0 14px!important;padding-bottom:8px!important;
  border-bottom:1px solid var(--by-line)!important;
}
body.vod-body .vod-scroll-band__head h2,
body.vod-body .vod-stack-band__head h2{
  margin:0!important;font-family:var(--by-serif)!important;
  font-size:1.2rem!important;color:var(--by-text)!important;
  display:flex;align-items:center;gap:8px;
}
body.vod-body .by-chip{
  display:inline-block;padding:2px 8px;border-radius:999px;
  font-size:.68rem;font-weight:800;background:var(--by-moss);color:#041006;
}
body.vod-body .by-chip--gold{background:var(--by-gold)}
body.vod-body .by-chip--teal{background:var(--by-teal);color:#042f2e}
body.vod-body .vod-scroll-band__icon{display:none!important}
body.vod-body .vod-stack-band__mark{
  width:8px;height:8px;border-radius:50%;background:var(--by-lime);
  box-shadow:0 0 0 4px rgba(132,204,22,.2);
}

/* 竖卡 3:4 · 竹影夜绿海报匣 */
body.vod-body .vod-card{
  min-width:0;max-width:100%;
  border-radius:18px;
  background:linear-gradient(180deg, rgba(19,40,24,.92), rgba(7,20,10,.96));
  border:1px solid rgba(132,204,22,.2);
  box-shadow:0 12px 28px rgba(0,0,0,.32), inset 0 1px 0 rgba(236,252,203,.04);
  overflow:hidden;
  transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
body.vod-body .vod-card__link{
  display:flex!important;flex-direction:column;min-width:0;height:100%;
  padding:8px 8px 12px;box-sizing:border-box;color:inherit;text-decoration:none!important;
}
body.vod-body .vod-card__poster{
  position:relative;margin:0!important;flex:0 0 auto;
  aspect-ratio:3/4!important;border-radius:14px!important;overflow:hidden;
  border:1px solid rgba(132,204,22,.28)!important;
  background:#041006;
  box-shadow:0 8px 18px rgba(0,0,0,.35);
}
body.vod-body .vod-card__poster::after{
  content:"";position:absolute;inset:auto 0 0 0;height:42%;
  background:linear-gradient(180deg, transparent, rgba(4,10,6,.88));
  pointer-events:none;z-index:1;
}
body.vod-body .vod-card__poster img,
body.vod-body .vod-card img{
  width:100%!important;height:100%!important;
  aspect-ratio:3/4!important;object-fit:cover!important;
  transition:transform .35s ease;
}
body.vod-body .vod-card__hot{
  position:absolute;top:8px!important;left:8px!important;right:auto!important;
  inset:auto auto auto 8px!important;
  border-radius:999px!important;padding:4px 10px!important;
  background:linear-gradient(135deg, #fb7185, #e11d48)!important;
  color:#fff!important;font-weight:800!important;font-size:.66rem!important;
  letter-spacing:.04em;border:0!important;
  box-shadow:0 6px 14px rgba(251,113,133,.35);
  z-index:2;
}
body.vod-body .vod-card__shade{
  position:absolute!important;left:0;right:0;bottom:0;z-index:2;
  display:block!important;margin:0!important;padding:10px 10px 9px!important;
  background:transparent!important;
}
body.vod-body .vod-card__shade p{display:none!important}
body.vod-body .vod-card__meta{
  display:inline-flex!important;align-items:center;gap:0;
  margin:0!important;padding:0!important;
  font-size:.68rem!important;font-weight:700!important;letter-spacing:.02em;
  color:rgba(236,252,203,.92)!important;
  text-shadow:0 1px 8px rgba(0,0,0,.55);
}
body.vod-body .vod-card__meta em{
  display:none!important;
}
body.vod-body .vod-card__title{
  margin:10px 4px 6px!important;padding:0!important;
  font-size:.9rem!important;font-weight:800!important;
  color:var(--by-text)!important;line-height:1.35!important;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;
  min-height:2.45em;
}
body.vod-body .vod-card__type{
  display:inline-flex!important;align-items:center;align-self:flex-start;
  margin:0 4px!important;padding:3px 9px!important;
  border-radius:999px!important;
  font-size:.7rem!important;font-weight:700!important;line-height:1.2!important;
  color:#d9f99d!important;
  background:rgba(132,204,22,.12)!important;
  border:1px solid rgba(132,204,22,.28)!important;
}
body.vod-body .vod-card:hover,
body.vod-body .vod-card:focus-within{
  transform:translateY(-4px);
  border-color:rgba(234,179,8,.45);
  box-shadow:0 18px 36px rgba(0,0,0,.42), 0 0 0 1px rgba(132,204,22,.18), inset 0 1px 0 rgba(236,252,203,.06);
}
body.vod-body .vod-card:hover .vod-card__poster,
body.vod-body .vod-card:focus-within .vod-card__poster{
  border-color:rgba(234,179,8,.5)!important;
  box-shadow:0 10px 22px rgba(0,0,0,.4), 0 0 0 3px rgba(234,179,8,.12);
}
body.vod-body .vod-card:hover .vod-card__poster img,
body.vod-body .vod-card:focus-within .vod-card__poster img{
  transform:scale(1.05);
}
body.vod-body .vod-card:hover .vod-card__title,
body.vod-body .vod-card:focus-within .vod-card__title{
  color:#fef9c3!important;
}
@media (prefers-reduced-motion:reduce){
  body.vod-body .vod-card,
  body.vod-body .vod-card__poster img{transition:none!important}
  body.vod-body .vod-card:hover,
  body.vod-body .vod-card:focus-within{transform:none}
  body.vod-body .vod-card:hover .vod-card__poster img{transform:none}
}
body.vod-body .vod-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(148px,1fr))!important;
  gap:16px!important;width:100%!important;
  align-items:stretch!important;
}
body.vod-body .vod-scroll-rail{
  display:flex!important;gap:14px;overflow-x:auto;padding:2px 2px 12px!important;
  scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
  margin:0!important;
}
body.vod-body .vod-scroll-rail .vod-card{
  flex:0 0 156px;scroll-snap-align:start;min-width:0;
}

/* ===== 分类：左侧竹帘栏 + 右侧竖卡墙 ===== */
body.vod-body .vod-cat-page{
  display:grid!important;
  grid-template-columns:240px minmax(0,1fr)!important;
  gap:18px!important;align-items:start!important;
  width:100%!important;
}
body.vod-body .vod-cat-sidebar{
  position:sticky;top:12px;
  background:rgba(19,40,24,.92)!important;
  border:1px solid var(--by-line)!important;
  border-left:4px solid var(--by-lime)!important;
  border-radius:18px!important;padding:16px!important;
  box-shadow:0 12px 30px rgba(0,0,0,.28);
}
body.vod-body .vod-cat-sidebar h1{
  font-family:var(--by-serif)!important;color:var(--by-lime)!important;
  margin:0 0 8px!important;
}
body.vod-body .vod-cat-sidebar > p{
  color:var(--by-muted)!important;font-size:.88rem!important;line-height:1.65!important;
}
body.vod-body .vod-cat-sidebar__filters{
  position:relative;
  display:grid!important;gap:8px!important;
  margin-top:14px!important;padding:14px!important;
  border-radius:16px!important;
  background:linear-gradient(165deg, rgba(7,20,10,.88), rgba(13,31,18,.72));
  border:1px solid rgba(132,204,22,.2)!important;
  box-shadow:inset 0 1px 0 rgba(236,252,203,.05), 0 10px 22px rgba(0,0,0,.22);
}
body.vod-body .vod-cat-sidebar__label{
  display:block!important;margin:6px 0 0!important;padding:0!important;
  font-size:.68rem!important;font-weight:800!important;letter-spacing:.1em!important;
  color:var(--by-teal)!important;line-height:1.2!important;
}
body.vod-body .vod-cat-sidebar__label:first-child{margin-top:0!important}
body.vod-body .vod-cat-sidebar__filters input,
body.vod-body .vod-cat-sidebar__filters select{
  width:100%!important;min-height:44px!important;box-sizing:border-box!important;
  padding:10px 16px!important;margin:0!important;
  font-size:15px!important;font-weight:600!important;line-height:1.3!important;
  color:var(--by-text)!important;
  background:rgba(4,10,6,.94)!important;
  border:1px solid rgba(132,204,22,.3)!important;
  border-radius:999px!important;
  outline:none!important;
  box-shadow:inset 0 1px 0 rgba(236,252,203,.04);
  transition:border-color .2s ease, box-shadow .2s ease, background .2s ease;
  -webkit-appearance:none;appearance:none;
}
body.vod-body .vod-cat-sidebar__filters input::placeholder{
  color:rgba(134,168,136,.88)!important;font-weight:500;
}
body.vod-body .vod-cat-sidebar__filters select{
  border-radius:14px!important;
  padding-right:40px!important;
  cursor:pointer;
  background-color:rgba(4,10,6,.94)!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%2384cc16' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:right 14px center!important;
  background-size:12px 8px!important;
}
body.vod-body .vod-cat-sidebar__filters select option{
  background:#0d1f12;color:var(--by-text);
}
body.vod-body .vod-cat-sidebar__filters input:hover,
body.vod-body .vod-cat-sidebar__filters select:hover{
  border-color:rgba(132,204,22,.55)!important;
  background:rgba(10,24,14,.98)!important;
}
body.vod-body .vod-cat-sidebar__filters input:focus,
body.vod-body .vod-cat-sidebar__filters select:focus{
  border-color:rgba(234,179,8,.55)!important;
  box-shadow:0 0 0 3px rgba(234,179,8,.14), inset 0 1px 0 rgba(236,252,203,.06)!important;
}
body.vod-body .vod-cat-main{min-width:0;width:100%}

/* ===== 播放：夜绿舞台 + 竹签 chips ===== */
body.vod-body .vod-player{
  display:grid!important;gap:14px!important;width:100%!important;margin:0!important;
}
body.vod-body .vod-player__screen{
  margin:0!important;border-radius:18px!important;overflow:hidden;
  border:1px solid var(--by-line)!important;
  box-shadow:0 0 0 4px rgba(101,163,13,.12), 0 20px 40px rgba(0,0,0,.4)!important;
  background:#000!important;
}
body.vod-body .vod-player__screen video,
body.vod-body #movie-player{
  width:100%!important;aspect-ratio:16/9!important;display:block;background:#000;
  border-radius:0!important;max-height:min(70vh,720px);object-fit:contain;
}
body.vod-body .vod-player__head{margin:0!important;padding:0!important}
body.vod-body .vod-player__title-row{
  display:flex!important;flex-wrap:wrap!important;
  align-items:center!important;justify-content:space-between!important;
  gap:10px 14px!important;margin:8px 0 0!important;
}
body.vod-body .vod-player__title-row h1,
body.vod-body .vod-player__head h1{
  font-family:var(--by-serif)!important;color:var(--by-lime)!important;
  margin:0!important;line-height:1.25!important;min-width:0;flex:1 1 220px;
}
body.vod-body .vod-player__chips{
  display:flex!important;flex-wrap:wrap!important;align-items:center!important;
  gap:8px!important;margin:0!important;flex:0 1 auto;
}
body.vod-body .vod-player__chip{
  border-radius:999px!important;padding:4px 10px!important;margin:0!important;
  background:rgba(132,204,22,.12)!important;border:1px solid var(--by-line)!important;
  color:var(--by-text)!important;font-weight:700!important;font-size:.78rem!important;
}
body.vod-body .vod-player__chip--hot{
  background:rgba(251,113,133,.16)!important;border-color:rgba(251,113,133,.4)!important;
  color:#fecdd3!important;
}
body.vod-body .vod-player__body{
  display:grid!important;grid-template-columns:minmax(0,1fr) 210px!important;
  gap:14px!important;align-items:stretch!important;
  margin:0!important;padding:4px 0 0!important;border:0!important;
}
body.vod-body .vod-player__synopsis{
  background:rgba(19,40,24,.9);border:1px solid var(--by-line);
  border-radius:16px;padding:16px;min-width:0;
}
body.vod-body .vod-player__synopsis h2{
  display:inline-block!important;width:auto!important;max-width:100%;
  margin:0 0 12px!important;padding:0 0 8px!important;
  color:var(--by-text)!important;border-bottom:2px solid var(--by-lime)!important;
  font-size:1rem!important;
}
body.vod-body .vod-player__aside{
  display:flex!important;flex-direction:column!important;gap:10px!important;
  padding:16px!important;border-radius:16px!important;
  background:rgba(19,40,24,.9)!important;border:1px solid var(--by-line)!important;
  align-self:stretch!important;justify-content:flex-start!important;
}
body.vod-body .vod-player__aside .vod-btn{width:100%;margin:0!important;justify-content:center}
body.vod-body .vod-crumb{
  margin:0 0 8px!important;display:flex;flex-wrap:wrap;gap:6px;align-items:center;
  font-size:.86rem!important;color:var(--by-muted)!important;
}
body.vod-body .vod-crumb a{color:var(--by-teal)!important}

/* ===== 尾部：夜绿雾带 + 圆角频道 ===== */
body.vod-body .vod-foot{
  margin-top:28px!important;
  background:linear-gradient(180deg, #0a160e, #040a06)!important;
  border-top:1px solid var(--by-line)!important;
}
body.vod-body .vod-foot__accent{
  height:3px!important;width:100%!important;max-width:none!important;
  margin:0!important;padding:0!important;
  background:linear-gradient(90deg, var(--by-lime), var(--by-gold), var(--by-teal), var(--by-coral))!important;
}
body.vod-body .by-foot__channels{
  max-width:var(--by-max)!important;width:100%!important;margin:0 auto!important;
  padding:20px max(var(--by-pad), env(safe-area-inset-left)) 8px max(var(--by-pad), env(safe-area-inset-right))!important;
  box-sizing:border-box!important;
}
body.vod-body .by-foot__label{
  display:block;margin-bottom:10px;font-size:.75rem;font-weight:800;
  letter-spacing:.08em;text-transform:uppercase;color:var(--by-gold);
}
body.vod-body .by-foot__pills{
  display:flex;flex-wrap:wrap;gap:8px;
}
body.vod-body .by-foot__pills a{
  display:inline-flex;align-items:center;min-height:38px;padding:0 14px;
  border-radius:999px;text-decoration:none!important;font-weight:700;font-size:.85rem;
  color:var(--by-text)!important;background:rgba(255,255,255,.04);
  border:1px solid rgba(132,204,22,.25);
}
body.vod-body .by-foot__pills a:nth-child(4n+1){border-color:rgba(234,179,8,.35)}
body.vod-body .by-foot__pills a:nth-child(4n+2){border-color:rgba(45,212,191,.35)}
body.vod-body .by-foot__pills a:nth-child(4n+3){border-color:rgba(251,113,133,.35)}
body.vod-body .vod-foot__inner{
  max-width:var(--by-max)!important;width:100%!important;margin:0 auto!important;
  padding:16px max(var(--by-pad), env(safe-area-inset-left)) 10px max(var(--by-pad), env(safe-area-inset-right))!important;
  box-sizing:border-box!important;
  display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)!important;gap:18px;
}
body.vod-body .vod-foot__logo{color:var(--by-lime)!important;font-family:var(--by-serif)!important;font-weight:700}
body.vod-body .vod-foot__tagline,
body.vod-body .by-foot__seo{color:var(--by-muted)!important;font-size:.85rem}
body.vod-body .vod-foot__bar{
  max-width:var(--by-max)!important;margin:0 auto!important;
  padding:10px max(var(--by-pad), env(safe-area-inset-left)) 22px max(var(--by-pad), env(safe-area-inset-right))!important;
  color:#5f7a62;font-size:.8rem;font-weight:600;
}

body.vod-body{
  -webkit-tap-highlight-color:transparent;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
body.vod-body .vod-btn,
body.vod-body .vod-topbar__nav a,
body.vod-body .vod-pills__item,
body.vod-body .vod-topbar__toggle{touch-action:manipulation}

@media (max-width:960px){
  body.vod-body .vod-spotlight{grid-template-columns:1fr!important}
  body.vod-body .by-hero__poster{max-width:220px;justify-self:center;margin:0 auto!important}
  body.vod-body .vod-cat-page{grid-template-columns:1fr!important}
  body.vod-body .vod-cat-sidebar{position:static}
  body.vod-body .vod-cat-sidebar__filters{
    grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr)!important;
    gap:10px!important;align-items:stretch!important;
  }
  body.vod-body .vod-cat-sidebar__label{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;border:0!important}
  body.vod-body .vod-cat-sidebar__filters input{grid-column:1;border-radius:14px!important}
  body.vod-body .vod-cat-sidebar__filters select:nth-of-type(1){grid-column:2}
  body.vod-body .vod-cat-sidebar__filters select:nth-of-type(2){grid-column:3}
  body.vod-body .vod-player__body{grid-template-columns:1fr!important}
  body.vod-body .vod-player__aside{flex-direction:row!important;flex-wrap:wrap}
  body.vod-body .vod-player__aside .vod-btn{width:auto;flex:1 1 140px}
  body.vod-body .vod-topbar__strip{flex-wrap:wrap}
  body.vod-body .vod-topbar__nav:not(.open){display:none!important}
  body.vod-body .vod-topbar__nav.open{
    display:flex!important;flex-wrap:wrap!important;width:100%;order:10;margin-top:8px;
    padding:8px!important;border-radius:16px!important;justify-content:flex-start;
  }
  body.vod-body .vod-topbar__toggle{display:inline-grid!important;place-items:center;gap:5px;margin-left:auto}
  body.vod-body .vod-topbar__toggle span{
    display:block;width:18px;height:2px;background:var(--by-lime);
  }
  body.vod-body .vod-foot__inner{grid-template-columns:1fr!important}
}
@media (max-width:640px){
  body.vod-body .vod-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.vod-body .vod-scroll-rail .vod-card{flex-basis:132px}
  body.vod-body .vod-topbar__badge,
  body.vod-body .by-brand__em{display:none}
  body.vod-body .by-seo-strip span:nth-child(n+3){display:none}
}

/* pack6-opt-cross */
body.vod-body{
  -webkit-tap-highlight-color:transparent;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  overscroll-behavior-x:none;
}
body.vod-body .vod-topbar__toggle,
body.vod-body .vod-topbar__search .vod-btn--cta,
body.vod-body .vod-btn,
body.vod-body .vod-topbar__nav a,
body.vod-body .vod-pills__item,
body.vod-body .by-foot__pills a{
  touch-action:manipulation;
}
body.vod-body .vod-topbar__toggle,
body.vod-body .vod-topbar__search .vod-btn--cta{
  min-width:44px;min-height:44px;
}
body.vod-body .vod-topbar__search input[type="search"],
body.vod-body .vod-cat-sidebar__filters input[type="search"]{
  font-size:16px!important;max-width:100%;
}
body.vod-body .vod-card,
body.vod-body .vod-pills__item{
  content-visibility:auto;
  contain-intrinsic-size:148px 240px;
}
body.vod-body .vod-player__screen video,
body.vod-body #movie-player{
  width:100%!important;max-width:100%!important;height:auto;display:block;background:#000;object-fit:contain;
}
@supports not (overflow:clip){
  body.vod-body.body-by{overflow-x:hidden}
}
@media (hover:none) and (pointer:coarse){
  body.vod-body .vod-topbar__nav a{padding:10px 12px!important}
  body.vod-body .vod-card__link{min-height:44px}
}
@media print{
  body.vod-body .by-stars,
  body.vod-body .vod-topbar__toggle,
  body.vod-body .vod-topbar__search{display:none!important}
  body.vod-body{background:#fff!important;color:#111!important}
}