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

@media (max-width: 768px) {
  /* ============================================================
     Direction C — Full-bleed Editorial (全屏大图叙事)
     Immersive hero + numbered chapters + full-bleed blocks.
     Shared across C's pages. Loaded after mobile-base.css.
     ============================================================ */

  /* immersive hero */
  [data-variant="c"] .hero--page{height:92vh;min-height:600px;max-height:none;}
  [data-variant="c"] .hero-title-overlay{bottom:72px;}
  [data-variant="c"] .hero-title-overlay .eyebrow{margin-bottom:18px;}
  [data-variant="c"] .hero-title-overlay h1{font-size:clamp(52px,17vw,76px);line-height:0.92;}
  [data-variant="c"] .scroll-hint{
    position:absolute;left:var(--pad-x);bottom:28px;z-index:3;color:rgba(255,255,255,.6);
    font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:0.24em;
    text-transform:uppercase;display:flex;align-items:center;gap:10px;
  }
  [data-variant="c"] .scroll-hint::after{content:"";width:30px;height:1px;background:rgba(255,255,255,.45);}


  /* chapter divider */
  [data-variant="c"] .divider{padding:80px var(--pad-x) 30px;}
  [data-variant="c"] .divider .lbl{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:0.3em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:12px;margin-bottom:18px;}
  [data-variant="c"] .divider .lbl::before{content:"";width:28px;height:1px;background:var(--fg);}
  [data-variant="c"] .divider h2{font-family:var(--font-zh);font-size:clamp(52px,17vw,70px);font-weight:700;line-height:0.96;letter-spacing:-0.03em;margin:0;}
  [data-variant="c"] .divider h2 .en{display:block;font-family:var(--font-sans);font-weight:800;font-size:0.34em;letter-spacing:-0.01em;color:var(--muted);margin-top:10px;text-transform:uppercase;}
  [data-variant="c"] .divider .sub{margin-top:16px;font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:0.2em;text-transform:uppercase;color:var(--muted);}


  /* full-bleed editorial block */
  [data-variant="c"] .ed-block{display:block;margin-bottom:60px;}
  [data-variant="c"] .ed-img{width:100%;overflow:hidden;background:#ededed;}
  [data-variant="c"] .ed-img img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease);}
  [data-variant="c"] .ed-block:active .ed-img img{transform:scale(1.03);}
  [data-variant="c"] .ed-ar-4-5 .ed-img{aspect-ratio:4/5;}
  [data-variant="c"] .ed-ar-3-2 .ed-img{aspect-ratio:3/2;}
  [data-variant="c"] .ed-ar-2-3 .ed-img{aspect-ratio:2/3;}
  [data-variant="c"] .ed-cap{display:flex;gap:16px;padding:18px var(--pad-x) 0;}
  [data-variant="c"] .ed-num{font-family:var(--font-sans);font-size:13px;font-weight:700;letter-spacing:0.06em;color:var(--muted);font-variant-numeric:tabular-nums;padding-top:4px;flex:0 0 auto;}
  [data-variant="c"] .ed-tag{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:0.2em;text-transform:uppercase;color:var(--muted);margin-bottom:7px;}
  [data-variant="c"] .ed-title{font-family:var(--font-zh);font-size:27px;font-weight:700;line-height:1.18;letter-spacing:-0.01em;margin:0;color:var(--fg);text-wrap:pretty;}
  [data-variant="c"] .ed-title .en{display:block;font-family:var(--font-sans);font-weight:700;font-size:0.5em;color:var(--muted);margin-top:6px;letter-spacing:0.01em;}
  [data-variant="c"] .ed-price{margin-top:12px;font-family:var(--font-sans);font-size:19px;font-weight:700;letter-spacing:0.01em;color:var(--fg);}


  /* compact 2-col editorial grid */
  [data-variant="c"] .ed-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px 16px;padding:0 var(--pad-x);}
  [data-variant="c"] .ed-grid .ed-block{margin-bottom:0;}
  [data-variant="c"] .ed-grid .ed-cap{padding:13px 0 0;gap:0;flex-direction:column;}
  [data-variant="c"] .ed-grid .ed-num{padding:0 0 6px;}
  [data-variant="c"] .ed-grid .ed-title{font-size:17px;}
  [data-variant="c"] .ed-grid .ed-img{aspect-ratio:4/5;}


  /* archive: era timeline as editorial list */
  [data-variant="c"] .c-eras{padding:0 var(--pad-x);}
  [data-variant="c"] .c-era{padding:26px 0;border-top:1px solid var(--fg);}
  [data-variant="c"] .c-era .eid{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:0.24em;text-transform:uppercase;color:var(--muted);margin-bottom:14px;}
  [data-variant="c"] .c-era .eyears{font-family:var(--font-sans);font-size:clamp(34px,11vw,46px);font-weight:800;letter-spacing:-0.03em;line-height:0.95;margin-bottom:12px;}
  [data-variant="c"] .c-era .ename{font-family:var(--font-zh);font-size:24px;font-weight:700;margin:0 0 2px;}
  [data-variant="c"] .c-era .een{font-family:var(--font-sans);font-size:13px;font-weight:700;color:var(--muted);margin-bottom:12px;}
  [data-variant="c"] .c-era .edesc{font-family:var(--font-zh);font-size:14px;line-height:1.62;color:var(--fg);margin:0;text-wrap:pretty;}


  /* plaza: editorial post list (big type, big reply count) */
  [data-variant="c"] .c-postlist{border-top:1px solid var(--fg);}
  [data-variant="c"] .c-post{display:grid;grid-template-columns:1fr auto;align-items:start;gap:18px;padding:26px var(--pad-x) 24px;border-bottom:1px solid var(--border);transition:background .2s var(--ease);}
  [data-variant="c"] .c-post:hover{background:#fafafa;}
  [data-variant="c"] .c-post .pmain{display:flex;flex-direction:column;gap:11px;min-width:0;}
  [data-variant="c"] .c-post .ptag{align-self:flex-start;font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--fg);padding:3px 7px;border:1px solid var(--fg);}
  [data-variant="c"] .c-post.pinned .ptag{background:var(--fg);color:#fff;}
  [data-variant="c"] .c-post .ptitle{font-family:var(--font-zh);font-size:23px;font-weight:700;line-height:1.22;letter-spacing:-0.01em;margin:0;color:var(--fg);text-wrap:pretty;}
  [data-variant="c"] .c-post .pmeta{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:0.08em;color:var(--muted);display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
  [data-variant="c"] .c-post .pmeta .author{color:var(--fg);font-weight:600;}
  [data-variant="c"] .c-post .pmeta .channel{letter-spacing:0.14em;text-transform:uppercase;}
  [data-variant="c"] .c-post .pmeta .sep{opacity:.5;}
  [data-variant="c"] .c-post .preplies{text-align:right;display:flex;flex-direction:column;align-items:flex-end;white-space:nowrap;}
  [data-variant="c"] .c-post .preplies .num{font-family:var(--font-sans);font-size:34px;font-weight:800;letter-spacing:-0.03em;line-height:0.9;font-variant-numeric:tabular-nums;}
  [data-variant="c"] .c-post .preplies .label{font-family:var(--font-mono);font-size:8px;font-weight:500;letter-spacing:0.2em;text-transform:uppercase;color:var(--muted);margin-top:4px;}
}