/* luxe 子站：布局与质感；配色跟随 html[data-gf-style]（见 style-variants.css） */
:root {
  --accent-primary: #2563eb;
  --accent-secondary: #3b82f6;
  --gradient-start: #3b82f6;
  --gradient-end: #2563eb;
  --nav-tint: color-mix(in srgb, var(--accent-primary) 18%, var(--bg-secondary));
  --nav-border-accent: color-mix(in srgb, var(--accent-primary) 18%, var(--border-color));
}

html[data-theme="light"] {
  --bg-primary: #fafafa;
  --bg-secondary: #ffffff;
  --bg-tertiary: #f1f5f9;
  --border-color: #e2e8f0;
  --text-primary: #0f172a;
  --text-secondary: #64748b;
  --text-muted: #94a3b8;
  --accent-primary: #2563eb;
  --accent-secondary: #3b82f6;
  --gradient-start: #3b82f6;
  --gradient-end: #2563eb;
  --focus-ring: color-mix(in srgb, var(--accent-primary) 22%, transparent);
  --nav-tint: color-mix(in srgb, var(--accent-primary) 10%, #ffffff);
  --nav-border-accent: color-mix(in srgb, var(--accent-primary) 16%, transparent);
}

html[data-theme="light"] body {
  background-color: var(--bg-primary);
  background-image:
    radial-gradient(at 0% 0%, color-mix(in srgb, var(--accent-primary) 7%, transparent) 0, transparent 50%),
    radial-gradient(at 100% 20%, color-mix(in srgb, var(--accent-secondary) 5%, transparent) 0, transparent 45%);
}

.navbar {
  background: linear-gradient(90deg, var(--bg-secondary) 0%, var(--nav-tint) 50%, var(--bg-secondary) 100%);
  border-bottom-color: var(--nav-border-accent);
}

html[data-theme="light"] .navbar {
  background: color-mix(in srgb, var(--bg-secondary) 88%, transparent);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--nav-border-accent);
  box-shadow: 0 1px 2px color-mix(in srgb, var(--text-primary) 4%, transparent);
}

html[data-theme="light"] .navbar-nav a.active,
html[data-theme="light"] .navbar-nav a:hover {
  color: var(--accent-primary);
}

.navbar-nav a:hover,
.navbar-nav a.active {
  color: var(--accent-primary);
}

.btn-primary {
  background: linear-gradient(180deg, var(--gradient-start), var(--gradient-end));
  border-color: transparent;
  color: var(--btn-primary-fg, #fff);
  box-shadow: 0 1px 2px color-mix(in srgb, var(--accent-primary) 20%, transparent);
}

.btn-primary:hover {
  filter: brightness(1.05);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--accent-primary) 25%, transparent);
}

.minimal-badge {
  border-color: color-mix(in srgb, var(--accent-primary) 25%, transparent);
  color: var(--accent-primary);
}

.stat-card:hover,
.card:hover {
  border-color: color-mix(in srgb, var(--accent-primary) 22%, transparent);
}

html[data-theme="light"] .auth-container {
  background: transparent;
}

html[data-theme="light"] .auth-box {
  border: 1px solid color-mix(in srgb, var(--text-primary) 8%, transparent);
  box-shadow: 0 4px 24px color-mix(in srgb, var(--text-primary) 6%, transparent);
  border-radius: 16px;
}

.subsite-portal-site-footer {
  margin-top: 32px;
  padding: 16px 20px 24px;
  border-top: 1px solid var(--border-color);
  background: var(--bg-secondary);
  text-align: center;
  font-size: 13px;
  color: var(--text-secondary);
}

.subsite-portal-footer-inner {
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px 16px;
}

.subsite-portal-footer-label {
  color: var(--text-secondary);
  font-weight: 500;
}

.subsite-portal-footer-links a {
  color: var(--accent-primary);
  text-decoration: none;
  font-weight: 500;
}

.subsite-portal-footer-links a:hover {
  text-decoration: underline;
}

.subsite-portal-footer-sep {
  color: var(--text-muted);
  user-select: none;
}

/* 访客浏览页导航：兼容 /en、/zh-TW 等语言前缀路径 */
html.gf-nav-guest .navbar-nav a[href$="/dashboard.html"],
html.gf-nav-guest .navbar-nav a[href$="/services.html"],
html.gf-nav-guest .navbar-nav a[href$="/orders.html"],
html.gf-nav-guest .navbar-nav a[href$="/transactions.html"],
html.gf-nav-guest .navbar-nav a[href$="/user.html"],
html.gf-nav-guest .navbar-nav a[href$="/api.html"],
html.gf-nav-guest .navbar-nav a[href$="/subsite.html"],
html.gf-nav-guest .navbar-nav .nav-auth-only {
  display: none !important;
}

html.gf-nav-logged-in .navbar-nav .nav-guest-only {
  display: none !important;
}