.xcd-pn {
  font-family: "Segoe UI", "PingFang SC", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif;
  color: #0f172a;
}
.xcd-pn .wrap { max-width: 980px; margin: 0 auto; padding: 0 12px 24px; }
.xcd-pn .crumb { font-size: 13px; color: #64748b; margin: 14px 0 10px; }
.xcd-pn .crumb a { color: #1d4ed8; }
.xcd-pn .crumb .sep { margin: 0 6px; color: #94a3b8; }
.xcd-pn h1 { font-size: clamp(1.25rem, 2.4vw, 1.75rem); line-height: 1.35; margin: 0 0 12px; }
.xcd-pn .lead { font-size: 16px; line-height: 1.8; color: #334155; }
.xcd-pn .box { background: #fff; border: 1px solid #e5e7eb; border-radius: 12px; padding: 18px 18px 8px; }
.xcd-pn section { margin: 0 0 22px; }
.xcd-pn h2 { font-size: 1.15rem; margin: 0 0 10px; color: #1e3a8a; border-left: 3px solid #2f9cdc; padding-left: 10px; }
.xcd-pn table { width: 100%; border-collapse: collapse; margin: 8px 0 12px; font-size: 14px; }
.xcd-pn th, .xcd-pn td { border: 1px solid #dbe3ef; padding: 8px 10px; text-align: left; vertical-align: top; }
.xcd-pn th { background: #f1f6ff; color: #1e3a8a; }
.xcd-pn .cta-row { display: flex; flex-wrap: wrap; gap: 10px; margin: 14px 0; }
.xcd-pn .cta {
  display: inline-flex; align-items: center; justify-content: center;
  padding: .7rem 1.15rem; border-radius: 4px; font-weight: 700; text-decoration: none;
}
.xcd-pn .cta.primary { background: #2f9cdc; color: #fff; }
.xcd-pn .cta.ghost { border: 1px solid #94a3b8; color: #1e3a8a; }
.xcd-pn .faq dt { font-weight: 700; margin: 10px 0 4px; }
.xcd-pn .faq dd { margin: 0 0 8px; color: #334155; line-height: 1.7; }
.xcd-pn .note { font-size: 14px; color: #475569; line-height: 1.7; }
.xcd-pn .filter-bar { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 10px 0; }
.xcd-pn .filter-bar input, .xcd-pn .filter-bar select { padding: 6px 8px; }
.xcd-pn .sku { font-family: Consolas, Monaco, monospace; font-weight: 700; }
@media (max-width: 760px) {
  .xcd-pn .box { padding: 12px; }
  .xcd-pn table { font-size: 13px; }
}