.theme-toggle { display: inline-flex; align-items: center; justify-content: center; gap: 7px; flex-shrink: 0; min-width: 76px; min-height: 44px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 6px; color: var(--text); font-size: 12px; }
.theme-toggle:hover { background: var(--surface-raised); border-color: var(--muted); }
.theme-toggle svg { width: 17px; height: 17px; }
.theme-icon-light { display: none; }
/* 统一网站关键标题、操作入口和状态的字重，产品演示内部文字保持原样。 */
.site-header .nav-action,
.primary-button, .outline-button, .small-button, .text-button, .quiet-link, .theme-toggle,
.availability, .section-label, .nav-badge, .installation-status, .installation-label strong,
.contact-email span, .contact-group-row strong { font-weight: 600; }
.nav-label small { font-weight: 600; }
.hero h2, .section-intro h2, .extension-copy h2, .download-heading h2,
.workflow-steps h3, .download-row h3, .faq h2, .closing h2, dialog h2 { font-weight: 600; }
:root[data-theme="light"] .theme-icon-light { display: block; }
:root[data-theme="light"] .theme-icon-dark { display: none; }
:root[data-theme="dark"] { color-scheme: dark; }
:root[data-theme="light"] {
  color-scheme: light;
  --background: #f6f7f3;
  --surface: #ffffff;
  --surface-raised: #eaf0e9;
  --line: #d3ddd2;
  --text: #1c2d25;
  --muted: #56685d;
  --accent: #286448;
  --accent-dark: #e3efe4;
}

/* 深色使用确认原稿；浅色按新参考图显示深色字形与橙色重点，保留原字形和透明背景。 */
.brand-filter-defs { position: absolute; width: 0; height: 0; overflow: hidden; pointer-events: none; }
.brand-lockup { display: grid; grid-template-columns: 36px minmax(0, 1fr); align-items: center; gap: 8px; padding: 6px; border-radius: 8px; }
.brand-icon { display: block; width: 36px; aspect-ratio: 1; overflow: hidden; border-radius: 7px; }
.brand-icon img, .brand-icon svg { display: block; width: 100%; height: 100%; object-fit: contain; }
.brand-icon .brand-logo-light { display: none; }
.brand-name { display: block; width: 100%; height: auto; aspect-ratio: 855 / 142; overflow: hidden; }
:root[data-theme="light"] .brand-icon .brand-logo-dark { display: none; }
:root[data-theme="light"] .brand-icon .brand-logo-light { display: block; }
/* 将中性白色映射为参考图的深色；橙色的蓝通道接近零，播放键、圆点及 N 的颜色保留。 */
:root[data-theme="light"] .brand-logo-light image,
:root[data-theme="light"] .brand-name image,
:root[data-theme="light"] .hero-wordmark image { filter: url(#soulnode-light-ink); }

/* 浅色仅覆盖官网外层配色；游戏画面、产品演示内部配色与收款原图继续保留。 */
:root[data-theme="light"] .preview-bar { background: #e6eee4; border-color: var(--line); color: var(--muted); }
:root[data-theme="light"] .preview-bar a,
:root[data-theme="light"] .quiet-link { color: var(--accent); }
:root[data-theme="light"] .small-button { border-color: #99ad9b; }
:root[data-theme="light"] .site-header nav { color: var(--text); }
:root[data-theme="light"] .site-header .nav-action { color: var(--text); background: #fff; border-color: var(--line); }
:root[data-theme="light"] .site-header .nav-action:hover { background: #e6efe5; border-color: #6f9277; color: var(--accent); }
:root[data-theme="light"] .site-header .nav-primary { color: #fff; background: var(--accent); border-color: #1b5138; }
:root[data-theme="light"] .site-header .nav-primary:hover { color: #fff; background: #1b5138; border-color: #153f2d; }
:root[data-theme="light"] .nav-badge { color: #fff; }
:root[data-theme="light"] .nav-primary .nav-badge { color: #20563d; background: #fff; }
:root[data-theme="light"] .eyebrow,
:root[data-theme="light"] .hero p,
:root[data-theme="light"] .release-note,
:root[data-theme="light"] .hero-bottom,
:root[data-theme="light"] .section-label,
:root[data-theme="light"] .section-label > span:last-child,
:root[data-theme="light"] .section-intro p,
:root[data-theme="light"] .small-kicker,
:root[data-theme="light"] .extension-copy p { color: var(--muted); }
:root[data-theme="light"] .product-pair span { color: #91a193; }
:root[data-theme="light"] .primary-button,
:root[data-theme="light"] .extension-copy .outline-button,
:root[data-theme="light"] .download-row[data-product="extension"] .outline-button { color: #fff; background: var(--accent); border-color: var(--accent); }
:root[data-theme="light"] .primary-button:hover,
:root[data-theme="light"] .extension-copy .outline-button:hover,
:root[data-theme="light"] .download-row[data-product="extension"] .outline-button:hover { background: #1b5138; }
:root[data-theme="light"] .outline-button { border-color: #8da58f; }
:root[data-theme="light"] .outline-button:hover { background: #e3efe4; border-color: var(--accent); }
:root[data-theme="light"] .extension-section { background: #edf2e9; border-color: var(--line); }
:root[data-theme="light"] .workflow-steps,
:root[data-theme="light"] .workflow-steps article:not(:first-child) { border-color: var(--line); }
:root[data-theme="light"] .step-number,
:root[data-theme="light"] .step-number > span,
:root[data-theme="light"] .workflow-steps p,
:root[data-theme="light"] .step-owner { color: var(--muted); }
:root[data-theme="light"] .browser-chrome { background: #e0e9de; border-color: #c0cfbf; color: var(--muted); }
:root[data-theme="light"] .plugin-browser-brand { color: var(--text); }
:root[data-theme="light"] .plugin-demo .browser-demo-caption { background: #e0e9de; color: var(--muted); border-color: #c0cfbf; }
:root[data-theme="light"] .download-heading p,
:root[data-theme="light"] .download-row p,
:root[data-theme="light"] .availability { color: var(--muted); }
:root[data-theme="light"] .download-rows,
:root[data-theme="light"] .download-row,
:root[data-theme="light"] .faq-items,
:root[data-theme="light"] .faq details { border-color: var(--line); }
:root[data-theme="light"] .download-icon { background: #e1ebdf; color: var(--accent); }
:root[data-theme="light"] .faq summary > span,
:root[data-theme="light"] .faq details p { color: var(--muted); }
:root[data-theme="light"] .closing { background: #e3efe4; border-color: #c4d7c5; }
:root[data-theme="light"] .closing .small-kicker,
:root[data-theme="light"] .site-footer p,
:root[data-theme="light"] .site-footer > div,
:root[data-theme="light"] .footer-note { color: var(--muted); }
:root[data-theme="light"] .footer-note { border-color: var(--line); }
:root[data-theme="light"] dialog { background: #fff; color: var(--text); border-color: #adc2af; box-shadow: 0 28px 100px #20352830; }
:root[data-theme="light"] dialog::backdrop { background: #26372b66; }
:root[data-theme="light"] dialog p,
:root[data-theme="light"] dialog dt,
:root[data-theme="light"] .dialog-kicker,
:root[data-theme="light"] .dialog-notice { color: var(--muted); }
:root[data-theme="light"] dialog dd { color: var(--text); }
:root[data-theme="light"] dialog dl,
:root[data-theme="light"] dialog dt,
:root[data-theme="light"] dialog dd { border-color: var(--line); }
:root[data-theme="light"] .dialog-close { color: var(--muted); }
:root[data-theme="light"] .dialog-close:hover { background: #e8efe6; }
:root[data-theme="light"] .installation-available { background: #e7f0e5; border-color: #8aaf93; }
:root[data-theme="light"] .installation-available:hover { background: #dcebdc; border-color: var(--accent); }
:root[data-theme="light"] .account-card input { border-color: #9aaf9d; }
:root[data-theme="light"] .form-message[data-error="true"] { color: #a33629; }

@media (max-width: 480px) {
  .site-header { column-gap: 8px; }
  .site-header .brand-lockup { width: 120px; }
  .brand-lockup { grid-template-columns: 26px minmax(0, 1fr); gap: 6px; padding: 4px; }
  .brand-icon { width: 26px; border-radius: 5px; }
  .header-actions { gap: 6px; }
  .header-actions .small-button { padding-inline: 10px; gap: 6px; }
  .header-actions .login-button { padding-inline: 0; }
  .theme-toggle { min-width: 44px; padding: 10px; }
  .theme-toggle-label { display: none; }
  .account-header .quiet-link { gap: 8px; font-size: 12px; }
}