/* site-craft · 站13 · 霜蓝书页 · 霜蓝/深海/薄紫/冰薄荷/书页金
   书签导航 + 开本双页英雄 + 2:3 竖卡题在封面下
   动效：霜点绕转呼吸（异于站12斜落 / 站11横向 / 站10垂直上飘） */
:root{
  --ff-frost:#4c8ec8;
  --ff-sea:#0b3a56;
  --ff-ice:#f3f7fb;
  --ff-sheet:#ffffff;
  --ff-lilac:#8b7cd8;
  --ff-mint:#5eb8b2;
  --ff-rose:#d9899a;
  --ff-gilt:#c9a227;
  --ff-ink:#16324a;
  --ff-muted:#5b7386;
  --ff-line:rgba(11,58,86,.14);
  --ff-max:1160px;
  --ff-pad:24px;
  --ff-display:"Noto Serif SC","Songti SC","STSong",serif;
  --ff-sans:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
  --lf-max:1160px;
  --lf-pad:24px;
  --mg-gold:var(--ff-frost);
  --mg-gold-dark:var(--ff-sea);
  --mg-blue:var(--ff-mint);
  --mg-text:var(--ff-ink);
  --mg-muted:var(--ff-muted);
  --mg-bg:var(--ff-ice);
  --mg-surface:var(--ff-sheet);
  --mg-surface-2:#eaf2f8;
  --mg-line:var(--ff-line);
  color-scheme:light;
}

body.body-mg[data-variant="ice-folio"]{
  margin:0;min-height:100vh;
  color:var(--ff-ink)!important;
  font-family:var(--ff-sans);
  background:
    radial-gradient(560px 280px at 6% 0%, rgba(139,124,216,.16), transparent 58%),
    radial-gradient(480px 260px at 96% 8%, rgba(94,184,178,.14), transparent 55%),
    radial-gradient(420px 240px at 88% 100%, rgba(201,162,39,.1), transparent 50%),
    linear-gradient(180deg,#f8fbfe 0%, var(--ff-ice) 42%, #e4eef6 100%)!important;
  -webkit-font-smoothing:antialiased;overflow-x:clip;
}

/* ===== 霜点绕转 + 六角雪晶呼吸 ===== */
body.body-mg .ff-frost{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}
body.body-mg .ff-frost i{
  position:absolute;left:var(--lx);top:var(--ly);
  width:var(--s);height:var(--s);border-radius:50%;
  background:radial-gradient(circle at 30% 30%, #fff, rgb(var(--c)));
  box-shadow:0 0 14px rgba(var(--c),.55), 0 0 2px #fff;
  opacity:.42;
  animation:ff-orbit var(--d) linear infinite, ff-breathe var(--bd) ease-in-out infinite;
  animation-delay:var(--delay), var(--bdelay);
  transform-origin:center;
}
body.body-mg .ff-frost i.ff-frost__flake{
  border-radius:0;
  width:calc(var(--s) * 1.8);height:calc(var(--s) * 1.8);
  clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);
  background:rgb(var(--c));
  box-shadow:0 0 16px rgba(var(--c),.5);
}
@keyframes ff-orbit{
  0%{transform:rotate(0deg) translateX(var(--r)) rotate(0deg)}
  100%{transform:rotate(360deg) translateX(var(--r)) rotate(-360deg)}
}
@keyframes ff-breathe{
  0%,100%{opacity:.22;filter:brightness(1)}
  50%{opacity:.88;filter:brightness(1.45)}
}
@media (prefers-reduced-motion:reduce){
  body.body-mg .ff-frost i{animation:none!important;opacity:.22}
}

body.body-mg .mg-top,
body.body-mg .mg-main,
body.body-mg .mg-foot{position:relative;z-index:1}
body.body-mg .mg-main{
  max-width:var(--ff-max)!important;width:100%!important;margin:0 auto!important;
  padding:22px max(var(--ff-pad),env(safe-area-inset-left)) 56px max(var(--ff-pad),env(safe-area-inset-right))!important;
  box-sizing:border-box!important;
}
body.body-mg h1,body.body-mg h2,body.body-mg .mg-brand__text strong{
  font-family:var(--ff-display)!important;
}

/* ===== 头：书脊徽标 + 下垂书签导航（异于站12居中刊头 / 站11灯塔胶囊） ===== */
body.body-mg .mg-top.ff-head{
  position:sticky;top:0;z-index:80;
  background:rgba(243,247,251,.94)!important;
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border-bottom:0!important;box-shadow:none!important;
  padding:0!important;
}
body.body-mg .ff-head__spectrum{
  height:6px;
  background:linear-gradient(90deg,var(--ff-sea),var(--ff-frost),var(--ff-lilac),var(--ff-mint),var(--ff-rose),var(--ff-gilt));
}
body.body-mg .mg-top__inner.ff-head__bar{
  display:flex!important;grid-template-columns:none!important;
  align-items:center!important;justify-content:space-between;gap:12px 16px;
  flex-wrap:nowrap!important;
  max-width:var(--ff-max);margin:0 auto;
  padding:12px max(var(--ff-pad),env(safe-area-inset-left)) 8px max(var(--ff-pad),env(safe-area-inset-right))!important;
  min-height:0!important;width:100%!important;box-sizing:border-box!important;
}
body.body-mg .mg-brand.ff-brand{color:var(--ff-sea)!important;gap:12px}
body.body-mg .mg-brand__icon.ff-mark{
  width:44px;height:56px;border-radius:3px 10px 10px 3px!important;
  background:linear-gradient(180deg,var(--ff-frost),var(--ff-sea))!important;
  color:#f3f7fb!important;font-family:var(--ff-display);font-size:1.15rem;font-weight:700;
  box-shadow:4px 4px 0 var(--ff-lilac)!important;
}
body.body-mg .mg-brand__text strong{
  font-size:clamp(1.25rem,2.6vw,1.7rem)!important;color:var(--ff-sea)!important;letter-spacing:.04em;
}
body.body-mg .mg-brand__text em{
  color:var(--ff-frost)!important;letter-spacing:.14em;font-size:.72rem!important;
}
body.body-mg .mg-top__actions{
  display:flex!important;align-items:center!important;gap:10px!important;
  flex:0 1 auto!important;min-width:0;
}
body.body-mg .mg-search{
  display:flex!important;align-items:stretch!important;flex:0 1 auto!important;
  width:auto!important;max-width:none!important;
  border:0!important;border-bottom:2px solid var(--ff-sea)!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;
}
body.body-mg .mg-search input{
  flex:0 1 auto!important;width:min(240px,28vw)!important;min-width:0!important;max-width:240px!important;
  color:var(--ff-ink)!important;background:transparent!important;
  font-size:.92rem!important;padding:8px 4px!important;
}
body.body-mg .mg-search button{
  flex:0 0 auto!important;background:var(--ff-sea)!important;color:#fff!important;
  border-radius:0!important;padding:0 14px!important;
}
body.body-mg .mg-hotlink{
  flex:0 0 auto!important;align-self:center;
  border-radius:0 0 12px 12px!important;padding:10px 14px 12px!important;
  background:var(--ff-gilt)!important;color:var(--ff-sea)!important;
  box-shadow:0 5px 0 var(--ff-sea);
}
body.body-mg .mg-burger{
  display:none;border-radius:0;border:2px solid var(--ff-sea);background:#fff;color:var(--ff-sea);
}
body.body-mg .mg-nav.ff-tabs{
  flex-wrap:wrap;justify-content:flex-start;gap:6px 8px;
  position:static!important;left:auto!important;right:auto!important;top:auto!important;
  max-width:var(--ff-max);width:100%!important;margin:0 auto;
  padding:0 max(var(--ff-pad),env(safe-area-inset-left)) 10px max(var(--ff-pad),env(safe-area-inset-right));
  background:transparent!important;box-sizing:border-box!important;
}
@media (min-width:861px){
  body.body-mg .mg-nav.ff-tabs{display:flex!important}
}
body.body-mg .mg-nav.ff-tabs a{
  border-radius:0 0 11px 11px!important;padding:10px 14px 12px!important;
  background:#fff!important;color:var(--ff-sea)!important;font-weight:800;font-size:.82rem;
  border:0!important;border-bottom:0!important;
  box-shadow:0 5px 0 var(--ff-frost);
}
body.body-mg .mg-nav.ff-tabs a:nth-child(2){box-shadow:0 5px 0 var(--ff-lilac)}
body.body-mg .mg-nav.ff-tabs a:nth-child(3){box-shadow:0 5px 0 var(--ff-mint)}
body.body-mg .mg-nav.ff-tabs a:nth-child(4){box-shadow:0 5px 0 var(--ff-rose)}
body.body-mg .mg-nav.ff-tabs a:nth-child(5){box-shadow:0 5px 0 var(--ff-gilt)}
body.body-mg .mg-nav.ff-tabs a:nth-child(6){box-shadow:0 5px 0 var(--ff-sea)}
body.body-mg .mg-nav.ff-tabs a:hover,
body.body-mg .mg-nav.ff-tabs a[aria-current="page"]{
  background:var(--ff-sea)!important;color:#fff!important;
}
body.body-mg .sr-only{
  position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;
}

@media (max-width:860px){
  body.body-mg .mg-top.ff-head{box-shadow:0 1px 0 var(--ff-line)}
  body.body-mg .mg-top__inner.ff-head__bar{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:"brand" "actions"!important;
    align-items:center!important;
    gap:10px!important;
    flex-wrap:nowrap!important;
    padding:10px max(14px,env(safe-area-inset-left)) 12px max(14px,env(safe-area-inset-right))!important;
  }
  body.body-mg .mg-brand.ff-brand{grid-area:brand;min-width:0;gap:8px}
  body.body-mg .mg-brand__icon.ff-mark{
    width:36px;height:46px;font-size:1rem;
    box-shadow:3px 3px 0 var(--ff-lilac)!important;
  }
  body.body-mg .mg-brand__text strong{
    font-size:1.12rem!important;white-space:nowrap;line-height:1.1;
  }
  body.body-mg .mg-brand__text em{
    display:block!important;font-size:.62rem!important;letter-spacing:.1em;white-space:nowrap;line-height:1.25;
  }
  body.body-mg .mg-top__actions{
    grid-area:actions;width:100%;gap:8px!important;
  }
  body.body-mg .mg-hotlink{display:none!important}
  body.body-mg .mg-burger{
    display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 auto;
    width:38px;height:38px;margin:0!important;padding:0;font-size:1.05rem;line-height:1;
  }
  body.body-mg form.mg-search,
  body.body-mg .mg-search{
    flex:1 1 auto!important;width:100%!important;max-width:none!important;
    border-bottom-width:2px!important;
  }
  body.body-mg .mg-search input{
    width:auto!important;max-width:none!important;flex:1 1 auto!important;
    min-height:40px;padding:8px 6px!important;font-size:.86rem!important;
  }
  body.body-mg .mg-search button{min-height:40px;padding:0 14px!important}
  /* 书签挂签阵列，不要剥成通栏色条列表 */
  body.body-mg .mg-nav.ff-tabs{
    display:none!important;
    width:100%!important;max-width:none!important;
    margin:0!important;
    padding:8px max(14px,env(safe-area-inset-left)) 14px max(14px,env(safe-area-inset-right))!important;
    background:
      linear-gradient(180deg,rgba(76,142,200,.08),transparent 40%),
      rgba(243,247,251,.98)!important;
    border-top:1px dashed rgba(11,58,86,.18);
  }
  body.body-mg .mg-nav.ff-tabs.open{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:12px 8px!important;
    justify-items:stretch;
  }
  body.body-mg .mg-nav.ff-tabs a{
    position:relative;
    text-align:center;
    border-radius:2px 2px 12px 12px!important;
    border:1px solid var(--ff-line)!important;
    border-bottom:0!important;
    padding:14px 4px 16px!important;
    font-size:.78rem!important;
    box-shadow:0 5px 0 var(--ff-frost)!important;
    background:#fff!important;color:var(--ff-sea)!important;
  }
  body.body-mg .mg-nav.ff-tabs a::before{
    content:"";position:absolute;left:50%;top:-7px;width:10px;height:7px;
    border-radius:2px 2px 0 0;background:var(--ff-sea);
    transform:translateX(-50%);
  }
  body.body-mg .mg-nav.ff-tabs a:nth-child(2){box-shadow:0 5px 0 var(--ff-lilac)!important}
  body.body-mg .mg-nav.ff-tabs a:nth-child(2)::before{background:var(--ff-lilac)}
  body.body-mg .mg-nav.ff-tabs a:nth-child(3){box-shadow:0 5px 0 var(--ff-mint)!important}
  body.body-mg .mg-nav.ff-tabs a:nth-child(3)::before{background:var(--ff-mint)}
  body.body-mg .mg-nav.ff-tabs a:nth-child(4){box-shadow:0 5px 0 var(--ff-rose)!important}
  body.body-mg .mg-nav.ff-tabs a:nth-child(4)::before{background:var(--ff-rose)}
  body.body-mg .mg-nav.ff-tabs a:nth-child(5){box-shadow:0 5px 0 var(--ff-gilt)!important}
  body.body-mg .mg-nav.ff-tabs a:nth-child(5)::before{background:var(--ff-gilt)}
  body.body-mg .mg-nav.ff-tabs a:nth-child(6){box-shadow:0 5px 0 var(--ff-sea)!important}
  body.body-mg .mg-nav.ff-tabs a:nth-child(7){box-shadow:0 5px 0 var(--ff-frost)!important}
  body.body-mg .mg-nav.ff-tabs a:nth-child(7)::before{background:var(--ff-frost)}
  body.body-mg .mg-nav.ff-tabs a:nth-child(8){box-shadow:0 5px 0 var(--ff-lilac)!important}
  body.body-mg .mg-nav.ff-tabs a:nth-child(8)::before{background:var(--ff-lilac)}
  body.body-mg .mg-nav.ff-tabs a:hover,
  body.body-mg .mg-nav.ff-tabs a[aria-current="page"]{
    background:var(--ff-sea)!important;color:#fff!important;border-color:var(--ff-sea)!important;
  }
}
@media (max-width:380px){
  body.body-mg .mg-nav.ff-tabs.open{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.body-mg .mg-brand__text em{display:none!important}
}

/* ===== 中：开本双页英雄（异于站12全幅暗刊 / 站11居中潮汐环） ===== */
body.body-mg .mg-hero.ff-spread{
  display:grid!important;grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr)!important;
  align-items:stretch!important;min-height:0!important;
  margin:8px 0 28px!important;border-radius:2px!important;
  border:1px solid var(--ff-line)!important;
  background:var(--ff-sheet)!important;
  box-shadow:10px 12px 0 rgba(11,58,86,.08)!important;
  overflow:hidden;
}
body.body-mg .mg-hero.ff-spread .mg-hero__backdrop{display:none!important}
body.body-mg .ff-spread__bind{
  grid-column:2;background:
    linear-gradient(90deg, rgba(11,58,86,.12), rgba(11,58,86,.02) 40%, rgba(11,58,86,.02) 60%, rgba(11,58,86,.12));
}
body.body-mg .mg-hero.ff-spread .mg-hero__content{
  grid-column:1;max-width:none!important;
  display:flex!important;flex-direction:column;justify-content:center;
  padding:clamp(28px,5vw,48px) clamp(20px,3vw,36px)!important;
  background:
    linear-gradient(180deg, rgba(76,142,200,.06), transparent 40%),
    var(--ff-sheet);
}
body.body-mg .ff-spread__recto{
  grid-column:3;padding:clamp(28px,5vw,48px) clamp(18px,3vw,32px);
  display:flex;flex-direction:column;justify-content:flex-end;gap:12px;
  background:
    radial-gradient(280px 180px at 80% 18%, rgba(139,124,216,.18), transparent 60%),
    linear-gradient(160deg,#e8f2fa, #f7fafc);
}
body.body-mg .ff-spread__vol{
  margin:0;font-family:var(--ff-display);font-size:clamp(2.4rem,8vw,4.6rem);line-height:.9;
  color:rgba(11,58,86,.12);letter-spacing:.04em;
}
body.body-mg .ff-spread__quote{
  margin:0;max-width:16em;font-family:var(--ff-display);font-size:1.15rem;line-height:1.6;color:var(--ff-sea);
}
body.body-mg .mg-hero.ff-spread .mg-hero__eyebrow{
  display:inline-block;padding:0 0 6px;margin-bottom:14px;
  border-bottom:2px solid var(--ff-gilt);color:var(--ff-lilac)!important;letter-spacing:.16em;
}
body.body-mg .mg-hero.ff-spread h1{
  color:var(--ff-sea)!important;text-shadow:none!important;
  font-size:clamp(2rem,5vw,3rem)!important;font-weight:700!important;
}
body.body-mg .mg-hero.ff-spread .mg-hero__intro{
  color:var(--ff-muted)!important;max-width:34em;
}
body.body-mg .mg-btn--gold,body.body-mg .mg-btn.mg-btn--gold{
  border-radius:0!important;background:var(--ff-sea)!important;color:#fff!important;
  border:2px solid var(--ff-sea)!important;box-shadow:4px 4px 0 var(--ff-frost);
  font-weight:800;padding:12px 20px!important;
}
body.body-mg .mg-btn--outline,body.body-mg .mg-btn.mg-btn--outline{
  border-radius:0!important;background:#fff!important;color:var(--ff-sea)!important;
  border:2px solid var(--ff-sea)!important;
  font-weight:800;padding:12px 20px!important;
}
@media (max-width:800px){
  body.body-mg .mg-hero.ff-spread{grid-template-columns:1fr!important}
  body.body-mg .ff-spread__bind{display:none}
  body.body-mg .ff-spread__recto{grid-column:1;min-height:120px;padding-top:8px}
}

/* 书签式栏目条 */
body.body-mg .mg-channels{margin-bottom:28px}
body.body-mg .mg-channel-grid{
  display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:8px!important;
}
body.body-mg .mg-channel{
  border-radius:0 0 12px 12px!important;background:#fff!important;
  border:0!important;box-shadow:0 5px 0 var(--ff-frost);
  text-align:center;padding:12px 6px 14px!important;
}
body.body-mg .mg-channel:nth-child(2){box-shadow:0 5px 0 var(--ff-lilac)}
body.body-mg .mg-channel:nth-child(3){box-shadow:0 5px 0 var(--ff-mint)}
body.body-mg .mg-channel:nth-child(4){box-shadow:0 5px 0 var(--ff-rose)}
body.body-mg .mg-channel:nth-child(5){box-shadow:0 5px 0 var(--ff-gilt)}
body.body-mg .mg-channel:nth-child(6){box-shadow:0 5px 0 var(--ff-sea)}
body.body-mg .mg-channel:nth-child(7){box-shadow:0 5px 0 var(--ff-frost)}
body.body-mg .mg-channel:nth-child(8){box-shadow:0 5px 0 var(--ff-lilac)}
body.body-mg .mg-channel__icon{
  background:transparent!important;color:var(--ff-sea)!important;font-family:var(--ff-display);font-size:1.2rem;
}
body.body-mg .mg-channel__name{color:var(--ff-ink)!important}
@media (max-width:900px){
  body.body-mg .mg-channel-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}

body.body-mg .mg-section-head{
  display:flex!important;align-items:center!important;justify-content:space-between;gap:12px;
  margin-bottom:14px;padding-bottom:8px;
  border-bottom:1px solid var(--ff-line);
}
body.body-mg .mg-section-head > div{
  display:flex!important;align-items:center;gap:10px;min-width:0;
}
body.body-mg .mg-section-head h2{margin:0;font-size:1.35rem;color:var(--ff-sea);line-height:1.2}
body.body-mg .mg-section-head__tag{
  border-radius:0!important;background:var(--ff-frost)!important;color:#fff!important;
  font-size:.68rem;padding:2px 8px;margin:0!important;flex-shrink:0;
}
body.body-mg .mg-section-head a{color:var(--ff-lilac)!important;font-weight:700;align-self:center}

/* 2:3 竖卡 · 题在封面下（封面与标题拆开，避免 overflow 裁字） */
body.body-mg .mg-poster-grid,
body.body-mg .mg-poster-grid--compact,
body.body-mg .mg-poster-grid--wide,
body.body-mg .movie-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:22px 16px!important;
  overflow:visible!important;
  align-items:start!important;
  width:100%!important;
}
body.body-mg .mg-section .mg-poster-grid > .mg-pcard:nth-child(n+6),
body.body-mg .mg-section .mg-poster-grid--compact > .mg-pcard:nth-child(n+6){display:none!important}
body.body-mg article.mg-pcard,
body.body-mg .mg-pcard{
  overflow:visible!important;height:auto!important;min-width:0!important;
  background:transparent!important;border:0!important;
}
body.body-mg .mg-pcard__link{
  display:flex!important;flex-direction:column!important;height:auto!important;
}
body.body-mg .mg-pcard__frame{
  position:relative!important;
  display:flex!important;flex-direction:column!important;
  aspect-ratio:unset!important;height:auto!important;min-height:0!important;
  overflow:visible!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;
}
body.body-mg .mg-pcard__frame img,
body.body-mg article.mg-pcard img{
  position:relative!important;inset:auto!important;
  width:100%!important;height:auto!important;max-width:100%!important;
  aspect-ratio:2/3!important;object-fit:cover!important;display:block!important;
  border:1px solid var(--ff-line)!important;border-radius:2px!important;
  background:#e8eef4!important;
  box-shadow:5px 6px 0 rgba(11,58,86,.08);
}
body.body-mg .mg-pcard:hover .mg-pcard__frame{transform:none!important;box-shadow:none!important}
body.body-mg .mg-pcard:hover .mg-pcard__frame img{
  transform:translate(-2px,-2px)!important;
  box-shadow:8px 9px 0 rgba(76,142,200,.2)!important;
  border-color:var(--ff-frost)!important;
}
body.body-mg .mg-pcard__badge{
  position:absolute!important;top:8px!important;left:8px!important;z-index:2;
  border-radius:0 0 8px 0!important;background:var(--ff-sea)!important;color:#fff!important;
  box-shadow:none!important;
}
body.body-mg .mg-pcard__shade{
  position:static!important;inset:auto!important;
  padding:10px 2px 0!important;background:transparent!important;
}
body.body-mg .mg-pcard__shade h3{
  color:var(--ff-sea)!important;font-family:var(--ff-display)!important;
  font-size:.95rem;margin:0 0 6px;line-height:1.35;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
body.body-mg .mg-pcard__meta{display:flex;flex-wrap:wrap;gap:6px}
body.body-mg .mg-pcard__meta span{
  background:#eaf2f8;color:var(--ff-muted)!important;padding:1px 6px;border-radius:2px;
}
body.body-mg .mg-pcard__meta span:first-child{color:var(--ff-frost)!important}
@media (max-width:1100px){
  body.body-mg .mg-poster-grid,body.body-mg .mg-poster-grid--compact,
  body.body-mg .mg-poster-grid--wide,body.body-mg .movie-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important
  }
  body.body-mg .mg-section .mg-poster-grid > .mg-pcard:nth-child(n+6),
  body.body-mg .mg-section .mg-poster-grid--compact > .mg-pcard:nth-child(n+6){display:flex!important}
  body.body-mg .mg-section .mg-poster-grid > .mg-pcard:nth-child(n+9),
  body.body-mg .mg-section .mg-poster-grid--compact > .mg-pcard:nth-child(n+9){display:none!important}
}
@media (max-width:720px){
  body.body-mg .mg-poster-grid,body.body-mg .mg-poster-grid--compact,
  body.body-mg .mg-poster-grid--wide,body.body-mg .movie-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px 12px!important
  }
  body.body-mg .mg-section .mg-poster-grid > .mg-pcard:nth-child(n+9),
  body.body-mg .mg-section .mg-poster-grid--compact > .mg-pcard:nth-child(n+9){display:flex!important}
  body.body-mg .mg-section .mg-poster-grid > .mg-pcard:nth-child(n+7),
  body.body-mg .mg-section .mg-poster-grid--compact > .mg-pcard:nth-child(n+7){display:none!important}
}

/* ===== 分类总览：书签章卡 ===== */
body.body-mg .ff-chapters{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;
}
body.body-mg .ff-chapter{
  display:grid;grid-template-columns:10px minmax(0,1fr);gap:0;
  background:#fff;border:1px solid var(--ff-line);text-decoration:none!important;
  box-shadow:5px 6px 0 rgba(11,58,86,.07);
}
body.body-mg .ff-chapter__mark{background:var(--ff-frost)}
body.body-mg .ff-chapter:nth-child(2n) .ff-chapter__mark{background:var(--ff-lilac)}
body.body-mg .ff-chapter:nth-child(3n) .ff-chapter__mark{background:var(--ff-mint)}
body.body-mg .ff-chapter:nth-child(4n) .ff-chapter__mark{background:var(--ff-rose)}
body.body-mg .ff-chapter:nth-child(5n) .ff-chapter__mark{background:var(--ff-gilt)}
body.body-mg .ff-chapter__txt{padding:18px 18px 16px}
body.body-mg .ff-chapter__txt strong{display:block;font-family:var(--ff-display);font-size:1.15rem;color:var(--ff-sea);margin-bottom:6px}
body.body-mg .ff-chapter__txt span{color:var(--ff-muted);font-size:.86rem;line-height:1.55}
@media (max-width:640px){body.body-mg .ff-chapters{grid-template-columns:1fr}}

body.body-mg .page-hero,body.body-mg .compact-hero,body.body-mg .ff-pagehead{
  background:transparent!important;border:0!important;border-bottom:1px solid var(--ff-line)!important;
  border-radius:0!important;padding:8px 0 16px!important;color:var(--ff-ink)!important;
}
body.body-mg .compact-hero h1,body.body-mg .ff-pagehead h1{color:var(--ff-sea)!important}
body.body-mg .eyebrow.solo{
  background:transparent!important;color:var(--ff-lilac)!important;padding:0!important;
  border-bottom:2px solid var(--ff-gilt);
}

/* 分类列表：左侧书签章 + 右侧 2:3 刊格 */
body.body-mg .mg-cat-layout{
  display:grid!important;grid-template-columns:minmax(220px,.7fr) minmax(0,2.3fr)!important;gap:22px!important;
}
body.body-mg .mg-cat-side{
  position:sticky!important;align-self:start;
  background:#fff!important;border:1px solid var(--ff-line)!important;border-top:8px solid var(--ff-frost)!important;
  border-radius:0 0 14px 0!important;box-shadow:6px 8px 0 rgba(11,58,86,.07);
  top:140px;
}
body.body-mg .mg-cat-side h1{color:var(--ff-sea)!important}
body.body-mg .mg-cat-filters__input,body.body-mg .mg-cat-filters__select{
  border-radius:0!important;border:1px solid var(--ff-sea)!important;background:var(--ff-ice)!important;color:var(--ff-ink)!important;
}
body.body-mg .mg-cat-main .mg-poster-grid,
body.body-mg .mg-poster-grid.mg-poster-grid--wide{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
body.body-mg .mg-cat-main .mg-poster-grid > .mg-pcard{display:flex!important}
@media (max-width:900px){
  body.body-mg .mg-cat-layout{grid-template-columns:1fr!important}
  body.body-mg .mg-cat-side{position:static}
  body.body-mg .mg-cat-main .mg-poster-grid,
  body.body-mg .mg-poster-grid.mg-poster-grid--wide{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* ===== 播放页：左页播映 / 右页片讯（齐顶、收白、按钮贴文） ===== */
body.body-mg .mg-crumb--play{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px;
  margin:2px 0 16px!important;padding:0!important;
  font-size:.8rem;line-height:1.4;color:var(--ff-muted);
}
body.body-mg .mg-crumb--play a{color:var(--ff-frost)!important}
body.body-mg .mg-crumb--play span{color:var(--ff-muted)}
body.body-mg .mg-watch.ff-folio{
  display:grid!important;grid-template-columns:minmax(0,1.42fr) minmax(300px,.88fr)!important;
  gap:0!important;align-items:stretch!important;
  background:#fff;border:1px solid var(--ff-line);
  box-shadow:10px 12px 0 rgba(11,58,86,.08);
  overflow:hidden;
}
body.body-mg .mg-watch.ff-folio .mg-watch__screen{
  margin:0!important;border:0!important;border-right:1px solid var(--ff-line)!important;
  border-radius:0!important;box-shadow:none!important;background:#0a1218;
  display:flex;align-items:center;min-height:0;
}
body.body-mg .mg-watch.ff-folio .mg-watch__screen video,
body.body-mg .mg-watch.ff-folio #movie-player{
  width:100%!important;height:auto!important;max-height:min(62vh,560px)!important;
  aspect-ratio:16/9!important;object-fit:contain;background:#0a1218;border-radius:0!important;
}
body.body-mg .mg-watch.ff-folio .mg-watch__info{
  margin:0!important;padding:18px 20px 18px!important;
  display:flex!important;flex-direction:column;align-items:stretch;min-width:0;
  background:
    linear-gradient(180deg,rgba(76,142,200,.05),transparent 28%),#fff;
}
body.body-mg .mg-watch__title-row{
  display:grid!important;grid-template-columns:84px minmax(0,1fr)!important;
  align-items:start!important;gap:14px!important;margin:0 0 14px!important;
}
body.body-mg .mg-watch__thumb{
  width:84px!important;height:auto!important;max-width:84px!important;
  aspect-ratio:2/3!important;object-fit:cover!important;
  border:1px solid var(--ff-sea)!important;border-radius:2px!important;
}
body.body-mg .mg-watch__title-block{
  display:flex;flex-direction:column;align-items:flex-start;min-width:0;
}
body.body-mg .mg-watch__title-block h1{
  color:var(--ff-sea)!important;margin:0 0 8px!important;
  font-size:clamp(1.12rem,2vw,1.42rem)!important;font-weight:700!important;line-height:1.25!important;
}
body.body-mg .mg-watch__tags{margin:0 0 10px!important;gap:6px!important}
body.body-mg .mg-watch__tags span{
  border-radius:0!important;background:var(--ff-ice)!important;color:var(--ff-sea)!important;
  border:1px solid var(--ff-line);padding:3px 8px!important;font-size:.7rem!important;
}
body.body-mg .mg-watch__tags span:nth-child(2){background:#efeafc!important;color:var(--ff-lilac)!important}
body.body-mg .mg-watch__tags span:nth-child(3){background:#e6f6f4!important;color:#2a7a76!important}
body.body-mg .mg-watch__tags span:nth-child(4){background:#f7f1dc!important;color:#8a6a12!important}
body.body-mg .mg-watch__brief{
  margin:0 0 12px!important;font-size:.84rem!important;line-height:1.65!important;color:var(--ff-muted)!important;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
body.body-mg .mg-watch.ff-folio .mg-watch__title-block .mg-btn{
  align-self:flex-start!important;width:auto!important;margin:0!important;
  min-height:34px!important;padding:0 14px!important;font-size:.8rem!important;
  box-shadow:3px 3px 0 var(--ff-frost)!important;
}
body.body-mg .mg-watch__synopsis{
  margin-top:14px!important;padding:14px 16px!important;
  background:var(--ff-ice)!important;border-left:4px solid var(--ff-lilac)!important;border-radius:0!important;
}
body.body-mg .mg-watch__synopsis h2{
  color:var(--ff-lilac)!important;margin:0 0 8px!important;font-size:.92rem!important;
}
body.body-mg .mg-watch__synopsis p{margin:0;font-size:.84rem;line-height:1.7;color:var(--ff-ink)}
body.body-mg .mg-watch.ff-folio .mg-watch__related{
  grid-column:1 / -1;padding:18px 20px 20px;border-top:1px solid var(--ff-line);background:var(--ff-ice);
}
body.body-mg .mg-related-scroll{
  display:grid!important;grid-auto-flow:row!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  grid-auto-columns:unset!important;overflow:visible!important;gap:18px 14px!important;
  align-items:start!important;
}
body.body-mg article.mg-rcard{overflow:visible!important;height:auto!important;min-width:0}
body.body-mg .mg-related-scroll .mg-rcard__link{
  display:flex!important;flex-direction:column!important;grid-template-columns:none!important;
  background:transparent!important;border:0!important;padding:0!important;gap:0!important;
}
body.body-mg .mg-related-scroll .mg-rcard__thumb{
  position:relative;aspect-ratio:2/3!important;overflow:hidden;
  border:1px solid var(--ff-line);border-radius:2px;
}
body.body-mg .mg-related-scroll .mg-rcard__thumb img{
  position:absolute!important;inset:0!important;
  width:100%!important;height:100%!important;max-width:none!important;
  aspect-ratio:unset!important;object-fit:cover!important;
}
body.body-mg .mg-rcard__body h3{color:var(--ff-sea)!important}
body.body-mg .mg-crumb a{color:var(--ff-frost)!important}
@media (max-width:860px){
  body.body-mg .mg-watch.ff-folio{grid-template-columns:1fr!important;grid-template-rows:auto!important}
  body.body-mg .mg-watch.ff-folio .mg-watch__screen{border-right:0!important;border-bottom:1px solid var(--ff-line)!important;min-height:0}
  body.body-mg .mg-watch.ff-folio .mg-watch__screen video,
  body.body-mg .mg-watch.ff-folio #movie-player{
    height:auto!important;aspect-ratio:16/9!important;max-height:70vh!important;object-fit:contain;
  }
  body.body-mg .mg-watch__synopsis{margin-top:14px!important}
  body.body-mg .mg-related-scroll{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* ===== 尾：版权页居中题记（异于站12墨底通栏） ===== */
body.body-mg .mg-foot.ff-colophon{
  margin-top:32px;background:transparent!important;border-top:0!important;
}
body.body-mg .ff-colophon__rule{
  height:6px;
  background:linear-gradient(90deg,var(--ff-sea),var(--ff-frost),var(--ff-lilac),var(--ff-mint),var(--ff-gilt));
}
body.body-mg .mg-foot__wrap{
  max-width:var(--ff-max)!important;margin:0 auto;
  padding:28px max(var(--ff-pad),env(safe-area-inset-left)) 16px max(var(--ff-pad),env(safe-area-inset-right))!important;
  display:grid!important;grid-template-columns:1.2fr 1fr!important;gap:24px;
}
body.body-mg .mg-foot__brand strong{color:var(--ff-sea)!important;font-family:var(--ff-display);font-size:1.35rem}
body.body-mg .mg-foot__brand p,body.body-mg .mg-foot__about{color:var(--ff-muted)!important}
body.body-mg .mg-foot__col span{color:var(--ff-frost)!important;letter-spacing:.1em}
body.body-mg .mg-foot__col a{color:var(--ff-ink)!important}
body.body-mg .mg-foot__bar{
  max-width:var(--ff-max);margin:0 auto;
  padding:12px max(var(--ff-pad),env(safe-area-inset-left)) 22px max(var(--ff-pad),env(safe-area-inset-right));
  display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;
  border-top:1px solid var(--ff-line);font-size:.82rem;color:var(--ff-muted);
}
body.body-mg .ff-foot__seo{color:var(--ff-sea);font-weight:700}
@media (max-width:720px){
  body.body-mg .mg-foot__wrap{grid-template-columns:1fr!important}
}

/* 触控 / 筛选 / 跨端 */
body.body-mg a,body.body-mg button,body.body-mg input,body.body-mg select{
  touch-action:manipulation;-webkit-tap-highlight-color:transparent
}
body.body-mg [hidden],
body.body-mg .mg-pcard[hidden]{display:none!important}
@media (max-width:640px){
  body.body-mg input[type="search"],body.body-mg input[type="text"],body.body-mg select{font-size:16px!important}
}
@media (hover:none){
  body.body-mg .mg-pcard:hover .mg-pcard__frame,
  body.body-mg .mg-pcard:hover .mg-pcard__frame img{transform:none!important}
}
@media (min-width:861px){
  body.body-mg .mg-burger{display:none!important}
}

/* 压过 layout-fix：色条通栏、标题不断字、搜索不被 900px 拉满 */
body.body-mg footer.mg-foot.ff-colophon > .ff-colophon__rule,
body.body-mg header.mg-top.ff-head > .ff-head__spectrum{
  max-width:none!important;width:100%!important;margin:0!important;padding:0!important;
}
body.body-mg footer.mg-foot.ff-colophon > .mg-foot__wrap,
body.body-mg footer.mg-foot.ff-colophon > .mg-foot__bar{
  width:100%!important;max-width:var(--ff-max)!important;
  margin-left:auto!important;margin-right:auto!important;
  box-sizing:border-box!important;
}
body.body-mg h1,body.body-mg h2,body.body-mg h3,body.body-mg .mg-brand__text strong{
  overflow-wrap:normal;word-break:keep-all;
}
@media (max-width:860px){
  body.body-mg form.mg-search,
  body.body-mg .mg-search{
    width:100%!important;max-width:none!important;flex:1 1 auto!important;
  }
  body.body-mg .mg-search input{max-width:none!important;width:auto!important}
}
@media (min-width:861px) and (max-width:900px){
  body.body-mg form.mg-search,
  body.body-mg .mg-search{
    width:auto!important;max-width:none!important;flex:0 1 auto!important;
  }
  body.body-mg .mg-search input{max-width:180px!important;width:min(42vw,180px)!important}
}

/* 热播 / 搜索：筛选条 + 与首页同轨的刊格 */
body.body-mg .filter-panel{
  display:flex;flex-wrap:wrap;align-items:center;gap:10px;
  margin:0 0 18px;padding:14px 16px;
  background:#fff;border:1px solid var(--ff-line);
}
body.body-mg .filter-panel input,
body.body-mg .filter-panel select{
  min-height:40px;border:1px solid var(--ff-sea);border-radius:0;
  background:var(--ff-ice);color:var(--ff-ink);padding:8px 10px;font-size:.9rem;
}
body.body-mg .filter-panel input{flex:1 1 180px;min-width:0}
body.body-mg .filter-panel select{flex:0 1 140px}
body.body-mg .page-hero.compact-hero p,
body.body-mg .ff-pagehead p{color:var(--ff-muted);margin:.4rem 0 0}
body.body-mg .mg-channels{overflow:visible;padding-bottom:6px}
body.body-mg .mg-foot__links{display:grid;grid-template-columns:1fr 1fr;gap:20px}
body.body-mg .mg-cat-filters{display:flex;flex-direction:column;gap:10px}