/* SEO 指南与内容页样式系统 */
.seo-shell {
  max-width: 960px;
  margin: 0 auto;
  padding: 48px 24px 80px;
  color: var(--txd-ink, #edf2ee);
}
.seo-breadcrumb {
  font-size: 0.875rem;
  color: var(--txd-muted, #8d9b91);
  margin-bottom: 20px;
}
.seo-breadcrumb a, .seo-article a {
  color: var(--txd-jade, #329674);
  text-decoration: none;
  font-weight: 500;
}
.seo-breadcrumb a:hover, .seo-article a:hover {
  text-decoration: underline;
}
.seo-eyebrow {
  color: var(--txd-gold, #d4a359);
  font-size: 0.8125rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.seo-article {
  max-width: 820px;
}
.seo-article h1 {
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -0.02em;
  margin: 12px 0 16px;
  color: var(--txd-ink, #edf2ee);
}
.seo-lead {
  font-size: 1.125rem;
  line-height: 1.8;
  color: var(--txd-muted, #8d9b91);
  margin: 0;
}
.seo-meta {
  font-size: 0.875rem;
  color: var(--txd-muted, #8d9b91);
  margin: 16px 0 32px;
}
.seo-article h2 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.35;
  margin: 40px 0 12px;
  color: var(--txd-ink, #edf2ee);
}
.seo-article h3 {
  font-size: 1.125rem;
  font-weight: 600;
  margin: 24px 0 8px;
  color: var(--txd-ink, #edf2ee);
}
.seo-article p, .seo-article li {
  line-height: 1.85;
  color: var(--txd-muted, #8d9b91);
  font-size: 0.9375rem;
}
.seo-article ol, .seo-article ul {
  padding-left: 1.35em;
}
.seo-note, .seo-checklist {
  border: 1px solid var(--txd-line, rgba(255,255,255,.09));
  border-radius: 12px;
  background: var(--txd-surface-soft, #1b231e);
  padding: 16px 20px;
  margin: 24px 0;
}
.seo-card-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin: 24px 0;
}
.seo-card {
  display: block;
  border: 1px solid var(--txd-line, rgba(255,255,255,.09));
  border-radius: 12px;
  padding: 18px;
  background: var(--txd-surface, #141a16);
  color: inherit !important;
  text-decoration: none;
  transition: transform .18s ease, border-color .18s ease;
}
.seo-card:hover {
  transform: translateY(-2px);
  border-color: var(--txd-line-strong, rgba(255,255,255,.2));
}
.seo-card strong {
  display: block;
  color: var(--txd-ink, #edf2ee);
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 6px;
}
.seo-card span {
  font-size: 0.875rem;
  line-height: 1.6;
  color: var(--txd-muted, #8d9b91);
}
.seo-article footer {
  border-top: 1px solid var(--txd-line, rgba(255,255,255,.09));
  margin-top: 48px;
  padding-top: 20px;
  color: var(--txd-muted, #8d9b91);
  font-size: 0.875rem;
}

html[data-theme="day"] .seo-shell {
  color: var(--txd-ink, #141a16);
}
html[data-theme="day"] .seo-article h1,
html[data-theme="day"] .seo-article h2,
html[data-theme="day"] .seo-article h3,
html[data-theme="day"] .seo-card strong {
  color: var(--txd-ink, #141a16);
}
html[data-theme="day"] .seo-lead,
html[data-theme="day"] .seo-meta,
html[data-theme="day"] .seo-article p,
html[data-theme="day"] .seo-article li,
html[data-theme="day"] .seo-card span,
html[data-theme="day"] .seo-breadcrumb,
html[data-theme="day"] .seo-article footer {
  color: var(--txd-muted, #5e6b63);
}
html[data-theme="day"] .seo-note,
html[data-theme="day"] .seo-checklist {
  border-color: var(--txd-line, #d8e0da);
  background: var(--txd-surface-soft, #edf2ee);
}
html[data-theme="day"] .seo-card {
  border-color: var(--txd-line, #d8e0da);
  background: var(--txd-surface, #ffffff);
}
html[data-theme="day"] .seo-article footer {
  border-top-color: var(--txd-line, #d8e0da);
}

@media (max-width: 640px) {
  .seo-shell { padding: 32px 16px 60px; }
  .seo-card-grid { grid-template-columns: 1fr; }
  .seo-article h1 { font-size: 1.875rem; }
  .seo-article h2 { font-size: 1.35rem; margin-top: 32px; }
}