/* =========================================================================
   print.css — 打印 / 导出 PDF 场景
   目标：去掉导航与交互件，保留内容与层级，链接展开为可见 URL
   ========================================================================= */

@media print {
  :root,
  :root[data-theme="light"],
  :root[data-theme="dark"] {
    --bg-page: #ffffff;
    --bg-surface: #ffffff;
    --bg-raised: #ffffff;
    --bg-subtle: #ffffff;
    --fg-primary: #000000;
    --fg-secondary: #1a1a1a;
    --fg-muted: #4a4a4a;
    --bd-subtle: #d0d0d0;
    --bd-strong: #9a9a9a;
    --accent: #134f46;
    --accent-weak: #f1f4f2;
    --shadow-1: none;
    --shadow-2: none;
    --shadow-3: none;
    --surface-sheen: transparent;
  }

  @page {
    margin: 16mm 14mm;
  }

  body {
    background: #fff;
    color: #000;
    font-size: 10.5pt;
    line-height: 1.6;
  }

  .site-header,
  .nav-panel,
  .progress,
  .toast-region,
  .cmdk,
  .fab,
  .skip-link,
  .now__toggle,
  .filters,
  .social,
  .form__actions,
  .form__status,
  .closing__deco,
  .to-top,
  .card__arrow {
    display: none !important;
  }

  .section,
  .closing {
    padding-block: 12pt;
    break-inside: avoid;
  }

  .hero {
    padding-top: 0;
  }

  .hero__grid {
    grid-template-columns: 1fr 34mm;
    gap: 10mm;
  }

  .hero__media {
    order: 0;
    max-width: 34mm;
  }

  .avatar {
    box-shadow: none;
  }

  h1 {
    font-size: 26pt;
  }

  h2 {
    font-size: 16pt;
  }

  .card,
  .tl,
  .note,
  .faq__item {
    break-inside: avoid;
  }

  .card {
    box-shadow: none;
    transform: none;
  }

  .card__media {
    max-height: 30mm;
  }

  .cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tl {
    display: block !important;
    padding-left: 10mm;
  }

  .timeline::before {
    left: 3mm !important;
  }

  .tl::before {
    left: 1mm !important;
    transform: none !important;
    box-shadow: none !important;
  }

  .tl__side,
  .tl__body {
    padding: 0 !important;
    text-align: left !important;
  }

  .contact__grid {
    grid-template-columns: 1fr;
  }

  .form {
    display: none !important;
  }

  a {
    text-decoration: none;
  }

  a[href^="http"]::after {
    content: " (" attr(href) ")";
    color: #555;
    font-size: 8pt;
    word-break: break-all;
  }

  .mailto::after {
    content: "";
  }

  .js .reveal {
    opacity: 1 !important;
    transform: none !important;
  }
}