:root {
  --lantian-accent: #0f766e;
  --lantian-accent-hover: #115e59;
  --lantian-focus: #14b8a6;
  --lantian-ink: #0f172a;
  --lantian-border: #dbe4ee;
  --lantian-surface: rgba(255, 255, 255, 0.94);
  --pf-v5-global--primary-color--100: var(--lantian-accent);
  --pf-v5-global--primary-color--200: var(--lantian-accent-hover);
  --pf-v5-global--FontFamily--sans-serif: Inter, "Noto Sans SC", "Microsoft YaHei", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --pf-v6-global--primary-color--100: var(--lantian-accent);
  --pf-v6-global--primary-color--200: var(--lantian-accent-hover);
}

body {
  color: var(--lantian-ink);
  background:
    radial-gradient(circle at 16% 8%, rgba(20, 184, 166, 0.14), transparent 34rem),
    radial-gradient(circle at 88% 4%, rgba(14, 165, 233, 0.12), transparent 30rem),
    #f7fafc;
}

.pf-v5-c-page,
.pf-v6-c-page {
  background: transparent;
}

.pf-v5-c-page__header,
.pf-v6-c-masthead {
  background: #0f172a;
  border-bottom: 1px solid rgba(148, 163, 184, 0.24);
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.14);
}

.pf-v5-c-page__sidebar,
.pf-v6-c-page__sidebar {
  background: rgba(255, 255, 255, 0.9);
  border-right: 1px solid var(--lantian-border);
  backdrop-filter: blur(18px);
}

.pf-v5-c-card,
.pf-v6-c-card {
  background: var(--lantian-surface);
  border: 1px solid var(--lantian-border);
  border-radius: 1rem;
  box-shadow: 0 18px 50px rgba(15, 23, 42, 0.08);
}

.pf-v5-c-button.pf-m-primary,
.pf-v6-c-button.pf-m-primary {
  background: var(--lantian-accent);
  border-radius: 0.65rem;
  box-shadow: 0 8px 20px rgba(15, 118, 110, 0.18);
}

.pf-v5-c-button.pf-m-primary:hover,
.pf-v6-c-button.pf-m-primary:hover {
  background: var(--lantian-accent-hover);
}

.pf-v5-c-form-control:focus-within,
.pf-v6-c-form-control:focus-within,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline-color: var(--lantian-focus);
  border-color: var(--lantian-focus);
}

a {
  color: var(--lantian-accent);
}

a:hover {
  color: var(--lantian-accent-hover);
}

@media (prefers-color-scheme: dark) {
  :root {
    --lantian-ink: #e2e8f0;
    --lantian-border: #334155;
    --lantian-surface: rgba(15, 23, 42, 0.94);
  }

  body {
    background:
      radial-gradient(circle at 16% 8%, rgba(20, 184, 166, 0.13), transparent 34rem),
      radial-gradient(circle at 88% 4%, rgba(14, 165, 233, 0.1), transparent 30rem),
      #020617;
  }

  .pf-v5-c-page__sidebar,
  .pf-v6-c-page__sidebar {
    background: rgba(15, 23, 42, 0.92);
  }
}