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

@media print {
  html,
  body,
  #life-root,
  .life-number-page {
    width: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #243247 !important;
    background: #fff !important;
    print-color-adjust: exact;
    -webkit-print-color-adjust: exact;
  }

  .life-number-toolbar,
  .life-number-tabs,
  .print-hide {
    display: none !important;
  }

  .life-number-content {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .life-number-report-header {
    margin: 0 0 8mm !important;
    padding: 0 0 5mm !important;
    border-bottom: 1px solid #e7eaf0;
    break-after: avoid;
  }

  .life-number-report-header::before {
    display: block;
    margin-bottom: 4mm;
    color: #ff6e40;
    content: "得忘家庭教育 · 生命密码分析报告";
    font-size: 11pt;
    letter-spacing: 1px;
  }

  .life-tab-panel {
    display: block !important;
    margin: 0 0 7mm !important;
    overflow: visible !important;
    break-inside: auto;
  }

  .life-tab-panel > * {
    margin-bottom: 5mm !important;
    break-inside: avoid;
  }

  .life-tab-deep > :first-child {
    break-inside: auto !important;
  }

  .life-tab-deep > :first-child .space-y-3 > div {
    break-inside: avoid;
  }

  .life-tab-triangle svg {
    display: block !important;
    width: 155mm !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
  }

  .life-number-content > .grid {
    break-inside: avoid;
  }

  .life-number-calculations details {
    display: block !important;
    break-before: page;
  }

  .life-number-calculations summary {
    display: none !important;
  }

  .life-number-calculations details > * {
    display: block !important;
  }

  .life-number-calculations dt,
  .life-number-calculations dd,
  .life-number-content p,
  .life-number-content span,
  .life-number-content h1,
  .life-number-content h2,
  .life-number-content h3 {
    color: #243247 !important;
    overflow-wrap: anywhere;
  }

  .life-number-disclaimer {
    margin-top: 7mm !important;
    padding-top: 4mm;
    border-top: 1px solid #e7eaf0;
    break-inside: avoid;
  }
}