/* list_133/1344 — 鞋用防霉片选型指南（scoped） */
.smg { --smg-ink:#1a2332; --smg-muted:#5a6575; --smg-line:#e6ebf0; --smg-bg:#f6f8fa; --smg-accent:#0b5f8a; --smg-accent-2:#0a7a5a; --smg-warn:#9a3412; --smg-card:#fff; font-size:16px; line-height:1.75; color:var(--smg-ink); }
.smg * { box-sizing:border-box; }
.smg-lead { margin:0 0 1.25rem; color:var(--smg-muted); font-size:1.05rem; }
.smg-callout { margin:0 0 1.75rem; padding:1.15rem 1.25rem; border-left:4px solid var(--smg-accent); background:linear-gradient(135deg,#eef7fb 0%,#f7fbfc 100%); border-radius:0 10px 10px 0; }
.smg-callout__title { margin:0 0 .65rem; font-size:1.1rem; font-weight:700; color:var(--smg-accent); }
.smg-callout ul { margin:0; padding-left:1.15rem; }
.smg-callout li { margin:.35rem 0; }
.smg-callout strong { color:var(--smg-ink); }
.smg h2 { margin:2rem 0 .85rem; font-size:1.35rem; line-height:1.35; color:var(--smg-ink); }
.smg h3 { margin:1.25rem 0 .5rem; font-size:1.1rem; color:var(--smg-ink); }
.smg p { margin:0 0 1rem; }
.smg a { color:var(--smg-accent); text-decoration:underline; text-underline-offset:2px; }
/* CTA 内文字必须白：覆盖 .smg h2/h3 与正文默认深色 */
.smg .smg-cta,
.news-detail .richtext .smg .smg-cta {
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
.smg .smg-cta h2,
.smg .smg-cta h3,
.smg .smg-cta h4,
.smg .smg-cta p,
.smg .smg-cta strong,
.smg .smg-cta span,
.news-detail .richtext .smg .smg-cta h2,
.news-detail .richtext .smg .smg-cta h3,
.news-detail .richtext .smg .smg-cta p,
.news-detail .richtext .smg .smg-cta strong {
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
.smg-table-wrap { width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; margin:1rem 0 1.5rem; border:1px solid var(--smg-line); border-radius:10px; background:var(--smg-card); }
.smg-table { width:100%; min-width:640px; border-collapse:collapse; font-size:.95rem; }
.smg-table th,.smg-table td { padding:.85rem .9rem; border-bottom:1px solid var(--smg-line); text-align:left; vertical-align:top; }
.smg-table th { background:#eef3f7; font-weight:700; white-space:nowrap; }
.smg-table tr:last-child td { border-bottom:0; }
.smg-risk { display:inline-block; padding:.15rem .5rem; border-radius:999px; font-size:.8rem; font-weight:700; }
.smg-risk--high { background:#ffedd5; color:var(--smg-warn); }
.smg-risk--mid { background:#e0f2fe; color:#075985; }
.smg-risk--combo { background:#dcfce7; color:#166534; }
.smg-trust { margin:1.5rem 0; padding:1.25rem; background:var(--smg-bg); border-radius:12px; border:1px solid var(--smg-line); }
.smg-badges { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.75rem; margin:1rem 0 0; }
.smg-badge { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.4rem; min-height:96px; padding:.75rem .5rem; background:var(--smg-card); border:1px dashed #c9d4de; border-radius:10px; text-align:center; }
.smg-badge__mark { width:44px; height:44px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:.72rem; font-weight:800; letter-spacing:.02em; color:#fff; background:var(--smg-accent); }
.smg-badge__mark--g { background:var(--smg-accent-2); }
.smg-badge__mark--o { background:#b45309; }
.smg-badge__mark--d { background:#334155; }
.smg-badge span { font-size:.78rem; color:var(--smg-muted); line-height:1.35; }
.smg-media { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; margin:1rem 0 0; }
.smg-media__card { margin:0; background:var(--smg-card); border:1px solid var(--smg-line); border-radius:10px; overflow:hidden; }
.smg-media__card img { display:block; width:100%; height:auto; aspect-ratio:16/10; object-fit:cover; background:#dde5ec; }
.smg-media__card img.smg-media__img--portrait { aspect-ratio:3/4; object-fit:cover; object-position:center; max-height:420px; width:100%; }
.smg-media__ph { display:flex; align-items:center; justify-content:center; aspect-ratio:16/10; background:linear-gradient(145deg,#d9e4ec,#eef3f7); color:#64748b; font-size:.9rem; padding:1rem; text-align:center; }
.smg-media__card figcaption { padding:.7rem .85rem; font-size:.85rem; color:var(--smg-muted); }
.smg-cta { margin:1.75rem 0; padding:1.35rem 1.4rem; border-radius:14px; background:linear-gradient(135deg,#0b5f8a 0%,#0a7a5a 100%); color:#fff; box-shadow:0 10px 28px rgba(11,95,138,.22); }
.smg-cta h2,.smg-cta h3 { margin:0 0 .55rem; font-size:1.25rem; font-weight:700; }
.smg-cta p { margin:0 0 1rem; font-size:1.02rem; line-height:1.7; opacity:1; }
.smg-cta__actions { display:flex; flex-wrap:wrap; gap:.65rem; align-items:center; }
.smg-btn { display:inline-flex; align-items:center; justify-content:center; padding:.7rem 1.15rem; border-radius:8px; font-weight:700; text-decoration:none !important; border:0; cursor:pointer; font-size:.95rem; line-height:1.2; }
.smg-btn--primary,
.smg a.smg-btn--primary,
.smg-cta .smg-btn--primary,
.news-detail .richtext .smg .smg-cta .smg-btn--primary {
  background:#fff !important;
  color:#0b5f8a !important;
  -webkit-text-fill-color:#0b5f8a !important;
  border:1px solid #fff !important;
}
.smg-btn--primary:hover,
.smg a.smg-btn--primary:hover { background:#f0f9ff !important; color:#0b5f8a !important; -webkit-text-fill-color:#0b5f8a !important; }
/* 覆盖 .richtext a 全局蓝色，保证描边按钮白字可读 */
.smg-btn--ghost,
.smg a.smg-btn--ghost,
.smg-cta a.smg-btn--ghost,
.smg .smg-cta a.smg-btn--ghost:link,
.smg .smg-cta a.smg-btn--ghost:visited,
.news-detail .richtext .smg .smg-cta a.smg-btn--ghost {
  background:rgba(255,255,255,.14) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  border:1px solid #fff !important;
}
.smg-btn--ghost:hover,
.smg a.smg-btn--ghost:hover,
.smg-cta a.smg-btn--ghost:hover {
  background:rgba(255,255,255,.26) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  border-color:#fff !important;
}
.smg-steps { margin:0 0 1rem; padding-left:1.2rem; }
.smg-steps li { margin:.4rem 0; }
.smg-related { margin-top:1.5rem; padding-top:1rem; border-top:1px solid var(--smg-line); font-size:.95rem; color:var(--smg-muted); }
@media (max-width:767.98px) {
  .smg-badges { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .smg-media { grid-template-columns:1fr; }
  .smg-cta__actions { flex-direction:column; align-items:stretch; }
  .smg-btn { width:100%; }
}