/* 子页面通用样式（番号页/配件中心/机型页/二手机/FAQ） */
.sp-page { background: var(--bg); }
.sp-main { min-height: 60vh; padding-bottom: 60px; }

.crumbs { font-size: 13px; color: var(--text-muted); padding: 18px 20px 0; }
.crumbs a { color: var(--blue); text-decoration: none; }

.sp-hero { background: var(--blue); color: #fff; padding: 48px 20px; }
.sp-hero h1 { font-size: 30px; margin-bottom: 8px; }
.sp-hero p { opacity: .92; max-width: 860px; }
.sp-hero-note { margin-top: 10px; font-size: 14px; }
.wa-inline { color: #ffd28a; font-weight: 600; }

.cat-zh { font-size: 15px; color: var(--text-muted); font-weight: 400; margin-left: 8px; }
.part-card { display: block; text-decoration: none; color: inherit; }
.part-more { display: inline-block; margin-top: 8px; font-size: 13px; color: var(--blue); font-weight: 600; }

/* 番号详情页 */
.pd-wrap { padding: 28px 20px 60px; }
.pd-grid { display: grid; grid-template-columns: minmax(300px, 480px) 1fr; gap: 36px; align-items: start; }
.pd-figure { margin: 0; border: 1px solid #e3e8f0; border-radius: 14px; overflow: hidden; background: #fff; }
.pd-figure img { width: 100%; height: auto; display: block; }
.pd-figure figcaption { font-size: 12px; color: var(--text-muted); padding: 8px 12px; border-top: 1px solid #e3e8f0; text-align: center; }
.pd-cat { display: inline-block; font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: var(--blue); background: rgba(11,61,145,.08); padding: 4px 10px; border-radius: 999px; margin-bottom: 10px; }
.pd-pn { font-size: 34px; line-height: 1.15; color: var(--text); }
.pd-name { font-size: 19px; color: var(--text); margin-top: 6px; font-weight: 500; }
.pd-zh { color: var(--text-muted); margin-top: 2px; }
.pd-table { width: 100%; border-collapse: collapse; margin: 18px 0; font-size: 14px; }
.pd-table th, .pd-table td { text-align: left; padding: 9px 12px; border-bottom: 1px solid #e3e8f0; vertical-align: top; }
.pd-table th { width: 130px; color: var(--text-muted); font-weight: 500; white-space: nowrap; }
.pd-cta { display: flex; flex-wrap: wrap; gap: 12px; margin: 18px 0 10px; }
.pd-note { font-size: 13px; color: var(--text-muted); }
.pd-desc { margin-top: 42px; max-width: 900px; }
.pd-desc h3 { font-size: 18px; margin-bottom: 10px; }
.pd-desc p { color: var(--text); opacity: .85; margin-bottom: 10px; line-height: 1.8; }
.pd-related { margin-top: 48px; }
.pd-related h3 { font-size: 18px; margin-bottom: 14px; }

.model-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.query-box { background: #fff; border: 1px solid #e3e8f0; border-radius: 16px; padding: 30px 28px; max-width: 720px; margin: 0 auto; text-align: center; }
.query-box h3 { font-size: 20px; margin-bottom: 8px; }
.sp-p { color: var(--text-muted); margin-bottom: 14px; }

.faq-list { max-width: 880px; }
.faq-item { background: #fff; border: 1px solid #e3e8f0; border-radius: 12px; padding: 20px 22px; margin-bottom: 14px; }
.faq-item h3 { font-size: 16px; margin-bottom: 8px; }
.faq-item p { color: var(--text-muted); line-height: 1.75; }

@media (max-width: 900px) {
  .pd-grid { grid-template-columns: 1fr; }
  .pd-pn { font-size: 26px; }
  .model-grid { grid-template-columns: 1fr; }
  .sp-hero h1 { font-size: 24px; }
}
