/* 星晗文化 · 爆款雷达 / 订单大厅主题覆盖。共享静态页面语义类。 */
:root {
  color-scheme: dark;
  background: #030a12;
  color: #eef5fb;
}

body {
  color: #eef5fb;
  background-color: #030a12;
  background-image:
    radial-gradient(circle at 68% -18%, #1a456b73, transparent 42%),
    radial-gradient(circle at 14% 7%, #49346a33, transparent 28%),
    linear-gradient(#ffffff08 1px, transparent 1px),
    linear-gradient(90deg, #ffffff08 1px, transparent 1px);
  background-size: auto, auto, 40px 40px, 40px 40px;
}

.head {
  background: #020914eb;
  border-bottom-color: #1a334b;
  box-shadow: 0 12px 40px #0008;
}
.brand {
  color: #f3d68a;
  letter-spacing: .08em;
  text-shadow: 0 0 24px #e9bd5240;
}
.brand i {
  background: radial-gradient(circle at 30% 30%, #f8e8b5, #d0a94c 36%, #5b8eb0 68%, #07121d 70%);
  box-shadow: 0 0 24px #b9dcff4a;
}
.nav a { color: #8ca4b7; }
.nav a:hover,
.nav a.on {
  color: #f5e6b8;
  background: #102638;
}
.user,
.hero p,
.meta,
.notice,
.step span { color: #8fa7ba; }
.eyebrow { color: #f0cf72; }
.hero h1,
.detail h2,
.order h3 { color: #f4e6bd; }

.panel,
.metric,
.order,
.analysis div,
.script {
  background: linear-gradient(145deg, #0a1928f2, #06111df2);
  border-color: #24435d;
  box-shadow: 0 18px 52px #0007, inset 0 1px #ffffff0a;
}
.item:hover,
.item.on,
.order:hover,
.order.on {
  background: #0d2031;
  border-color: #5c7f99;
}
.btn,
.input,
.select {
  color: #eaf3fa;
  background: #07131f;
  border-color: #29455e;
}
.btn:hover,
.btn.on,
.input:focus,
.select:focus {
  color: #f5e6b8;
  background: #102b40;
  border-color: #7ebee6;
}
.btn.primary,
.btn.gold {
  color: #06111d;
  background: linear-gradient(135deg, #e8cd7c, #9edbff);
  border-color: #caeaff;
  box-shadow: 0 10px 26px #62bce233;
}
.badge,
.status {
  color: #bfe5ff;
  background: #102b40;
}
.rank.top,
.money { color: #f0c866; }
.score { color: #9edbff; }
.modal-back { background: #01050bd9; backdrop-filter: blur(8px); }
.toast { background: #0b1b2b; border-color: #31516a; }

@media (max-width: 900px) {
  .head { box-shadow: none; }
}