/* ============================================================
   流浪地球宇宙 · variant-a.css — 风格 A 主题层(方案 B)
   内容 = mobile-preview/mobile/a.css,每条规则包进
   @media (max-width: 768px) + [data-variant="a"] 作用域。
   ============================================================ */

@media (max-width: 768px) {
  /* ============================================================
     Direction A — Clean Feed (克制信息流)
     Single-column editorial feed. Shared across A's pages.
     Loaded after mobile-base.css.
     ============================================================ */

  /* single-column feed (home + sub-pages) */
  [data-variant="a"] .feed{display:flex;flex-direction:column;gap:44px;}
  [data-variant="a"] .feed .grid-item{margin-bottom:0;}
  [data-variant="a"] .feed .grid-item-title{font-size:21px;max-width:100%;}
  [data-variant="a"] .feed .grid-item-img{margin-bottom:14px;}


  /* home: lead cover (featured story) */
  [data-variant="a"] .lead{position:relative;height:80vh;min-height:540px;overflow:hidden;background:#0a0a0a;}
  [data-variant="a"] .lead img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%;}
  [data-variant="a"] .lead .veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.3) 0%,transparent 32%,transparent 52%,rgba(0,0,0,.72) 100%);}
  [data-variant="a"] .lead .overlay{position:absolute;left:var(--pad-x);right:var(--pad-x);bottom:44px;color:#fff;z-index:2;}
  [data-variant="a"] .lead .eyebrow{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:0.26em;text-transform:uppercase;color:rgba(255,255,255,.78);display:flex;align-items:center;gap:10px;margin-bottom:16px;}
  [data-variant="a"] .lead .eyebrow::before{content:"";width:22px;height:1px;background:rgba(255,255,255,.6);}
  [data-variant="a"] .lead h1{font-family:var(--font-zh);font-size:33px;font-weight:700;line-height:1.12;letter-spacing:-0.01em;margin:0;max-width:15ch;text-wrap:pretty;}
  [data-variant="a"] .lead .meta{margin-top:18px;font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:0.2em;text-transform:uppercase;color:rgba(255,255,255,.6);}
}
