/* 启迪智投 · 国产化金融终端主题 */
:root {
  --qd-bg: #07111f;
  --qd-bg-2: #101a2c;
  --qd-red: #d9272e;
  --qd-red-deep: #8f1119;
  --qd-gold: #f5c542;
  --qd-gold-soft: rgba(245, 197, 66, .18);
  --qd-cyan: #20d6b5;
  --qd-ink: #eaf2ff;
  --qd-muted: #9fb0c9;
  --qd-panel: rgba(12, 23, 42, .78);
  --qd-border: rgba(245, 197, 66, .22);
  --qd-shadow: 0 18px 54px rgba(0, 0, 0, .36), inset 0 1px 0 rgba(255,255,255,.05);
}

html, body {
  color-scheme: dark;
  background:
    radial-gradient(circle at 12% 8%, rgba(217, 39, 46, .22), transparent 30vw),
    radial-gradient(circle at 88% 12%, rgba(32, 214, 181, .16), transparent 32vw),
    linear-gradient(135deg, #050b14 0%, #07111f 44%, #111827 100%) !important;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(245,197,66,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(245,197,66,.045) 1px, transparent 1px),
    linear-gradient(135deg, transparent 0 47%, rgba(245,197,66,.08) 48% 52%, transparent 53% 100%);
  background-size: 40px 40px, 40px 40px, 220px 220px;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.9), rgba(0,0,0,.35));
}

body::after {
  content: "启迪智投";
  position: fixed;
  right: 4vw;
  bottom: 5vh;
  z-index: -1;
  pointer-events: none;
  font-family: "STKaiti", "KaiTi", "Microsoft YaHei", serif;
  font-weight: 800;
  font-size: clamp(72px, 12vw, 190px);
  line-height: 1;
  letter-spacing: .18em;
  color: rgba(245, 197, 66, .055);
  text-shadow: 0 0 38px rgba(217,39,46,.14);
  writing-mode: horizontal-tb;
}

#root {
  min-height: 100vh;
  position: relative;
}

#root::before {
  content: "AI 股票分析驾驶舱 · 国产化金融终端";
  position: fixed;
  top: 14px;
  right: 18px;
  z-index: 80;
  pointer-events: none;
  padding: 8px 14px;
  border: 1px solid rgba(245,197,66,.34);
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(217,39,46,.72), rgba(10,18,32,.72));
  color: #fff7d7;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .12em;
  box-shadow: 0 10px 28px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.18);
  backdrop-filter: blur(14px);
}

/* 兼容 Tailwind / 组件类名：尽量只增强视觉，不改变布局 */
[class*="bg-background"], [class*="bg-card"], [class*="home-surface"],
[class*="panel"], [class*="Panel"], [class*="card"], [class*="Card"],
section, aside, main > div[class*="rounded"] {
  border-color: var(--qd-border) !important;
  box-shadow: var(--qd-shadow);
}

[class*="home-surface"], [class*="bg-card"], [class*="card"], [class*="Card"],
[class*="panel"], [class*="Panel"] {
  background: linear-gradient(145deg, rgba(14, 27, 48, .86), rgba(7, 17, 31, .76)) !important;
  backdrop-filter: blur(18px) saturate(1.08);
}

button, .btn-primary, [role="button"] {
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}

.btn-primary,
button[type="submit"],
button[class*="primary"],
[class*="btn-primary"] {
  background: linear-gradient(135deg, var(--qd-red), #f05a28 48%, var(--qd-gold)) !important;
  color: #fff9e8 !important;
  border: 1px solid rgba(245,197,66,.36) !important;
  box-shadow: 0 10px 26px rgba(217,39,46,.25), inset 0 1px 0 rgba(255,255,255,.2) !important;
}

button:hover, .btn-primary:hover, [role="button"]:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 32px rgba(217,39,46,.22), 0 0 0 1px rgba(245,197,66,.16) !important;
}

input, textarea, select {
  background: rgba(6, 14, 26, .68) !important;
  border-color: rgba(245,197,66,.22) !important;
  color: var(--qd-ink) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05) !important;
}

input:focus, textarea:focus, select:focus {
  border-color: rgba(245,197,66,.62) !important;
  box-shadow: 0 0 0 3px rgba(245,197,66,.12), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

a, [class*="text-primary"], [class*="text-accent"] {
  color: #ffd96b !important;
}

[class*="text-muted"], [class*="secondary-text"], [class*="muted-text"] {
  color: var(--qd-muted) !important;
}

h1, h2, h3, [class*="font-semibold"], [class*="font-bold"] {
  text-shadow: 0 0 18px rgba(245,197,66,.08);
}

nav a, aside a, [class*="Sidebar"] a {
  border-radius: 14px !important;
}

nav a[aria-current="page"], aside a[aria-current="page"],
nav a[class*="active"], aside a[class*="active"] {
  background: linear-gradient(135deg, rgba(217,39,46,.32), rgba(245,197,66,.14)) !important;
  color: #fff2c7 !important;
  border: 1px solid rgba(245,197,66,.24) !important;
}

.home-spinner, [class*="spinner"] {
  border-top-color: var(--qd-gold) !important;
  border-right-color: var(--qd-red) !important;
}

/* 数据类内容更像行情终端 */
table, [class*="table"] {
  border-color: rgba(245,197,66,.16) !important;
}

thead, [class*="thead"] {
  background: rgba(217,39,46,.14) !important;
}

tr:hover, [class*="row"]:hover {
  background: rgba(245,197,66,.06) !important;
}

.guochao-corner-mark {
  position: fixed;
  left: 18px;
  bottom: 18px;
  z-index: 80;
  pointer-events: none;
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 10px 14px;
  border-radius: 16px;
  border: 1px solid rgba(245,197,66,.28);
  background: linear-gradient(135deg, rgba(9,18,32,.72), rgba(143,17,25,.48));
  color: #fff0bd;
  box-shadow: 0 16px 42px rgba(0,0,0,.28);
  backdrop-filter: blur(14px);
  font-size: 12px;
  letter-spacing: .08em;
}

.guochao-corner-mark strong {
  color: #fff;
  font-size: 13px;
}

@media (max-width: 760px) {
  #root::before { display: none; }
  .guochao-corner-mark { left: 10px; right: 10px; bottom: 10px; justify-content: center; }
  body::after { font-size: 72px; right: -16px; bottom: 12vh; }
}