/* NoWater Graphite theme for New API v1.0.0-rc.26 — 与主站暗色主题一致 */
:root,
body[data-theme-preset] {
  --radius: 0.625rem;
  --background: #0b0e13;
  --foreground: #e8edf4;
  --card: #11151c;
  --card-foreground: #e8edf4;
  --popover: #161b24;
  --popover-foreground: #e8edf4;
  --primary: #2dd4bf;
  --primary-foreground: #04211c;
  --secondary: #1a2029;
  --secondary-foreground: #e8edf4;
  --muted: #1a2029;
  --muted-foreground: #8b95a3;
  --accent: rgba(45, 212, 191, .10);
  --accent-foreground: #2dd4bf;
  --border: rgba(148, 163, 184, .14);
  --input: rgba(148, 163, 184, .26);
  --ring: #2dd4bf;
  --chart-1: #2dd4bf;
  --chart-2: #34d399;
  --chart-3: #5eead4;
  --chart-4: #8b95a3;
  --chart-5: #6b7686;
  --overview-accent-1: #2dd4bf;
  --overview-accent-2: #34d399;
  --overview-accent-3: #5eead4;
  --sidebar: #0e1218;
  --sidebar-foreground: #e8edf4;
  --sidebar-primary: #2dd4bf;
  --sidebar-primary-foreground: #04211c;
  --sidebar-accent: #1a2029;
  --sidebar-accent-foreground: #2dd4bf;
  --sidebar-border: rgba(148, 163, 184, .14);
  --sidebar-ring: #2dd4bf;
}

.dark,
.dark body[data-theme-preset] {
  --background: #0b0e13;
  --foreground: #e8edf4;
  --card: #11151c;
  --card-foreground: #e8edf4;
  --popover: #161b24;
  --popover-foreground: #e8edf4;
  --primary: #2dd4bf;
  --primary-foreground: #04211c;
  --secondary: #1a2029;
  --secondary-foreground: #e8edf4;
  --muted: #1a2029;
  --muted-foreground: #8b95a3;
  --accent: rgba(45, 212, 191, .10);
  --accent-foreground: #2dd4bf;
  --border: rgba(148, 163, 184, .14);
  --input: rgba(148, 163, 184, .26);
  --ring: #2dd4bf;
  --sidebar: #0e1218;
  --sidebar-foreground: #e8edf4;
  --sidebar-primary: #2dd4bf;
  --sidebar-primary-foreground: #04211c;
  --sidebar-accent: #1a2029;
  --sidebar-accent-foreground: #2dd4bf;
  --sidebar-border: rgba(148, 163, 184, .14);
  --sidebar-ring: #2dd4bf;
}

html,
body {
  font-family: -apple-system, "Segoe UI", "PingFang SC", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}

body {
  letter-spacing: -0.005em;
}

.nowater-rmb-badge {
  display: inline-flex;
  align-items: center;
  margin-left: .45rem;
  border-radius: 999px;
  padding: .1rem .45rem;
  background: var(--accent);
  color: var(--accent-foreground);
  font-size: .68rem;
  font-weight: 600;
  white-space: nowrap;
}

[data-slot="card"],
[data-slot="dialog-content"],
[data-slot="sheet-content"] {
  border-color: var(--border);
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.2),
    0 8px 24px -20px rgba(0, 0, 0, 0.6);
}

/* Authentication pages: the same quiet product surface used by the main site. */
.relative.grid.h-svh {
  overflow: auto;
  background:
    radial-gradient(circle at 78% 18%, rgba(45, 212, 191, 0.07), transparent 28rem),
    var(--background);
}

.relative.grid.h-svh > .container > div {
  border: 1px solid var(--border);
  border-radius: 0.875rem;
  background: color-mix(in srgb, var(--card) 96%, transparent);
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.2),
    0 18px 48px -34px rgba(0, 0, 0, 0.7);
}

.relative.grid.h-svh > a:first-child {
  color: var(--foreground);
}

.relative.grid.h-svh > a:first-child img,
header img,
[data-slot="sidebar"] img {
  border-radius: 0.45rem;
}

footer .custom-footer strong {
  color: var(--foreground);
  font-weight: 600;
}

@media (max-width: 639px) {
  .relative.grid.h-svh > .container > div {
    border: 0;
    background: transparent;
    box-shadow: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
  }
}