/* 打印样式（以 media="print" 引入）

   两个打印场景：
   1. 二维码贴纸 —— 贴教室门口或发给家长，只要二维码、标题、编号、口令
   2. 汇总报告   —— 横条图和明细表，交给教研组

   明细表打印**永远是脱敏值**：纸质件一旦印出来就不受控了，
   界面上"显示完整"是逐行临时点开的，不进打印。 */

@page { size: A4 portrait; margin: 14mm; }

@media print {
  .site-header, .site-footer, .skip-link, .toasts,
  .dialog-backdrop, .page-head__actions, .btn, .icon-btn,
  .reveal, .no-print {
    display: none !important;
  }

  /* 顶部深色带留着 —— 上面是问卷标题，打出来的汇总没标题就不知道是哪份。
     但底色和白字得去掉，否则纸上要么一片深蓝，要么白字印成空白。 */
  .top-band, .hero-band {
    background: none !important;
    color: #000 !important;
    margin: 0 !important;
    padding: 0 0 4mm !important;
  }
  .hero-band p { color: #333 !important; max-width: none; }

  body { background: #fff; color: #000; font-size: 11pt; }
  main { padding: 0; }
  .container { max-width: none; padding: 0; }

  .card {
    box-shadow: none; border: 0; padding: 0; background: transparent;
    break-inside: avoid;
  }
  .card + .card { margin-top: 8mm; }

  h1 { font-size: 18pt; margin: 0 0 4mm; }
  h2 { font-size: 13pt; }

  /* 横条图和二维码的色块必须打出来，否则整页只剩数字 */
  .bar-fill, .bar-track, .qr-canvas {
    print-color-adjust: exact;
    -webkit-print-color-adjust: exact;
  }

  .qr-canvas { max-width: 68mm; }
  .publish { display: block; }

  .data-table { width: 100%; border-collapse: collapse; font-size: 9.5pt; }
  .data-table th, .data-table td { border: 1px solid #999; padding: 1.5mm 2mm; }
  .data-table thead { display: table-header-group; }
  tr { break-inside: avoid; }
  h1, h2, h3 { break-after: avoid; }

  a[href]::after { content: ""; }
}