/**
 * 网站风格 — 将预设 CSS 变量绑定到页面结构
 * 具体色值由 site-theme.js 从后台注入
 */

.commercial-trust-bar {
  background: var(--trust-bar-bg, #f8fafc);
  color: var(--trust-bar-text, var(--text-light));
  border-bottom: 1px solid var(--trust-bar-border, var(--border));
}

.trust-bar-text strong {
  color: var(--trust-bar-text-strong, var(--text));
}

.site-chrome {
  background: var(--chrome-bg, #fff);
  border-bottom-color: var(--chrome-border, var(--border));
}

body.app-body,
body {
  background: var(--bg);
  color: var(--text);
}

.panel {
  background: var(--card);
  border-color: var(--border);
}

.panel-head {
  background: var(--card);
  border-bottom-color: var(--border);
}

.app-footer {
  background: var(--footer-bg, #fff);
  color: var(--footer-text, var(--text-light));
  border-top-color: var(--footer-border, var(--border));
}

.footer-heading {
  color: var(--footer-heading, var(--text));
}

.footer-about-summary,
.footer-contact,
.footer-muted,
.footer-link-list a,
.footer-meta-item a {
  color: var(--footer-text, var(--text-light));
}

.footer-link-list a:hover,
.footer-meta-item a:hover {
  color: var(--primary);
}

.footer-text-btn {
  color: var(--footer-heading, var(--text));
}

.footer-meta {
  color: var(--text-muted);
  border-top-color: var(--footer-border, var(--border));
}

.footer-security {
  background: var(--primary-soft);
  border-color: var(--border);
}

.footer-security-title {
  color: var(--footer-heading, var(--text));
}

.footer-security-line,
.footer-security .footer-security-line-1,
.footer-security .footer-security-line-2,
.footer-security .footer-security-list li {
  color: var(--footer-text, var(--text-light));
}

/* 深色风格：顶栏按钮与导航 */
[data-site-theme-mode="dark"] .commercial-trust-bar .nav-auth-btn {
  background: var(--card) !important;
  border-color: var(--border) !important;
  color: var(--text-light) !important;
}

[data-site-theme-mode="dark"] .commercial-trust-bar .nav-auth-btn-primary {
  background: var(--primary) !important;
  color: #fff !important;
}

[data-site-theme-mode="dark"] .commercial-trust-bar .nav-user-trigger {
  background: var(--card);
  border-color: var(--border);
  color: var(--text);
}

[data-site-theme-mode="dark"] .commercial-trust-bar .trust-bar-help-btn {
  background: var(--card) !important;
  border-color: var(--border) !important;
  color: var(--text-light) !important;
}

[data-site-theme-mode="dark"] .nav-current-shop-btn,
[data-site-theme-mode="dark"] .nav-settings-btn {
  background: var(--card) !important;
  border-color: var(--border) !important;
  color: var(--text-light) !important;
}

[data-site-theme-mode="dark"] .nav-menu {
  background: var(--chrome-bg) !important;
  border-top-color: var(--chrome-border) !important;
}

[data-site-theme-mode="dark"] .nav-item {
  color: var(--text-light) !important;
}

[data-site-theme-mode="dark"] .nav-item:hover,
[data-site-theme-mode="dark"] .nav-item.active {
  color: var(--primary) !important;
  background: var(--primary-soft) !important;
}

[data-site-theme-mode="dark"] #previewTable thead th,
[data-site-theme-mode="dark"] .preview-table-wrap .virtual-header table th {
  background: var(--table-head) !important;
  color: var(--text-light);
}

[data-site-theme-mode="dark"] #previewTable tbody td,
[data-site-theme-mode="dark"] .preview-table-wrap .virtual-content table td {
  background: var(--card);
  color: var(--text);
}

[data-site-theme-mode="dark"] .upload-zone {
  background: var(--card);
  border-color: var(--border-strong);
}

[data-site-theme-mode="dark"] .btn-ghost {
  background: var(--card);
  border-color: var(--border);
  color: var(--text-light);
}