/* micount.cn 白皮书精品版式 v20261013
   新增：数据带 / 洞察框 / 卡片 / 步骤 / 对比 / FAQ / 图注，屏幕与打印双适配。
   仅用于 CN/whitepaper/* 详情页，不改动站点其它模块。 */

/* ===== 封面（仅打印 / PDF 导出时显示） ===== */
.wp-cover { display: none; }

/* ===== 数据带 · 关键数字 ===== */
.wp-keynums {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 150px), 1fr));
  gap: 12px;
  margin: 22px 0 26px;
}
.wp-keynum {
  background: linear-gradient(180deg, #f0fdf4 0%, #ffffff 100%);
  border: 1px solid #d1fae5;
  border-radius: 12px;
  padding: 16px 14px 14px;
  text-align: center;
  break-inside: avoid;
  page-break-inside: avoid;
}
.wp-keynum__v {
  display: block;
  font-size: 1.7rem;
  font-weight: 800;
  line-height: 1.15;
  color: #047857;
  letter-spacing: -0.02em;
}
.wp-keynum__l {
  display: block;
  margin-top: 6px;
  font-size: 0.8rem;
  color: #475569;
  line-height: 1.45;
}
.wp-keynum__s {
  display: block;
  margin-top: 4px;
  font-size: 0.7rem;
  color: #94a3b8;
}

/* ===== 洞察框 ===== */
.wp-insight {
  position: relative;
  margin: 22px 0;
  padding: 15px 18px 15px 46px;
  border-radius: 10px;
  background: #f0f9ff;
  border: 1px solid #bae6fd;
  color: #0c4a6e;
  font-size: 0.93rem;
  line-height: 1.75;
  break-inside: avoid;
  page-break-inside: avoid;
}
.wp-insight::before {
  content: "\f0eb";
  font-family: "FontAwesome";
  position: absolute;
  left: 16px;
  top: 15px;
  color: #0284c7;
  font-size: 1rem;
}
.wp-insight__t {
  display: block;
  font-weight: 700;
  margin-bottom: 4px;
  color: #075985;
}
.wp-insight--warn {
  background: #fffbeb;
  border-color: #fde68a;
  color: #78350f;
}
.wp-insight--warn::before { content: "\f071"; color: #d97706; }
.wp-insight--warn .wp-insight__t { color: #92400e; }
.wp-insight--tip {
  background: #ecfdf5;
  border-color: #a7f3d0;
  color: #064e3b;
}
.wp-insight--tip::before { content: "\f00c"; color: #059669; }
.wp-insight--tip .wp-insight__t { color: #065f46; }

/* ===== 卡片组 ===== */
.wp-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
  gap: 14px;
  margin: 20px 0 24px;
}
.wp-card {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-top: 3px solid #10B981;
  border-radius: 10px;
  padding: 15px 16px 16px;
  break-inside: avoid;
  page-break-inside: avoid;
}
.wp-card__t {
  display: block;
  font-weight: 700;
  color: #065f46;
  font-size: 0.95rem;
  margin-bottom: 6px;
}
.wp-card__b {
  display: block;
  font-size: 0.88rem;
  color: #334155;
  line-height: 1.7;
}

/* ===== 步骤条 ===== */
.wp-steps {
  counter-reset: wpstep;
  margin: 20px 0 24px;
  padding: 0;
  list-style: none;
}
.wp-steps > li {
  counter-increment: wpstep;
  position: relative;
  padding: 0 0 16px 44px;
  margin: 0;
  border-left: 2px dashed #a7f3d0;
  break-inside: avoid;
  page-break-inside: avoid;
}
.wp-steps > li:last-child { border-left-color: transparent; padding-bottom: 0; }
.wp-steps > li::before {
  content: counter(wpstep);
  position: absolute;
  left: -15px;
  top: -2px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #047857;
  color: #fff;
  font-size: 0.82rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wp-steps > li > b { display: block; color: #065f46; font-size: 0.95rem; margin-bottom: 4px; }
.wp-steps > li > span { display: block; font-size: 0.9rem; color: #334155; line-height: 1.7; }

/* ===== 对比（两面） ===== */
.wp-compare {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
  gap: 14px;
  margin: 20px 0 24px;
}
.wp-compare__col {
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 14px 16px;
  background: #fff;
  break-inside: avoid;
  page-break-inside: avoid;
}
.wp-compare__col--pro { border-top: 3px solid #10B981; }
.wp-compare__col--con { border-top: 3px solid #f59e0b; }
.wp-compare__h {
  display: block;
  font-weight: 700;
  font-size: 0.92rem;
  margin-bottom: 8px;
  color: #065f46;
}
.wp-compare__col--con .wp-compare__h { color: #92400e; }
.wp-compare__col ul { margin: 0 0 0 18px; }
.wp-compare__col li { font-size: 0.87rem; line-height: 1.7; margin-bottom: 5px; }

/* ===== FAQ ===== */
.wp-faq { margin: 20px 0 24px; }
.wp-faq__item {
  border: 1px solid #e2e8f0;
  border-radius: 9px;
  margin-bottom: 9px;
  background: #fff;
  break-inside: avoid;
  page-break-inside: avoid;
}
.wp-faq__item > summary {
  cursor: pointer;
  padding: 12px 16px;
  font-weight: 600;
  font-size: 0.93rem;
  color: #065f46;
  list-style: none;
}
.wp-faq__item > summary::-webkit-details-marker { display: none; }
.wp-faq__item > summary::before {
  content: "\f067";
  font-family: "FontAwesome";
  color: #10B981;
  margin-right: 8px;
  font-size: 0.8rem;
}
.wp-faq__item[open] > summary::before { content: "\f068"; }
.wp-faq__a {
  padding: 0 16px 14px 38px;
  font-size: 0.9rem;
  line-height: 1.8;
  color: #334155;
}

/* ===== 小标签 ===== */
.wp-tag {
  display: inline-block;
  padding: 2px 9px;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 600;
  background: #ecfdf5;
  color: #047857;
  border: 1px solid #a7f3d0;
  margin: 0 6px 6px 0;
}
.wp-tag--warn { background: #fffbeb; color: #92400e; border-color: #fde68a; }
.wp-tag--info { background: #eff6ff; color: #1e40af; border-color: #bfdbfe; }

/* ===== 表格增强 ===== */
.wp-tablewrap { overflow-x: auto; margin: 16px 0 20px; -webkit-overflow-scrolling: touch; }
.wp-tablewrap table { margin: 0; min-width: 100%; }
.wp-body table caption,
.article-body table caption {
  caption-side: top;
  text-align: left;
  font-size: 0.8rem;
  color: #64748b;
  padding: 0 0 6px;
}

/* ===== 移动端兜底（375px） ===== */
@media (max-width: 640px) {
  .wp-keynum__v { font-size: 1.45rem; }
  .wp-steps > li { padding-left: 38px; }
  .wp-steps > li::before { width: 24px; height: 24px; left: -13px; font-size: 0.75rem; }
  .wp-insight { padding: 13px 14px 13px 40px; }
  .wp-insight::before { left: 13px; top: 13px; }
}

/* ===== 打印 / PDF 导出优化 ===== */
@media print {
  @page { margin: 14mm 12mm 18mm; }
  html, body { background: #fff !important; }
  .wecom-float, #mobileBar, #backToTop, .float-consult { display: none !important; }
  body.whitepaper-page { font-size: 10.5pt; line-height: 1.7; }
  .wp-body { padding: 0 !important; }
  .wp-container { max-width: 100% !important; padding: 0 !important; }

  /* --- 封面页 --- */
  .wp-cover {
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
    height: 245mm;
    padding: 0 4mm;
    page-break-after: always;
    break-after: page;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  .wp-cover__top {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    border-bottom: 2pt solid #047857;
    padding-bottom: 3mm;
    color: #065f46;
    font-size: 10pt;
    font-weight: 700;
    letter-spacing: 0.06em;
  }
  .wp-cover__site { font-weight: 500; color: #64748b; letter-spacing: 0; }
  .wp-cover__kicker {
    display: inline-block;
    background: #d1fae5;
    color: #047857;
    font-size: 9pt;
    font-weight: 700;
    letter-spacing: 0.16em;
    padding: 1.4mm 4mm;
    border-radius: 999px;
    margin-bottom: 6mm;
  }
  .wp-cover__title {
    font-size: 26pt !important;
    line-height: 1.34;
    color: #064e3b !important;
    margin: 0 0 6mm !important;
    border: 0 !important;
    padding: 0 !important;
    font-weight: 800;
  }
  .wp-cover__sub {
    font-size: 10.5pt;
    color: #334155;
    line-height: 1.85;
    max-width: 150mm;
    margin: 0 0 10mm !important;
  }
  .wp-cover__nums {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3mm;
  }
  .wp-cover__num {
    border: 0.8pt solid #d1fae5;
    border-left: 2mm solid #10B981;
    border-radius: 2mm;
    padding: 3mm;
    background: #f8fafc;
  }
  .wp-cover__num b { display: block; font-size: 14pt; color: #047857; line-height: 1.2; }
  .wp-cover__num span { display: block; font-size: 8pt; color: #475569; margin-top: 1.5mm; line-height: 1.5; }
  .wp-cover__bottom {
    border-top: 0.8pt solid #e2e8f0;
    padding-top: 3mm;
    font-size: 9pt;
    color: #475569;
    display: flex;
    justify-content: space-between;
  }

  .wp-header {
    background: #065f46 !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    padding: 8mm 0 7mm !important;
    page-break-after: avoid;
  }
  .wp-header h1 { font-size: 17pt !important; line-height: 1.3; }
  .wp-header .meta { font-size: 8.5pt !important; }

  .wp-body h2 {
    font-size: 13pt !important;
    margin: 7mm 0 3mm !important;
    padding-bottom: 1.5mm !important;
    border-bottom: 1pt solid #a7f3d0 !important;
    page-break-after: avoid;
    break-after: avoid;
  }
  .wp-body h3 { font-size: 11pt !important; margin: 5mm 0 2mm !important; page-break-after: avoid; }
  .wp-body p { margin-bottom: 2.6mm !important; orphans: 3; widows: 3; }
  .wp-body ul, .wp-body ol { margin: 2mm 0 3mm 6mm !important; }
  .wp-body li { margin-bottom: 1.2mm !important; }

  .wp-body table {
    font-size: 8.5pt !important;
    page-break-inside: auto;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  .wp-body thead { display: table-header-group; }
  .wp-body tr { page-break-inside: avoid; break-inside: avoid; }
  .wp-body caption {
    font-size: 8.5pt !important;
    font-weight: 700;
    color: #065f46 !important;
    page-break-after: avoid;
    break-after: avoid;
  }
  .wp-body th, .wp-body td { padding: 1.4mm 2mm !important; }
  .wp-body table { width: 100% !important; max-width: 100% !important; table-layout: fixed !important; }
  .wp-body th, .wp-body td, .wp-body caption { white-space: normal !important; }
  .wp-body th, .wp-body td { overflow-wrap: anywhere; word-break: break-word; }
  .wp-tablewrap { overflow: visible !important; }

  .wp-keynum__v { font-size: 14pt !important; }
  .wp-keynum { padding: 2.5mm !important; }
  .wp-insight, .wp-card, .wp-compare__col, .wp-faq__item, .wp-figure {
    page-break-inside: avoid;
    break-inside: avoid;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  .wp-insight { padding: 3mm 4mm 3mm 10mm !important; }
  .wp-insight::before { left: 3.5mm !important; top: 3mm !important; }
  .wp-cards { grid-template-columns: repeat(2, 1fr) !important; gap: 2.5mm !important; }
  .wp-compare { grid-template-columns: repeat(2, 1fr) !important; gap: 2.5mm !important; }
  .wp-keynums { grid-template-columns: repeat(4, 1fr) !important; gap: 2.5mm !important; }

  .wp-faq__item > summary { padding: 2mm 3mm !important; }
  .wp-faq__a { padding: 0 3mm 2.5mm 9mm !important; }
  .wp-toc { page-break-after: always; break-after: page; }
  .wp-editorial { font-size: 8.5pt !important; padding: 2.5mm 3.5mm !important; }
  .wp-refs li { font-size: 8.5pt !important; }

  .entry-next-path, .wp-cta, #mobileBar, #backToTop, .floating-contact, iframe { display: none !important; }
}