/* MEILI AI v5.30 · 打印样式
   ------------------------------------------------------------
   之前全站只有 1 条 @media print（base.css 的 [data-reveal]），
   走 Chrome 真实打印管线（Page.printToPDF，printBackground:false，
   即打印对话框默认的「不打印背景」）实测：
     · hero 渐变字 h1 em —— color 是 rgba(0,0,0,0) + background-clip:text，
       背景不打印 → 「AI 驱动」四个字在打印稿里整段空白；
     · 正文 #F2F4F9（近白）印在白纸上，hero 区实测 min=162 / max=255、
       背景 91.8% 纯白，对比度 ≈ 1.56:1，远低于 WCAG AA 的 4.5:1；
     · 导航 / canvas / video 照常渲染，71 个被隐藏的元素仍占着尺寸。
   这里补齐打印排版收敛：字转深色、渐变字转实色、交互层隐藏、动画元素展开。
   屏幕样式一行不改。
   ================================================================ */

@media print {

  /* ---- 1. 页面设置：白纸黑字 ---- */
  @page { margin: 14mm; }

  html, body {
    background: #fff !important;
    color: #1a1a1a !important;
    height: auto !important;
    overflow: visible !important;
  }

  /* 所有文字统一转深色。
     用 !important + 通配覆盖，才能压掉硬编码的浅色
     （#F2F4F9 / #9BA1B3 / rgba(255,255,255,.x) 这类不认变量的写法）。 */
  body, body * { color: #1a1a1a !important; }

  /* ---- 2. 渐变字：background-clip:text 在「不打印背景」时是空字 ---- */
  .v4-hero h1 em,
  .pw-title em,
  em[class] {
    background: none !important;
    -webkit-background-clip: initial !important;
    background-clip: initial !important;
    color: #1a1a1a !important;
  }

  /* ---- 3. 隐藏交互层与装饰层（它们在纸上没有意义，还占位置） ---- */
  .v4-nav,
  .v5-rail,
  .v4-nav__progress,
  canvas,
  video,
  .pw-marquee,
  .c-demo__play,
  .v5-halo,
  .v4-map-pulse {
    display: none !important;
  }

  /* 固定定位改常规流，避免同一块内容在每页重复印一次 */
  .v4-nav, .v5-rail { position: static !important; }

  /* ---- 4. 滚动渐显元素：打印时全部展开 ---- */
  [data-reveal] {
    opacity: 1 !important;
    transform: none !important;
    visibility: visible !important;
  }

  /* ---- 5. 图片与卡片 ---- */
  img, svg, figure { break-inside: avoid; }
  img { max-width: 100% !important; height: auto !important; }
  figure { margin: 0 0 8pt; }

  /* ---- 6. 断行控制：标题不落在页尾，图片不跨页断开 ---- */
  h1, h2, h3, h4 { break-after: avoid-page; page-break-after: avoid; }
  p, li { orphans: 3; widows: 3; }
  section { break-inside: auto; }

  /* ---- 7. 链接：纸上仍可点，但补下划线保留层级 ---- */
  a { text-decoration: underline; }

  /* ---- 8. 深色底板在纸上变白，边框留着当分隔 ---- */
  .v4-hero, .v4-section, .c-plate, .c-browser, .c-phone__screen {
    background: #fff !important;
    box-shadow: none !important;
  }
}