/* site-craft · 站7 · 波普撞色 · 多色漫画描边（异于站6夜绿 / 站5网格蓝 / 站4紫金） */
:root{
  --pc-ink:#111827;
  --pc-yellow:#facc15;
  --pc-amber:#eab308;
  --pc-red:#ef4444;
  --pc-hot:#dc2626;
  --pc-cyan:#06b6d4;
  --pc-magenta:#d946ef;
  --pc-cream:#fffbeb;
  --pc-paper:#ffffff;
  --pc-muted:#4b5563;
  --pc-max:1160px;
  --pc-pad:18px;
  --pc-gutter:8px; /* 硬阴影留白，防裁切/视觉错位 */
  --pc-sans:"Rubik","Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
  --pc-shadow:5px 5px 0 var(--pc-ink);
  --pc-shadow-red:5px 5px 0 var(--pc-hot);
  --pc-shadow-cyan:5px 5px 0 var(--pc-cyan);
  /* 压过 layout-fix 的 1200，头/中/尾同宽 */
  --lf-max:1160px;
  --lf-pad:18px;
  color-scheme:light;
}

body.mg-body[data-variant="pop-clash"],
body.mg-body.body-pc{
  --mg-gold:var(--pc-amber);
  --mg-gold-light:var(--pc-yellow);
  --mg-cta:var(--pc-hot);
  --mg-blue:var(--pc-cyan);
  --mg-bg:var(--pc-cream);
  --mg-surface:var(--pc-paper);
  --mg-surface-2:#fef3c7;
  --mg-text:var(--pc-ink);
  --mg-muted:var(--pc-muted);
  --mg-line:rgba(17,24,39,.9);
  margin:0;
  min-height:100vh;
  color:var(--pc-ink);
  font-family:var(--pc-sans);
  background:
    radial-gradient(circle at 12% 8%, rgba(250,204,21,.45), transparent 28%),
    radial-gradient(circle at 88% 12%, rgba(239,68,68,.18), transparent 26%),
    radial-gradient(circle at 70% 90%, rgba(6,182,212,.16), transparent 30%),
    radial-gradient(circle at 20% 78%, rgba(217,70,239,.1), transparent 28%),
    repeating-linear-gradient(0deg, transparent, transparent 22px, rgba(17,24,39,.03) 22px, rgba(17,24,39,.03) 23px),
    var(--pc-cream);
  -webkit-font-smoothing:antialiased;
  overflow-x:clip;
}

/* 波普星点：横飘 + 呼吸缩放（异于站6萤火虫上下漂） */
body.mg-body .pc-stars{
  position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden;
}
body.mg-body .pc-stars i{
  position:absolute;left:var(--lx);top:var(--ly);
  width:var(--s);height:var(--s);border-radius:50%;
  background:rgb(var(--c));
  box-shadow:0 0 0 2px rgba(17,24,39,.2);
  opacity:.55;
  animation:pc-drift var(--d) linear infinite, pc-breathe var(--bd) ease-in-out infinite;
  animation-delay:var(--delay), var(--bdelay);
}
body.mg-body .pc-stars i.pc-stars__spark{
  border-radius:2px;transform:rotate(45deg);
  box-shadow:2px 2px 0 rgba(17,24,39,.35);
}
@keyframes pc-drift{
  0%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(var(--dx), var(--dy), 0) scale(1.15)}
  100%{transform:translate3d(calc(var(--dx) * -1), calc(var(--dy) * .4), 0) scale(.9)}
}
@keyframes pc-breathe{
  0%,100%{opacity:.22}
  50%{opacity:.85}
}
@media (prefers-reduced-motion:reduce){
  body.mg-body .pc-stars i{animation:none!important;opacity:.35}
}

body.mg-body .mg-main,
body.mg-body .mg-header,
body.mg-body .mg-footer{
  position:relative;z-index:1;
}
body.mg-body .mg-main{
  max-width:var(--pc-max)!important;width:100%!important;margin:0 auto!important;
  padding:16px max(calc(var(--pc-pad) + var(--pc-gutter)), env(safe-area-inset-left)) 48px max(var(--pc-pad), env(safe-area-inset-right))!important;
  padding-right:max(calc(var(--pc-pad) + var(--pc-gutter)), env(safe-area-inset-right))!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}

/* ===== 头：漫画黄条 + 贴纸导航（异于站6胶囊顶栏） ===== */
body.mg-body .mg-header.pc-top{
  position:sticky;top:0;z-index:40;
  background:var(--pc-yellow)!important;
  border-bottom:4px solid var(--pc-ink)!important;
  box-shadow:0 6px 0 rgba(220,38,38,.35);
  backdrop-filter:none!important;
  width:100%!important;max-width:100%!important;
  left:auto!important;right:auto!important;
}
body.mg-body .pc-top__bar{
  max-width:var(--pc-max)!important;width:100%!important;margin:0 auto!important;
  padding:12px max(var(--pc-pad), env(safe-area-inset-left)) 8px max(var(--pc-pad), env(safe-area-inset-right))!important;
  display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:12px 16px!important;
  box-sizing:border-box!important;
}
body.mg-body .pc-top__brand{
  display:inline-flex!important;align-items:center;gap:10px;
  text-decoration:none!important;color:var(--pc-ink)!important;min-width:0;
}
body.mg-body .pc-top__mark{
  width:46px;height:46px;flex:0 0 auto;
  display:grid;place-items:center;
  background:var(--pc-hot);color:#fff;
  border:3px solid var(--pc-ink);border-radius:50%;
  font-family:var(--pc-sans);font-weight:900;font-size:.85rem;
  letter-spacing:.02em;
  box-shadow:3px 3px 0 var(--pc-ink);
  transform:rotate(-8deg);
}
body.mg-body .pc-top__name{
  font-weight:900;font-size:1.2rem;line-height:1.1;
  letter-spacing:.02em;
}
body.mg-body .pc-top__em{
  display:block;margin-top:2px;
  font-size:.72rem;font-weight:800;color:var(--pc-hot);
}
body.mg-body .pc-top__search{
  flex:1 1 220px;display:flex!important;align-items:center;gap:8px;
  min-width:0;max-width:min(480px,100%);margin-left:auto!important;margin-right:0!important;
  padding:6px 6px 6px 12px!important;
  background:var(--pc-paper)!important;
  border:3px solid var(--pc-ink)!important;border-radius:0!important;
  box-shadow:4px 4px 0 var(--pc-cyan);
  overflow:visible!important;
}
body.mg-body .pc-top__search input{
  flex:1;min-width:0;border:0!important;outline:0!important;
  background:transparent!important;color:var(--pc-ink)!important;
  font-size:16px!important;font-weight:700;padding:8px 0!important;
}
body.mg-body .pc-top__search input::placeholder{color:#9ca3af;font-weight:600}
body.mg-body .pc-top__search .mg-btn--cta,
body.mg-body .pc-top .mg-btn--cta{
  background:var(--pc-hot)!important;color:#fff!important;
  border:3px solid var(--pc-ink)!important;border-radius:0!important;
  font-weight:900!important;padding:10px 16px!important;
  box-shadow:3px 3px 0 var(--pc-ink)!important;
}
body.mg-body .pc-top__burger{
  display:none;width:44px;height:44px;padding:0;margin:0;
  border:3px solid var(--pc-ink);background:var(--pc-paper);
  box-shadow:3px 3px 0 var(--pc-ink);cursor:pointer;
}
body.mg-body .pc-top__burger span{
  display:block;width:18px;height:3px;margin:4px auto;background:var(--pc-ink);
}
body.mg-body .pc-top__nav{
  width:100%!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important;
  padding:0 max(var(--pc-pad), env(safe-area-inset-left)) 10px max(var(--pc-pad), env(safe-area-inset-right))!important;
  box-sizing:border-box!important;max-width:var(--pc-max)!important;margin:0 auto!important;
}
body.mg-body .pc-top__nav a{
  display:inline-flex;align-items:center;
  padding:7px 12px!important;
  background:var(--pc-paper)!important;color:var(--pc-ink)!important;
  border:2px solid var(--pc-ink)!important;border-radius:0!important;
  text-decoration:none!important;font-weight:800!important;font-size:.86rem;
  box-shadow:3px 3px 0 var(--pc-ink);
  transition:transform .15s ease, box-shadow .15s ease;
}
body.mg-body .pc-top__nav a:nth-child(3n+1){box-shadow:3px 3px 0 var(--pc-hot)}
body.mg-body .pc-top__nav a:nth-child(3n+2){box-shadow:3px 3px 0 var(--pc-cyan)}
body.mg-body .pc-top__nav a:nth-child(3n){box-shadow:3px 3px 0 var(--pc-magenta)}
body.mg-body .pc-top__nav a:hover{
  transform:translate(-2px,-2px);
  box-shadow:5px 5px 0 var(--pc-ink);
}
body.mg-body .pc-top__stickers{
  display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important;
  max-width:var(--pc-max)!important;width:100%!important;margin:0 auto!important;
  padding:0 max(var(--pc-pad), env(safe-area-inset-left)) 12px max(var(--pc-pad), env(safe-area-inset-right))!important;
  box-sizing:border-box!important;
}
body.mg-body .pc-top__stickers span{
  display:inline-flex;align-items:center;
  padding:4px 10px;font-size:.72rem;font-weight:900;
  border:2px solid var(--pc-ink);background:var(--pc-paper);
  box-shadow:2px 2px 0 var(--pc-ink);
}
body.mg-body .pc-top__stickers span:nth-child(1){background:var(--pc-yellow)}
body.mg-body .pc-top__stickers span:nth-child(2){background:var(--pc-hot);color:#fff}
body.mg-body .pc-top__stickers span:nth-child(3){background:var(--pc-cyan);color:#fff}

/* hide legacy quick strip when rebuilt */
body.mg-body .mg-header__quick{display:none!important}

/* ===== 中：漫画分镜首屏（海报在左，文案在右 — 异于站6左文右图） ===== */
body.mg-body .pc-hero{
  display:grid!important;
  grid-template-columns:minmax(200px,280px) minmax(0,1fr)!important;
  gap:0!important;align-items:stretch!important;
  width:100%!important;max-width:100%!important;
  margin:4px 0 24px!important;padding:0!important;
  background:var(--pc-paper)!important;
  border:4px solid var(--pc-ink)!important;border-radius:0!important;
  box-shadow:var(--pc-shadow-red)!important;
  overflow:hidden;box-sizing:border-box!important;
}
body.mg-body .pc-hero__poster{
  position:relative;display:block;min-height:0;height:100%;
  border-right:4px solid var(--pc-ink);background:#111;
  text-decoration:none!important;color:inherit;overflow:hidden;
}
body.mg-body .pc-hero__poster img{
  width:100%!important;height:100%!important;min-height:260px;max-height:420px;
  object-fit:cover!important;aspect-ratio:auto!important;display:block;
}
body.mg-body .pc-hero__poster span{
  position:absolute;left:0;right:0;bottom:0;
  padding:14px 12px 12px;
  background:linear-gradient(transparent, rgba(17,24,39,.88));
  color:#fff;font-weight:900;font-size:.95rem;
}
body.mg-body .pc-hero__copy{
  padding:22px 22px 20px;display:flex;flex-direction:column;justify-content:center;gap:10px;
  background:
    linear-gradient(135deg, rgba(250,204,21,.35), transparent 45%),
    linear-gradient(225deg, rgba(6,182,212,.12), transparent 40%),
    var(--pc-paper);
}
body.mg-body .pc-hero__tag{
  display:inline-flex;align-self:flex-start;margin:0!important;
  padding:5px 10px;font-size:.75rem;font-weight:900;
  background:var(--pc-cyan);color:#fff;
  border:2px solid var(--pc-ink);box-shadow:3px 3px 0 var(--pc-ink);
}
body.mg-body .pc-hero h1{
  margin:0!important;font-family:var(--pc-sans)!important;
  font-weight:900!important;font-size:clamp(2rem,4.5vw,3.2rem)!important;
  line-height:1.05!important;letter-spacing:-.02em;
  color:var(--pc-ink)!important;
  text-shadow:3px 3px 0 var(--pc-yellow);
}
body.mg-body .pc-hero__lead{
  margin:0!important;color:var(--pc-muted)!important;
  font-size:1rem!important;font-weight:600;line-height:1.65!important;max-width:36em;
}
body.mg-body .pc-hero__actions{
  display:flex;flex-wrap:wrap;gap:10px;margin-top:6px;
}
body.mg-body .pc-hero__actions a,
body.mg-body .primary-btn,
body.mg-body .mg-btn--cta{
  display:inline-flex;align-items:center;justify-content:center;
  padding:11px 18px!important;font-weight:900!important;
  text-decoration:none!important;border-radius:0!important;
  border:3px solid var(--pc-ink)!important;
}
body.mg-body .pc-hero__actions a:first-child,
body.mg-body .primary-btn{
  background:var(--pc-hot)!important;color:#fff!important;
  box-shadow:4px 4px 0 var(--pc-ink)!important;
}
body.mg-body .pc-hero__actions a:not(:first-child),
body.mg-body .ghost-btn{
  background:var(--pc-yellow)!important;color:var(--pc-ink)!important;
  box-shadow:4px 4px 0 var(--pc-cyan)!important;
}

/* 旧轮播退居次要：若仍在则压成漫画条 */
body.mg-body .mg-hero:not(.pc-hero){
  border:3px solid var(--pc-ink)!important;border-radius:0!important;
  box-shadow:5px 5px 0 var(--pc-cyan)!important;background:var(--pc-paper)!important;
  margin-bottom:18px!important;
}
body.mg-body .mg-hero .hero-copy h2{font-weight:900!important;color:var(--pc-ink)!important}
body.mg-body .mg-hero .eyebrow span{
  border:2px solid var(--pc-ink)!important;border-radius:0!important;
  background:var(--pc-yellow)!important;color:var(--pc-ink)!important;font-weight:800;
}

/* 分类码头：斜向贴纸墙 */
body.mg-body .mg-dock{
  width:100%!important;max-width:100%!important;box-sizing:border-box!important;
  margin:0 0 24px!important;padding:16px!important;
  background:var(--pc-paper)!important;
  border:4px solid var(--pc-ink)!important;border-radius:0!important;
  box-shadow:var(--pc-shadow)!important;
}
body.mg-body .mg-dock__head,
body.mg-body .mg-block__head,
body.mg-body .mg-rail__head{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:12px!important;flex-wrap:wrap!important;
  width:100%!important;box-sizing:border-box!important;
}
body.mg-body .mg-dock__head h2,
body.mg-body .mg-block__head h2,
body.mg-body .mg-rail__head h2{
  margin:0!important;font-weight:900!important;color:var(--pc-ink)!important;
  letter-spacing:-.01em;line-height:1.2!important;
}
body.mg-body .mg-dock__all,
body.mg-body .mg-block__more{
  color:var(--pc-hot)!important;font-weight:900!important;text-decoration:none!important;
}
body.mg-body .mg-dock__tiles{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(160px,1fr))!important;
  gap:14px 12px!important;align-items:stretch!important;
  padding:2px var(--pc-gutter) 8px 2px!important;box-sizing:border-box!important;
}
body.mg-body .category-tile{
  display:flex!important;flex-direction:column;gap:6px;height:100%;min-width:0;
  padding:14px 12px!important;box-sizing:border-box!important;
  background:var(--pc-cream)!important;color:var(--pc-ink)!important;
  border:3px solid var(--pc-ink)!important;border-radius:0!important;
  text-decoration:none!important;
  box-shadow:4px 4px 0 var(--pc-yellow);
  transition:transform .15s ease;
}
body.mg-body .category-tile:nth-child(3n+2){box-shadow:4px 4px 0 var(--pc-hot);background:#fff1f2!important}
body.mg-body .category-tile:nth-child(3n){box-shadow:4px 4px 0 var(--pc-cyan);background:#ecfeff!important}
body.mg-body .category-tile:nth-child(4n){box-shadow:4px 4px 0 var(--pc-magenta);background:#fdf4ff!important}
body.mg-body .category-tile:hover{transform:translate(-3px,-3px)}
body.mg-body .category-tile strong{font-weight:900!important;font-size:1rem}
body.mg-body .category-tile span{font-size:.78rem;font-weight:600;color:var(--pc-muted);line-height:1.45}

body.mg-body .mg-block{
  width:100%!important;max-width:100%!important;box-sizing:border-box!important;
  margin:0 0 24px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;
}
body.mg-body .mg-block__head{
  margin:0 0 14px!important;padding:10px 12px!important;
  background:var(--pc-yellow)!important;
  border:3px solid var(--pc-ink)!important;
  box-shadow:4px 4px 0 var(--pc-ink);
}
body.mg-body .mg-block__gold,
body.mg-body .mg-dock__icon,
body.mg-body .mg-rail__dot{
  display:inline-block;width:12px;height:12px;margin-right:8px;
  background:var(--pc-hot);border:2px solid var(--pc-ink);
  box-shadow:2px 2px 0 var(--pc-ink);vertical-align:middle;
}

/* 卡片：硬描边漫画框 + 3:4（异于站6金框夜绿匣） */
body.mg-body .mg-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(148px,1fr))!important;
  gap:18px 16px!important;
  width:100%!important;max-width:100%!important;
  margin:0!important;padding:2px var(--pc-gutter) 10px 2px!important;
  box-sizing:border-box!important;overflow:visible!important;
  align-items:stretch!important;
}
body.mg-body .mg-poster{
  min-width:0;height:100%;
  background:var(--pc-paper)!important;
  border:3px solid var(--pc-ink)!important;border-radius:0!important;
  box-shadow:5px 5px 0 var(--pc-yellow);
  overflow:hidden;
  transition:transform .18s ease, box-shadow .18s ease;
}
body.mg-body .mg-poster:nth-child(3n+2){box-shadow:5px 5px 0 var(--pc-hot)}
body.mg-body .mg-poster:nth-child(3n){box-shadow:5px 5px 0 var(--pc-cyan)}
body.mg-body .mg-poster:hover,
body.mg-body .mg-poster:focus-within{
  transform:translate(-3px,-3px);
  box-shadow:8px 8px 0 var(--pc-ink);
}
body.mg-body .mg-poster__link{display:block;color:inherit;text-decoration:none!important}
body.mg-body .mg-poster__frame{
  position:relative;margin:0!important;
  border-bottom:3px solid var(--pc-ink)!important;
  background:#111;
}
body.mg-body .mg-poster__frame img{
  width:100%!important;aspect-ratio:3/4!important;object-fit:cover!important;
  display:block;transition:transform .3s ease;
}
body.mg-body .mg-poster:hover .mg-poster__frame img{transform:scale(1.04)}
body.mg-body .mg-poster__badge{
  position:absolute!important;
  inset:unset!important;
  top:8px!important;left:8px!important;right:auto!important;bottom:auto!important;
  z-index:3;
  padding:4px 8px!important;border-radius:0!important;
  background:var(--pc-hot)!important;color:#fff!important;
  border:2px solid var(--pc-ink)!important;font-weight:900!important;font-size:.68rem!important;
  box-shadow:2px 2px 0 var(--pc-ink);
}
/* 右下角漫画播放钮：清掉 mother inset:0，与左上角标分离 */
body.mg-body .mg-poster__play{
  position:absolute!important;
  inset:unset!important;
  top:auto!important;left:auto!important;right:10px!important;bottom:10px!important;
  z-index:3;
  width:46px!important;height:46px!important;
  display:grid!important;place-items:center;
  margin:0!important;padding:0!important;
  background:linear-gradient(145deg, #fde047, var(--pc-yellow) 55%, #eab308)!important;
  color:transparent!important;font-size:0!important;line-height:0!important;
  border:3px solid var(--pc-ink)!important;border-radius:50%!important;
  box-shadow:3px 3px 0 var(--pc-ink), 0 0 0 2px rgba(250,204,21,.35)!important;
  opacity:1!important;
  pointer-events:none;
  transition:transform .16s ease, box-shadow .16s ease, background .16s ease;
}
body.mg-body .mg-poster__play::before{
  content:"";
  width:0;height:0;
  border-style:solid;
  border-width:9px 0 9px 15px;
  border-color:transparent transparent transparent var(--pc-ink);
  margin-left:4px;
  filter:drop-shadow(1px 1px 0 rgba(255,255,255,.35));
}
body.mg-body .mg-poster:hover .mg-poster__play,
body.mg-body .mg-poster:focus-within .mg-poster__play{
  opacity:1!important;
  background:linear-gradient(145deg, #fff, #fde047 60%, var(--pc-yellow))!important;
  transform:scale(1.1) translate(-2px,-2px);
  box-shadow:5px 5px 0 var(--pc-hot), 0 0 0 3px rgba(239,68,68,.2)!important;
}
@media (prefers-reduced-motion:reduce){
  body.mg-body .mg-poster__play{transition:none!important}
  body.mg-body .mg-poster:hover .mg-poster__play{transform:none}
}
body.mg-body .mg-poster__body{
  padding:10px 10px 12px!important;display:flex;flex-direction:column;gap:4px;min-width:0;
}
body.mg-body .mg-poster__type{
  display:inline-flex;align-self:flex-start;margin:0!important;padding:2px 8px!important;
  font-size:.68rem!important;font-weight:900!important;line-height:1.2!important;
  background:var(--pc-cyan)!important;color:#fff!important;
  border:2px solid var(--pc-ink)!important;border-radius:0!important;
}
body.mg-body .mg-poster__title{
  margin:0!important;font-size:.92rem!important;font-weight:900!important;
  color:var(--pc-ink)!important;line-height:1.3!important;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;
  min-height:2.5em;
}
body.mg-body .mg-poster__meta{
  margin:0!important;display:flex;gap:8px;flex-wrap:wrap;
  font-size:.72rem!important;font-weight:700;color:var(--pc-muted)!important;
}
body.mg-body .mg-poster__meta span{
  padding:1px 6px;border:1px solid var(--pc-ink);background:var(--pc-cream);
}

/* ===== 分类：顶栏筛选条 + 下方卡片墙（异于站6左侧 sticky） ===== */
body.mg-body .mg-cat,
body.mg-body .mg-cat__layout,
body.mg-body .mg-cat__main{
  width:100%!important;max-width:100%!important;min-width:0;box-sizing:border-box!important;
}
body.mg-body .mg-cat__banner{
  width:100%!important;box-sizing:border-box!important;
  margin:0 0 14px!important;padding:16px 18px!important;
  background:var(--pc-yellow)!important;
  border:4px solid var(--pc-ink)!important;
  box-shadow:var(--pc-shadow-red)!important;
}
body.mg-body .mg-cat__banner h1{
  margin:8px 0 6px!important;font-weight:900!important;font-size:clamp(1.6rem,3vw,2.2rem)!important;
  color:var(--pc-ink)!important;text-shadow:2px 2px 0 #fff;
}
body.mg-body .mg-cat__banner p{margin:0!important;font-weight:600;color:var(--pc-muted)}
body.mg-body .mg-crumb a{color:var(--pc-hot)!important;font-weight:800}
body.mg-body .mg-cat__layout{
  display:grid!important;grid-template-columns:1fr!important;gap:14px!important;
}
body.mg-body .mg-cat__side{
  display:grid!important;
  grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr)!important;
  gap:10px 12px!important;align-items:end!important;
  width:100%!important;box-sizing:border-box!important;
  margin:0!important;padding:14px!important;
  background:var(--pc-paper)!important;
  border:3px solid var(--pc-ink)!important;
  box-shadow:var(--pc-shadow-cyan)!important;
}
body.mg-body .mg-cat__side-title{
  grid-column:1/-1;margin:0!important;
  font-size:.78rem!important;font-weight:900!important;
  letter-spacing:.12em;color:var(--pc-hot)!important;
}
body.mg-body .mg-cat__field{display:flex;flex-direction:column;gap:6px;min-width:0}
body.mg-body .mg-cat__field label{
  font-size:.7rem!important;font-weight:900!important;color:var(--pc-ink)!important;letter-spacing:.06em;
}
body.mg-body .mg-cat__field input,
body.mg-body .mg-cat__field select{
  width:100%;min-height:44px;box-sizing:border-box;
  padding:10px 12px!important;font-size:15px!important;font-weight:700!important;
  border:3px solid var(--pc-ink)!important;border-radius:0!important;
  background:var(--pc-cream)!important;color:var(--pc-ink)!important;
  outline:none!important;-webkit-appearance:none;appearance:none;
}
body.mg-body .mg-cat__field select{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23111827' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 12px center;padding-right:36px!important;
}
body.mg-body .mg-cat__field input:focus,
body.mg-body .mg-cat__field select:focus{
  box-shadow:3px 3px 0 var(--pc-hot);
  background:#fff!important;
}
body.mg-body .mg-cat__main{min-width:0}

/* ===== 播放：黄黑漫画舞台 + 下方信息条（异于站6夜绿舞台） ===== */
body.mg-body .mg-theater{
  display:grid!important;gap:16px!important;margin:0 0 20px!important;
  width:100%!important;max-width:100%!important;box-sizing:border-box!important;
}
body.mg-body .mg-theater__screen{
  width:100%!important;box-sizing:border-box!important;
  border:4px solid var(--pc-ink)!important;border-radius:0!important;
  box-shadow:6px 6px 0 var(--pc-yellow), 11px 11px 0 var(--pc-hot)!important;
  background:#000!important;overflow:hidden;position:relative;
  margin:0 0 4px!important;
}
body.mg-body .mg-theater__screen::before{
  content:"PLAY";position:absolute;top:10px;left:10px;z-index:2;
  padding:3px 8px;font-size:.68rem;font-weight:900;
  background:var(--pc-yellow);color:var(--pc-ink);
  border:2px solid var(--pc-ink);pointer-events:none;
}
body.mg-body .mg-theater__screen video,
body.mg-body #movie-player{
  width:100%!important;aspect-ratio:16/9!important;display:block;background:#000;
  max-height:min(70vh,720px);object-fit:contain;
}
/* mother 里 display:grid 会盖掉 [hidden]，导致误报「片源加载失败」 */
body.mg-body .mg-theater__error{
  position:absolute;inset:0;z-index:3;
  display:grid;place-items:center;
  background:rgba(0,0,0,.88);color:var(--pc-yellow);font-weight:900;
}
body.mg-body .mg-theater__error[hidden]{display:none!important}
body.mg-body .mg-theater__panel{
  display:grid!important;
  grid-template-columns:140px minmax(0,1fr)!important;
  gap:14px!important;align-items:start!important;
  width:100%!important;box-sizing:border-box!important;
  margin:0!important;padding:14px!important;
  background:var(--pc-paper)!important;
  border:3px solid var(--pc-ink)!important;
  box-shadow:var(--pc-shadow)!important;
}
body.mg-body .mg-theater__cover{
  margin:0!important;border:3px solid var(--pc-ink);box-shadow:4px 4px 0 var(--pc-cyan);
}
body.mg-body .mg-theater__cover img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover}
body.mg-body .mg-theater__info h1{
  margin:8px 0!important;font-weight:900!important;font-size:clamp(1.4rem,3vw,2rem)!important;
  color:var(--pc-ink)!important;
}
body.mg-body .mg-theater__tags{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}
body.mg-body .mg-tag{
  padding:4px 9px!important;border-radius:0!important;
  border:2px solid var(--pc-ink)!important;font-weight:900!important;font-size:.75rem!important;
  background:var(--pc-yellow)!important;color:var(--pc-ink)!important;
  box-shadow:2px 2px 0 var(--pc-ink);
}
body.mg-body .mg-tag--hot{background:var(--pc-hot)!important;color:#fff!important}
body.mg-body .mg-tag--blue{background:var(--pc-cyan)!important;color:#fff!important}
body.mg-body .mg-theater__brief,
body.mg-body .mg-theater__synopsis p{
  color:var(--pc-muted)!important;font-weight:600;line-height:1.7;
}
body.mg-body .mg-theater__synopsis{
  padding:16px!important;
  background:var(--pc-cream)!important;
  border:3px solid var(--pc-ink)!important;
  box-shadow:4px 4px 0 var(--pc-magenta)!important;
}
body.mg-body .mg-theater__synopsis h2{margin:0 0 8px!important;font-weight:900}
body.mg-body .mg-rail__head{
  padding:10px 12px;margin-bottom:12px;
  background:var(--pc-cyan);border:3px solid var(--pc-ink);
  box-shadow:4px 4px 0 var(--pc-ink);color:var(--pc-ink);
}
body.mg-body .mg-rail__track{
  display:flex!important;gap:12px;overflow-x:auto;padding:4px 2px 12px;
  scroll-snap-type:x mandatory;
}
body.mg-body .mg-poster--mini{flex:0 0 132px;scroll-snap-align:start}

/* ===== 尾：红黄分格漫画页脚（异于站6夜绿频道胶囊） ===== */
body.mg-body .mg-footer.pc-foot{
  margin-top:28px;background:var(--pc-ink)!important;color:#f9fafb!important;
  border-top:0!important;
}
body.mg-body .pc-foot__stripe{
  height:14px;
  background:repeating-linear-gradient(90deg,
    var(--pc-yellow) 0 40px,
    var(--pc-hot) 40px 80px,
    var(--pc-cyan) 80px 120px,
    var(--pc-magenta) 120px 160px);
  border-bottom:4px solid #fff;
}
body.mg-body .mg-footer.pc-foot > div,
body.mg-body .pc-foot__inner,
body.mg-body .pc-foot__copy,
body.mg-body .pc-foot__seo{
  max-width:var(--pc-max)!important;width:100%!important;margin-left:auto!important;margin-right:auto!important;
  box-sizing:border-box!important;
}
body.mg-body .pc-foot__stripe{max-width:100%!important;width:100%!important;margin:0!important;padding:0!important}
body.mg-body .pc-foot__inner{
  padding:22px max(var(--pc-pad), env(safe-area-inset-left)) 10px max(var(--pc-pad), env(safe-area-inset-right))!important;
  display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)!important;gap:18px!important;
  align-items:start!important;
}
body.mg-body .pc-foot__brand a{
  color:var(--pc-yellow)!important;font-weight:900!important;font-size:1.25rem;
  text-decoration:none!important;
}
body.mg-body .pc-foot__brand p,
body.mg-body .pc-foot__copy,
body.mg-body .pc-foot__seo{
  color:#d1d5db!important;font-weight:600;font-size:.88rem;line-height:1.6;
}
body.mg-body .pc-foot__channels{
  display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0;
}
body.mg-body .pc-foot__channels a{
  padding:5px 10px;text-decoration:none!important;font-weight:800;font-size:.8rem;
  background:var(--pc-yellow);color:var(--pc-ink)!important;
  border:2px solid #fff;box-shadow:2px 2px 0 var(--pc-hot);
}
body.mg-body .pc-foot__channels a:nth-child(3n){background:var(--pc-cyan);color:#fff!important}
body.mg-body .pc-foot__channels a:nth-child(4n){background:var(--pc-hot);color:#fff!important}
body.mg-body .pc-foot__links h4{margin:0 0 8px;color:var(--pc-yellow);font-weight:900}
body.mg-body .pc-foot__links ul{margin:0;padding:0;list-style:none}
body.mg-body .pc-foot__links a{color:#fff!important;font-weight:700;text-decoration:none}
body.mg-body .pc-foot__links a:hover{color:var(--pc-yellow)!important}
body.mg-body .pc-foot__copy,
body.mg-body .pc-foot__seo{
  padding:8px max(var(--pc-pad), env(safe-area-inset-left)) 20px max(var(--pc-pad), env(safe-area-inset-right))!important;
  font-size:.8rem!important;
}

/* 母模版残留纠偏：避免暗色顶栏/1280 宽与波普栏打架 */
body.mg-body .mg-header__bar,
body.mg-body .mg-header__nav,
body.mg-body .mg-header__quick{max-width:none}
body.mg-body .mg-main > section,
body.mg-body .mg-main > .mg-dock,
body.mg-body .mg-main > .mg-block,
body.mg-body .mg-main > .mg-cat,
body.mg-body .mg-main > .mg-theater,
body.mg-body .mg-main > .mg-rail{
  width:100%!important;max-width:100%!important;box-sizing:border-box!important;
}
body.mg-body .mg-dock__tiles{
  width:100%!important;box-sizing:border-box!important;margin:12px 0 0!important;
}
body.mg-body .mg-dock__all,
body.mg-body .mg-block__more{
  flex:0 0 auto;white-space:nowrap;line-height:1.2;
}
body.mg-body .mg-rail{width:100%!important;box-sizing:border-box!important;margin:0 0 18px!important}
body.mg-body .mg-rail__track{
  width:100%!important;box-sizing:border-box!important;
  padding:4px var(--pc-gutter) 14px 2px!important;
}

body.mg-body{
  -webkit-tap-highlight-color:transparent;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
body.mg-body a,
body.mg-body button{touch-action:manipulation}

@media (max-width:900px){
  body.mg-body .pc-hero{grid-template-columns:1fr!important}
  body.mg-body .pc-hero__poster{
    border-right:0;border-bottom:4px solid var(--pc-ink);
    max-width:240px;width:100%;margin:0 auto;max-height:320px;
  }
  body.mg-body .pc-hero__poster img{min-height:220px;max-height:320px}
  body.mg-body .mg-theater__panel{grid-template-columns:110px minmax(0,1fr)!important}
  body.mg-body .pc-foot__inner{grid-template-columns:1fr!important}
  body.mg-body .pc-top__burger{display:inline-grid;place-items:center;margin-left:auto}
  body.mg-body .pc-top__nav:not(.open){display:none!important}
  body.mg-body .pc-top__nav.open{display:flex!important}
  body.mg-body .pc-top__search{max-width:100%;margin-left:0!important;order:3;flex:1 1 100%}
}
@media (max-width:640px){
  body.mg-body .mg-cat__side{grid-template-columns:1fr 1fr!important}
  body.mg-body .mg-cat__field:first-of-type{grid-column:1/-1}
  body.mg-body .mg-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px 12px!important}
  body.mg-body .pc-top__em{display:none}
  body.mg-body .pc-top__stickers span:nth-child(n+3){display:none}
  body.mg-body .mg-theater__screen{box-shadow:4px 4px 0 var(--pc-yellow), 8px 8px 0 var(--pc-hot)!important}
}
@media (prefers-reduced-motion:reduce){
  body.mg-body .mg-poster,
  body.mg-body .mg-poster__frame img,
  body.mg-body .category-tile,
  body.mg-body .pc-top__nav a{transition:none!important}
  body.mg-body .mg-poster:hover{transform:none}
}

/* pack7-craft-touch */
body.mg-body [hidden]{display:none!important}
body.mg-body .mg-poster__frame img,body.mg-body .pc-hero__poster img{content-visibility:auto}
@media (hover:none){
  body.mg-body .mg-poster:hover{transform:none!important}
  body.mg-body .mg-poster:hover .mg-poster__frame img{transform:none!important}
}