/* 成品23 · asphalt-board · 沥青时刻表 · align ab3 */
.me-body[data-skin="asphalt-board"]{
  --ab-max:1200px;
  --ab-pad:16px;
  --ab-ink:#111827;
  --ab-haz:#f5d000;
  --ab-cyan:#00d4aa;
  --ab-stop:#ff3b5c;
  --ab-chalk:#f8fafc;
  --ab-muted:#4b5563;
  --ab-line:rgba(17,24,39,.14);
  --ab-concrete:#e4e7ec;
  background:
    linear-gradient(180deg,#eef1f5 0%,var(--ab-concrete) 40%,#d5dae3 100%),
    repeating-linear-gradient(-18deg,transparent,transparent 11px,rgba(17,24,39,.03) 11px,rgba(17,24,39,.03) 12px)!important;
  color:var(--ab-ink);
  font-family:"Noto Sans SC","Barlow Condensed",system-ui,sans-serif;
  min-height:100vh;
  overflow-x:clip;
}
.me-body[data-skin="asphalt-board"] .me-main,
.me-body[data-skin="asphalt-board"] .ab-main{
  position:relative;z-index:1;
  width:100%!important;
  max-width:var(--ab-max)!important;
  margin:0 auto!important;
  padding:16px var(--ab-pad) 48px!important;
  box-sizing:border-box!important;
}

/* 斜向信号刻度 */
.ab-ticks{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0}
.ab-ticks i{
  position:absolute;left:var(--ax);top:var(--ay);
  width:var(--aw);height:3px;
  background:rgba(var(--c),.5);
  transform:rotate(-28deg);
  animation:ab-drift var(--ad) linear var(--adelay) infinite;
  opacity:.45;
}
@keyframes ab-drift{
  0%{transform:translate3d(0,0,0) rotate(-28deg);opacity:0}
  15%{opacity:.6}
  100%{transform:translate3d(var(--dx),var(--dy),0) rotate(-28deg);opacity:0}
}
@media (prefers-reduced-motion:reduce){.ab-ticks i{animation:none;opacity:.28}}

/* 顶栏：胶带通栏 + shell 与主区同宽 */
.ab-head{
  position:sticky;top:0;z-index:40;
  background:rgba(248,250,252,.96);backdrop-filter:blur(10px);
  border-bottom:3px solid var(--ab-ink);
  width:100%;
}
.ab-head__tape{
  height:10px;width:100%;
  background:repeating-linear-gradient(-28deg,var(--ab-haz) 0 10px,var(--ab-ink) 10px 20px);
}
.ab-head__shell{
  width:100%;
  max-width:var(--ab-max);
  margin:0 auto;
  padding:0 var(--ab-pad);
  box-sizing:border-box;
}
.ab-head__bar{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  gap:12px 16px!important;
  padding:10px 0 0!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  box-sizing:border-box!important;
}
.ab-brand{
  display:flex;align-items:center;gap:10px;
  text-decoration:none!important;color:inherit!important;
  flex:0 0 auto;min-width:0;
}
.ab-brand__mark{
  width:42px;height:42px;border-radius:4px;flex:none;
  display:grid;place-items:center;
  font-family:"Barlow Condensed","Noto Sans SC",sans-serif;
  font-weight:900;font-size:1.2rem;letter-spacing:.04em;
  color:var(--ab-ink);background:var(--ab-haz);
  border:2px solid var(--ab-ink);
  box-shadow:3px 3px 0 var(--ab-ink);
}
.ab-brand__text{display:flex;flex-direction:column;line-height:1.1;min-width:0}
.ab-brand__text strong{
  font-family:"Barlow Condensed","Noto Sans SC",sans-serif;
  font-size:1.35rem;font-weight:800;color:var(--ab-ink);letter-spacing:.02em;
}
.ab-brand__text small{font-size:.7rem;color:var(--ab-muted);font-weight:700}
.ab-search{
  display:flex;align-items:stretch;
  flex:1 1 auto;min-width:0;max-width:440px;
  margin:0 auto;
  background:#fff;border:2px solid var(--ab-ink);border-radius:2px;overflow:hidden;
}
.ab-search input{
  flex:1;border:0;outline:0;padding:10px 14px;background:transparent;
  font:inherit;min-width:0;color:var(--ab-ink);
}
.ab-search button{
  border:0;padding:10px 16px;font-weight:900;cursor:pointer;flex:none;
  background:var(--ab-ink);color:var(--ab-haz);letter-spacing:.06em;
  font-family:"Barlow Condensed","Noto Sans SC",sans-serif;font-size:1.05rem;
}
.ab-toggle{
  width:42px;height:42px;border-radius:2px;border:2px solid var(--ab-ink);
  background:#fff;display:none;flex-direction:column;align-items:center;justify-content:center;gap:5px;
  flex:none;padding:0;cursor:pointer;
}
.ab-toggle span{display:block;width:18px;height:2px;background:var(--ab-ink)}
.ab-nav{
  display:flex;flex-wrap:wrap;gap:0;
  width:100%;
  margin:8px 0 0;
  padding:0;
  border-top:1px solid var(--ab-line);
  box-sizing:border-box;
}
.ab-nav a{
  text-decoration:none!important;color:var(--ab-muted)!important;font-weight:800;
  padding:10px 14px;font-size:.9rem;border-right:1px solid var(--ab-line);
  font-family:"Barlow Condensed","Noto Sans SC",sans-serif;letter-spacing:.04em;
  line-height:1.2;
}
.ab-nav a:hover{color:var(--ab-ink)!important;background:var(--ab-haz)}
.ab-nav a[aria-current="page"]{
  color:var(--ab-ink)!important;background:var(--ab-haz)!important;font-weight:900;
}
@media (max-width:820px){
  .ab-head__bar{flex-wrap:wrap!important}
  .ab-search{order:3;flex:1 1 100%;max-width:none;margin:0}
  .ab-toggle{display:flex;margin-left:auto}
  .ab-nav{display:none}
  .ab-nav.open{
    display:flex;flex-direction:column;
    background:#fff;border:2px solid var(--ab-ink);
    margin:8px 0;border-radius:2px;
  }
  .ab-nav.open a{border-right:0;border-bottom:1px solid var(--ab-line)}
}

/* 首屏：锁高，海报铺满右栏 */
.ab-hero{
  position:relative;z-index:1;
  margin:0 0 22px;
  background:var(--ab-ink);color:var(--ab-chalk);
  border:3px solid var(--ab-ink);
  box-shadow:6px 6px 0 rgba(17,24,39,.14);
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  height:clamp(280px,38vw,400px);
  min-height:280px;
  max-height:400px;
  box-sizing:border-box;
}
.ab-hero__board{
  padding:22px 24px;display:flex;flex-direction:column;justify-content:center;min-width:0;min-height:0;
  background-color:var(--ab-ink);
  background-image:
    linear-gradient(180deg,rgba(0,212,170,.08),transparent 40%),
    repeating-linear-gradient(0deg,transparent,transparent 31px,rgba(248,250,252,.06) 31px,rgba(248,250,252,.06) 32px);
}
.ab-hero__kicker{
  margin:0 0 10px;font-size:.75rem;font-weight:900;letter-spacing:.16em;
  color:var(--ab-haz);font-family:"Barlow Condensed","Noto Sans SC",sans-serif;
}
.ab-hero h1{
  margin:0 0 10px;font-family:"Barlow Condensed","Noto Sans SC",sans-serif;
  font-size:clamp(2rem,4.5vw,3.1rem);line-height:.95;font-weight:800;
  letter-spacing:.02em;color:#fff;
}
.ab-hero__desc{margin:0 0 16px;color:#cbd5e1;line-height:1.65;max-width:34em;font-size:.92rem}
.ab-hero__cta{display:flex;flex-wrap:wrap;gap:10px}
.ab-btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:11px 16px;border-radius:2px;font-weight:900;text-decoration:none!important;
  font-family:"Barlow Condensed","Noto Sans SC",sans-serif;letter-spacing:.06em;font-size:1.02rem;
  min-height:44px;box-sizing:border-box;
}
.ab-btn--hot{background:var(--ab-haz);color:var(--ab-ink)!important;border:2px solid var(--ab-haz)}
.ab-btn--ghost{background:transparent;color:var(--ab-cyan)!important;border:2px solid var(--ab-cyan)}
.ab-hero__screen{
  position:relative;min-width:0;min-height:0;height:100%;
  border-left:3px solid var(--ab-haz);background:#0b1220;
}
.ab-hero__screen a{
  position:absolute;inset:0;display:block;min-height:0;height:auto;
  text-decoration:none!important;
}
.ab-hero__screen img{
  position:absolute;inset:0;
  width:100%;height:100%;object-fit:cover;display:block;
  min-height:0!important;opacity:.9;
}
.ab-hero__badge{
  position:absolute;left:0;bottom:0;right:0;padding:10px 12px;z-index:2;
  background:linear-gradient(90deg,rgba(17,24,39,.94),rgba(17,24,39,.5));
  color:#fff;font-weight:800;font-size:.88rem;
  border-top:2px solid var(--ab-cyan);
  display:flex;justify-content:space-between;gap:10px;align-items:baseline;
}
.ab-hero__badge em{font-style:normal;color:var(--ab-haz);font-family:"Barlow Condensed",sans-serif;letter-spacing:.08em}
@media (max-width:900px){
  .ab-hero{
    grid-template-columns:1fr;
    height:auto;max-height:none;min-height:0;
  }
  .ab-hero__screen{
    border-left:0;border-top:3px solid var(--ab-haz);
    height:220px;
  }
}

/* 分区头 */
.me-body[data-skin="asphalt-board"] .me-section-head{
  display:flex!important;align-items:flex-end!important;justify-content:space-between;gap:12px;
  margin:12px 0 14px!important;padding:8px 0 10px 14px!important;
  border-bottom:3px solid var(--ab-ink)!important;
  background:linear-gradient(90deg,var(--ab-haz) 0 8px,transparent 8px);
  box-sizing:border-box;
}
.me-body[data-skin="asphalt-board"] .me-section-head > div{min-width:0}
.me-body[data-skin="asphalt-board"] .me-section-head h2{
  margin:0!important;font-size:1.22rem!important;font-weight:900!important;color:var(--ab-ink)!important;
  font-family:"Barlow Condensed","Noto Sans SC",sans-serif!important;letter-spacing:.04em;
}
.me-body[data-skin="asphalt-board"] .me-section-head p{margin:4px 0 0!important;color:var(--ab-muted)!important}
.me-body[data-skin="asphalt-board"] .me-section-head a{
  color:var(--ab-stop)!important;font-weight:900!important;text-decoration:none!important;flex:none;white-space:nowrap;
}

/* 区头：兼容母模 me-section-head + 插入的 section-head */
.me-body[data-skin="asphalt-board"] .section-block{margin:0 0 28px}
.me-body[data-skin="asphalt-board"] .section-head{
  display:flex!important;align-items:flex-end!important;justify-content:space-between;gap:12px;
  margin:12px 0 14px!important;padding:8px 0 10px 14px!important;
  border-bottom:3px solid var(--ab-ink)!important;
  background:linear-gradient(90deg,var(--ab-haz) 0 8px,transparent 8px);
  box-sizing:border-box;
}
.me-body[data-skin="asphalt-board"] .section-head > div{display:flex;align-items:center;gap:8px;min-width:0}
.me-body[data-skin="asphalt-board"] .section-head .section-icon{color:var(--ab-stop);font-weight:900}
.me-body[data-skin="asphalt-board"] .section-head h2{
  margin:0!important;font-size:1.22rem!important;font-weight:900!important;color:var(--ab-ink)!important;
  font-family:"Barlow Condensed","Noto Sans SC",sans-serif!important;letter-spacing:.04em;
}
.me-body[data-skin="asphalt-board"] .section-head a{
  color:var(--ab-stop)!important;font-weight:900!important;text-decoration:none!important;flex:none;white-space:nowrap;
}

/* 网格：等宽 + 含 movie-grid（新片等插入区块） */
.me-body[data-skin="asphalt-board"] .me-picks__row,
.me-body[data-skin="asphalt-board"] .me-catalog__grid,
.me-body[data-skin="asphalt-board"] .me-cat-grid,
.me-body[data-skin="asphalt-board"] .me-related__grid,
.me-body[data-skin="asphalt-board"] .me-channel-grid,
.me-body[data-skin="asphalt-board"] .movie-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;align-items:stretch!important;
  overflow:visible!important;
  padding:0!important;
  scroll-snap-type:none!important;
}
.me-body[data-skin="asphalt-board"] .me-channel-grid{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
}
.me-body[data-skin="asphalt-board"] .me-picks__row .me-card,
.me-body[data-skin="asphalt-board"] .me-catalog__grid .me-card,
.me-body[data-skin="asphalt-board"] .me-cat-grid .me-card,
.me-body[data-skin="asphalt-board"] .me-related__grid .me-card,
.me-body[data-skin="asphalt-board"] .movie-grid .me-card{
  flex:none!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  scroll-snap-align:unset!important;
}
@media (max-width:1100px){
  .me-body[data-skin="asphalt-board"] .me-picks__row,
  .me-body[data-skin="asphalt-board"] .me-catalog__grid,
  .me-body[data-skin="asphalt-board"] .me-cat-grid,
  .me-body[data-skin="asphalt-board"] .me-related__grid,
  .me-body[data-skin="asphalt-board"] .movie-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .me-body[data-skin="asphalt-board"] .me-channel-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media (max-width:820px){
  .me-body[data-skin="asphalt-board"] .me-picks__row,
  .me-body[data-skin="asphalt-board"] .me-catalog__grid,
  .me-body[data-skin="asphalt-board"] .me-cat-grid,
  .me-body[data-skin="asphalt-board"] .me-related__grid,
  .me-body[data-skin="asphalt-board"] .me-channel-grid,
  .me-body[data-skin="asphalt-board"] .movie-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
}

/* 频道 */
.me-body[data-skin="asphalt-board"] .me-channels{margin-bottom:28px}
.me-body[data-skin="asphalt-board"] .me-channel{
  display:grid!important;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;gap:2px 10px;
  align-items:center;
  padding:12px!important;min-width:0;
  background:#fff!important;border:2px solid var(--ab-ink)!important;border-radius:2px!important;
  text-decoration:none!important;color:var(--ab-ink)!important;
  box-shadow:3px 3px 0 rgba(17,24,39,.1)!important;
  box-sizing:border-box!important;
}
.me-body[data-skin="asphalt-board"] .me-channel:nth-child(6n+1){border-left:6px solid var(--ab-haz)!important}
.me-body[data-skin="asphalt-board"] .me-channel:nth-child(6n+2){border-left:6px solid var(--ab-cyan)!important}
.me-body[data-skin="asphalt-board"] .me-channel:nth-child(6n+3){border-left:6px solid var(--ab-stop)!important}
.me-body[data-skin="asphalt-board"] .me-channel:nth-child(6n+4){border-left:6px solid #38bdf8!important}
.me-body[data-skin="asphalt-board"] .me-channel:nth-child(6n+5){border-left:6px solid #a3e635!important}
.me-body[data-skin="asphalt-board"] .me-channel:nth-child(6n+6){border-left:6px solid #f97316!important}
.me-body[data-skin="asphalt-board"] .me-channel span{
  grid-row:1/3;align-self:center;color:var(--ab-ink)!important;font-weight:900;font-size:.85rem;
  font-family:"Barlow Condensed",sans-serif;background:var(--ab-haz);padding:6px 8px;border-radius:2px;
  margin:0!important;
}
.me-body[data-skin="asphalt-board"] .me-channel strong{
  font-size:1.02rem;color:var(--ab-ink)!important;margin:0!important;line-height:1.25;
}
.me-body[data-skin="asphalt-board"] .me-channel em{
  color:var(--ab-muted)!important;font-style:normal;font-weight:700;font-size:.76rem;margin:0!important;
}

/* 票根卡 */
.me-body[data-skin="asphalt-board"] .me-card{
  background:#fff!important;border-radius:2px!important;
  border:2px solid var(--ab-ink)!important;
  box-shadow:3px 3px 0 rgba(17,24,39,.08)!important;
  overflow:hidden;height:auto!important;align-self:stretch!important;
  transition:transform .18s ease,box-shadow .18s ease;
  min-width:0!important;
}
.me-body[data-skin="asphalt-board"] .me-card:hover{
  transform:translate(-2px,-2px);
  box-shadow:5px 5px 0 rgba(17,24,39,.14)!important;
}
.me-body[data-skin="asphalt-board"] .me-card__link{display:block!important;color:inherit!important;text-decoration:none!important}
.me-body[data-skin="asphalt-board"] .me-card__cover{
  position:relative!important;display:block!important;width:100%!important;
  /* 票根宽卡：16:9 比竖海报短一截，避免通栏时拖成「长封面」 */
  aspect-ratio:16/9!important;height:auto!important;max-height:none!important;
  overflow:hidden!important;
  background:linear-gradient(145deg,#6b7280,#374151)!important;
}
.me-body[data-skin="asphalt-board"] .me-card__cover::after{
  content:"";position:absolute;right:0;top:0;bottom:0;width:7px;z-index:2;
  background:repeating-linear-gradient(180deg,var(--ab-haz) 0 6px,var(--ab-ink) 6px 12px);
}
.me-body[data-skin="asphalt-board"] .me-card:nth-child(5n+2) .me-card__cover::after{
  background:repeating-linear-gradient(180deg,var(--ab-cyan) 0 6px,var(--ab-ink) 6px 12px);
}
.me-body[data-skin="asphalt-board"] .me-card:nth-child(5n+3) .me-card__cover::after{
  background:repeating-linear-gradient(180deg,var(--ab-stop) 0 6px,var(--ab-ink) 6px 12px);
}
.me-body[data-skin="asphalt-board"] .me-card:nth-child(5n+4) .me-card__cover::after{
  background:repeating-linear-gradient(180deg,#38bdf8 0 6px,var(--ab-ink) 6px 12px);
}
.me-body[data-skin="asphalt-board"] .me-card:nth-child(5n+5) .me-card__cover::after{
  background:repeating-linear-gradient(180deg,#a3e635 0 6px,var(--ab-ink) 6px 12px);
}
.me-body[data-skin="asphalt-board"] .me-card__cover img{
  position:absolute!important;inset:0!important;
  width:100%!important;height:100%!important;max-height:100%!important;
  object-fit:cover!important;object-position:center top!important;
  aspect-ratio:auto!important;margin:0!important;max-width:none!important;
  /* 压掉母模 img 2/3 竖比把封面撑高 */
  min-height:0!important;
}
.me-body[data-skin="asphalt-board"] .me-card__badge{
  position:absolute;left:0;top:0;z-index:3;
  padding:5px 10px;border-radius:0;font-size:.68rem;font-weight:900;
  background:var(--ab-stop)!important;color:#fff!important;
  font-family:"Barlow Condensed",sans-serif;letter-spacing:.06em;
}
.me-body[data-skin="asphalt-board"] .me-card__overlay{
  position:absolute;inset:0;z-index:1;
  display:grid;place-items:center;
  background:rgba(17,24,39,.28)!important;
  opacity:0;transition:opacity .18s ease;
}
.me-body[data-skin="asphalt-board"] .me-card:hover .me-card__overlay{opacity:1}
.me-body[data-skin="asphalt-board"] .me-card__info{
  padding:10px 12px 12px!important;background:#fff;
  border-top:2px dashed rgba(17,24,39,.2);
}
.me-body[data-skin="asphalt-board"] .me-card__info h3{
  margin:0 0 6px!important;font-size:.92rem!important;line-height:1.3!important;
  color:var(--ab-ink)!important;font-weight:900!important;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.me-body[data-skin="asphalt-board"] .me-card__meta{
  display:flex!important;flex-wrap:wrap;gap:4px!important;margin:0!important;
  font-size:.7rem!important;font-weight:700!important;
}
.me-body[data-skin="asphalt-board"] .me-card__meta span{
  display:inline-flex;padding:2px 6px;border-radius:0;
  background:var(--ab-concrete);color:var(--ab-muted)!important;border:1px solid var(--ab-line);
}
.me-body[data-skin="asphalt-board"] .me-card__meta span:first-child{
  background:var(--ab-ink)!important;color:var(--ab-haz)!important;border-color:var(--ab-ink)!important;font-weight:900!important;
}

/* compact 相关推荐：横排，不被 16:10 票根打散 */
.me-body[data-skin="asphalt-board"] .me-card--compact{
  box-shadow:2px 2px 0 rgba(17,24,39,.08)!important;
}
.me-body[data-skin="asphalt-board"] .me-card--compact .me-card__link{
  display:grid!important;
  grid-template-columns:72px minmax(0,1fr)!important;
  gap:10px!important;padding:8px!important;align-items:center!important;
}
.me-body[data-skin="asphalt-board"] .me-card--compact .me-card__cover{
  aspect-ratio:3/4!important;border-radius:2px;
}
.me-body[data-skin="asphalt-board"] .me-card--compact .me-card__cover::after{display:none!important}
.me-body[data-skin="asphalt-board"] .me-card--compact .me-card__info{
  padding:0!important;border-top:0!important;background:transparent!important;
}
.me-body[data-skin="asphalt-board"] .me-card--compact .me-card__badge{display:none}

/* 分类页：取消母模负边距撑破对齐 */
.me-body[data-skin="asphalt-board"] .me-cat-head{
  margin:0 0 18px!important;padding:20px 20px!important;border-radius:2px;
  background:var(--ab-ink)!important;color:#fff;
  border:0!important;border-top:8px solid var(--ab-haz)!important;
  box-shadow:5px 5px 0 rgba(17,24,39,.12);
  width:auto!important;max-width:none!important;
  box-sizing:border-box!important;
}
.me-body[data-skin="asphalt-board"] .me-cat-head h1{
  margin:8px 0;color:#fff!important;
  font-family:"Barlow Condensed","Noto Sans SC",sans-serif!important;
  letter-spacing:.04em;font-size:clamp(1.55rem,3vw,2.1rem)!important;
}
.me-body[data-skin="asphalt-board"] .me-cat-head p{color:#cbd5e1!important}
.me-body[data-skin="asphalt-board"] .me-cat-head__label{
  display:inline-flex;padding:4px 10px;border-radius:0;
  background:var(--ab-cyan);color:var(--ab-ink);font-weight:900;font-size:.78rem;
  font-family:"Barlow Condensed",sans-serif;letter-spacing:.1em;
}
.me-body[data-skin="asphalt-board"] .me-crumb{margin-bottom:10px}
.me-body[data-skin="asphalt-board"] .me-crumb a{color:inherit!important}
.me-body[data-skin="asphalt-board"] .me-filter-bar{
  display:flex!important;flex-wrap:wrap;gap:10px;margin:0 0 18px;padding:12px 14px;
  background:#fff;border:2px solid var(--ab-ink);border-radius:2px;
  box-sizing:border-box;
}
.me-body[data-skin="asphalt-board"] .me-filter{min-width:0}
.me-body[data-skin="asphalt-board"] .me-filter input,
.me-body[data-skin="asphalt-board"] .me-filter select{
  border:2px solid var(--ab-ink);border-radius:2px;padding:9px 12px;background:var(--ab-chalk);
  width:100%;box-sizing:border-box;
}

/* 播放页 */
.me-body[data-skin="asphalt-board"] .me-play{
  background:#fff;border:2px solid var(--ab-ink);border-radius:2px;
  padding:0;box-shadow:5px 5px 0 rgba(17,24,39,.1);overflow:hidden;
  margin-bottom:28px;
}
.me-body[data-skin="asphalt-board"] .me-play .me-crumb{
  padding:10px 14px;background:var(--ab-ink);color:#cbd5e1;margin:0;
  border-bottom:3px solid var(--ab-haz);
}
.me-body[data-skin="asphalt-board"] .me-play .me-crumb a{color:var(--ab-cyan)!important}
.me-body[data-skin="asphalt-board"] .me-play__layout{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,300px);
  gap:16px;padding:14px;align-items:start;
}
@media (max-width:960px){
  .me-body[data-skin="asphalt-board"] .me-play__layout{grid-template-columns:1fr}
}
.me-body[data-skin="asphalt-board"] .me-play__frame{
  border-radius:0;overflow:hidden;
  border:2px solid var(--ab-ink);
  border-top:6px solid var(--ab-haz);
  background:#000;
}
.me-body[data-skin="asphalt-board"] .me-play__frame video,
.me-body[data-skin="asphalt-board"] #movie-player{
  width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:contain;background:#000;max-width:100%;
}
.me-body[data-skin="asphalt-board"] .me-play__chips{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}
.me-body[data-skin="asphalt-board"] .me-play__chips span{
  display:inline-flex;padding:4px 8px;border-radius:0;
  background:var(--ab-ink);color:var(--ab-haz);font-weight:800;font-size:.78rem;
  font-family:"Barlow Condensed",sans-serif;letter-spacing:.04em;
}
.me-body[data-skin="asphalt-board"] .me-meta{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0;
}
@media (max-width:700px){
  .me-body[data-skin="asphalt-board"] .me-meta{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.me-body[data-skin="asphalt-board"] .me-play__synopsis,
.me-body[data-skin="asphalt-board"] .me-play__panel{
  background:var(--ab-concrete);border-radius:0;padding:12px;
  border:2px solid var(--ab-line);box-sizing:border-box;
}
.me-body[data-skin="asphalt-board"] .me-play__synopsis{margin:0 14px 14px}
.me-body[data-skin="asphalt-board"] .me-btn--primary{
  background:var(--ab-haz)!important;color:var(--ab-ink)!important;border:2px solid var(--ab-ink)!important;
  border-radius:2px!important;font-weight:900!important;
}
.me-body[data-skin="asphalt-board"] .me-related__grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
@media (min-width:900px){
  .me-body[data-skin="asphalt-board"] .me-related__grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

/* 页脚：胶带通栏，内文与主区同宽 */
.ab-foot{
  position:relative;z-index:1;margin-top:28px;
  background:var(--ab-ink);color:#cbd5e1;width:100%;
}
.ab-foot__tape{
  height:10px;width:100%;
  background:repeating-linear-gradient(-28deg,var(--ab-haz) 0 10px,var(--ab-ink) 10px 20px);
}
.ab-foot__inner{
  max-width:var(--ab-max);margin:0 auto;padding:22px var(--ab-pad) 28px;
  display:grid;gap:12px;box-sizing:border-box;width:100%;
}
.ab-foot__logo{
  color:var(--ab-haz)!important;font-weight:900;font-size:1.3rem;text-decoration:none!important;
  font-family:"Barlow Condensed","Noto Sans SC",sans-serif;letter-spacing:.06em;
}
.ab-foot__tag{margin:0;color:#94a3b8;line-height:1.7;max-width:52em}
.ab-foot__nav{display:flex;flex-wrap:wrap;gap:10px 16px}
.ab-foot__nav a{color:#e2e8f0!important;font-weight:800;text-decoration:none!important}
.ab-foot__nav a:hover{color:var(--ab-cyan)!important}
.ab-foot__seo{font-size:.78rem;color:#64748b}

.me-body[data-skin="asphalt-board"] .me-head,
.me-body[data-skin="asphalt-board"] .me-foot,
.me-body[data-skin="asphalt-board"] .gc-head,
.me-body[data-skin="asphalt-board"] .gc-foot{display:none!important}

@supports (padding:max(0px)){
  .ab-head{padding-top:env(safe-area-inset-top)}
  .ab-foot{padding-bottom:env(safe-area-inset-bottom)}
}
.ab-search input,.ab-search button,.ab-btn,.ab-nav a,.ab-toggle{
  -webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:44px;
}

/* pack23-cross · 跨端触摸与安全区 */
@supports (padding: max(0px)) {
  .me-body[data-skin="asphalt-board"] header.ab-head{padding-top:env(safe-area-inset-top)}
  .me-body[data-skin="asphalt-board"] footer.ab-foot{padding-bottom:env(safe-area-inset-bottom)}
}
.me-body[data-skin="asphalt-board"] .ab-search input,
.me-body[data-skin="asphalt-board"] .ab-search button,
.me-body[data-skin="asphalt-board"] .ab-btn,
.me-body[data-skin="asphalt-board"] .ab-nav a,
.me-body[data-skin="asphalt-board"] .ab-toggle,
.me-body[data-skin="asphalt-board"] .me-btn,
.me-body[data-skin="asphalt-board"] .me-filter input,
.me-body[data-skin="asphalt-board"] .me-filter select{
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
  min-height:44px;
}
.me-body[data-skin="asphalt-board"] video#movie-player,
.me-body[data-skin="asphalt-board"] .me-play__frame video{
  width:100%;max-width:100%;height:auto;display:block;
  aspect-ratio:16/9;object-fit:contain;background:#000;
}
.me-body[data-skin="asphalt-board"] img{max-width:100%;height:auto}
.me-body[data-skin="asphalt-board"] .me-main,
.me-body[data-skin="asphalt-board"] .ab-head__shell,
.me-body[data-skin="asphalt-board"] .ab-foot__inner{
  padding-left:max(var(--ab-pad,16px), env(safe-area-inset-left));
  padding-right:max(var(--ab-pad,16px), env(safe-area-inset-right));
}
@media (max-width:480px){
  .me-body[data-skin="asphalt-board"] .me-card__info h3{font-size:.86rem!important;line-height:1.3!important}
  .me-body[data-skin="asphalt-board"] .ab-brand__text small{max-width:9.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .me-body[data-skin="asphalt-board"] .ab-hero h1{font-size:clamp(1.7rem,8vw,2.2rem)!important}
  .me-body[data-skin="asphalt-board"] .me-meta{grid-template-columns:1fr 1fr!important}
  .me-body[data-skin="asphalt-board"] .ab-hero{height:auto!important;max-height:none!important}
}

/* pack23-cover-short · 强制宽卡短封面，压死母模 2/3 */
.me-body[data-skin="asphalt-board"] .me-card__cover,
.me-body[data-skin="asphalt-board"] .movie-grid .me-card__cover{
  aspect-ratio:16/9!important;
}
.me-body[data-skin="asphalt-board"] .me-card__cover img,
.me-body[data-skin="asphalt-board"] .movie-grid .me-card__cover img{
  position:absolute!important;inset:0!important;
  width:100%!important;height:100%!important;
  object-fit:cover!important;aspect-ratio:unset!important;
}

/* pack23-catboard · 分类页时刻表栏目卡 */
.me-body[data-skin="asphalt-board"] .ab-catboard{margin:0 0 28px}
.me-body[data-skin="asphalt-board"] .ab-catboard__head{
  margin:0 0 16px;padding:18px 16px 16px;
  background:var(--ab-ink,#111827);color:#f8fafc;
  border:2px solid var(--ab-ink,#111827);
  box-shadow:4px 4px 0 var(--ab-haz,#f5d000);
  border-radius:2px;
}
.me-body[data-skin="asphalt-board"] .ab-catboard__kicker{
  margin:0 0 6px;font-size:.72rem;font-weight:800;letter-spacing:.14em;
  color:var(--ab-haz,#f5d000);font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;
}
.me-body[data-skin="asphalt-board"] .ab-catboard__head h1{
  margin:0 0 8px;font-size:clamp(1.55rem,3.5vw,2rem);font-weight:900;
  font-family:"Barlow Condensed","Noto Sans SC",sans-serif;letter-spacing:.04em;color:#fff;
}
.me-body[data-skin="asphalt-board"] .ab-catboard__desc{
  margin:0;color:#cbd5e1;font-size:.9rem;line-height:1.55;max-width:36em;
}
.me-body[data-skin="asphalt-board"] .category-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
.me-body[data-skin="asphalt-board"] .overview-card{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  gap:10px 12px;align-items:center;
  padding:14px 14px 14px 12px!important;
  background:#fff!important;
  border:2px solid var(--ab-ink,#111827)!important;
  border-radius:2px!important;
  text-decoration:none!important;color:inherit!important;
  box-shadow:3px 3px 0 rgba(17,24,39,.1)!important;
  min-height:88px;box-sizing:border-box;
  transition:transform .15s ease,box-shadow .15s ease;
  -webkit-tap-highlight-color:transparent;touch-action:manipulation;
}
.me-body[data-skin="asphalt-board"] .overview-card:hover,
.me-body[data-skin="asphalt-board"] .overview-card:focus-visible{
  transform:translate(-2px,-2px);
  box-shadow:5px 5px 0 rgba(17,24,39,.16)!important;
  outline:none;
}
.me-body[data-skin="asphalt-board"] .overview-card:nth-child(5n+1){border-left:6px solid var(--ab-haz,#f5d000)!important}
.me-body[data-skin="asphalt-board"] .overview-card:nth-child(5n+2){border-left:6px solid var(--ab-cyan,#00d4aa)!important}
.me-body[data-skin="asphalt-board"] .overview-card:nth-child(5n+3){border-left:6px solid var(--ab-stop,#ff3b5c)!important}
.me-body[data-skin="asphalt-board"] .overview-card:nth-child(5n+4){border-left:6px solid #38bdf8!important}
.me-body[data-skin="asphalt-board"] .overview-card:nth-child(5n+5){border-left:6px solid #a3e635!important}
.me-body[data-skin="asphalt-board"] .overview-code{
  display:grid;place-items:center;
  width:42px;height:42px;flex:none;
  background:var(--ab-ink,#111827);color:var(--ab-haz,#f5d000);
  font-family:"Barlow Condensed",sans-serif;font-weight:800;font-size:1.05rem;
  letter-spacing:.04em;border-radius:2px;
}
.me-body[data-skin="asphalt-board"] .overview-card:nth-child(5n+2) .overview-code{color:var(--ab-cyan,#00d4aa)}
.me-body[data-skin="asphalt-board"] .overview-card:nth-child(5n+3) .overview-code{color:var(--ab-stop,#ff3b5c)}
.me-body[data-skin="asphalt-board"] .overview-card:nth-child(5n+4) .overview-code{color:#38bdf8}
.me-body[data-skin="asphalt-board"] .overview-card:nth-child(5n+5) .overview-code{color:#a3e635}
.me-body[data-skin="asphalt-board"] .overview-main{
  display:grid;gap:4px;min-width:0;
}
.me-body[data-skin="asphalt-board"] .overview-main strong{
  font-size:1.05rem;font-weight:900;color:var(--ab-ink,#111827);
  line-height:1.25;
}
.me-body[data-skin="asphalt-board"] .overview-main > span{
  font-size:.78rem;line-height:1.45;color:var(--ab-muted,#4b5563);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.me-body[data-skin="asphalt-board"] .overview-links{
  display:grid;gap:6px;justify-items:end;align-content:center;flex:none;
}
.me-body[data-skin="asphalt-board"] .overview-links span:first-child{
  font-size:.72rem;font-weight:800;color:var(--ab-muted,#4b5563);
  font-family:"Barlow Condensed",sans-serif;letter-spacing:.04em;
  padding:2px 6px;border:1px solid var(--ab-line,#d1d5db);background:var(--ab-concrete,#e4e7ec);
}
.me-body[data-skin="asphalt-board"] .overview-links span:last-child{
  font-size:.78rem;font-weight:900;color:#fff;
  background:var(--ab-stop,#ff3b5c);padding:5px 10px;border-radius:2px;
  white-space:nowrap;
}
.me-body[data-skin="asphalt-board"] .overview-card:hover .overview-links span:last-child{
  background:var(--ab-ink,#111827);color:var(--ab-haz,#f5d000);
}
/* 兼容旧 page-hero（若残留） */
.me-body[data-skin="asphalt-board"] .page-hero{
  margin:0 0 16px;padding:18px 16px;
  background:var(--ab-ink,#111827);color:#fff;border-radius:2px;
  box-shadow:4px 4px 0 var(--ab-haz,#f5d000);
}
.me-body[data-skin="asphalt-board"] .page-hero .eyebrow{color:var(--ab-haz,#f5d000);font-weight:800;font-size:.75rem;letter-spacing:.12em}
.me-body[data-skin="asphalt-board"] .page-hero h1{margin:6px 0;color:#fff;font-size:clamp(1.5rem,3vw,1.9rem)}
.me-body[data-skin="asphalt-board"] .page-hero p{margin:0;color:#cbd5e1;font-size:.9rem}
@media (max-width:820px){
  .me-body[data-skin="asphalt-board"] .category-grid{grid-template-columns:1fr!important;gap:10px!important}
}
@media (max-width:480px){
  .me-body[data-skin="asphalt-board"] .overview-card{
    grid-template-columns:auto minmax(0,1fr)!important;
    grid-template-rows:auto auto;
  }
  .me-body[data-skin="asphalt-board"] .overview-links{
    grid-column:2;justify-items:start;
    grid-auto-flow:column;gap:8px;align-items:center;
  }
}
@media (prefers-reduced-motion:reduce){
  .me-body[data-skin="asphalt-board"] .overview-card{transition:none}
}