/* ============================================================
   Aurent 交易台 — 基础层
   深空蓝 / 青 / 琥珀 · Bento 网格 · 与 t1 纸白、t3 暖白朱墨、t4 极简灰黑均不同
   ============================================================ */

:root {
  --void:    #0b1220;
  --panel:   #121b2d;
  --panel-2: #172236;
  --edge:    #22304a;
  --edge-2:  #1a2740;
  --fg:      #e8eefc;
  --fg-2:    #93a3c0;
  --fg-3:    #63748f;
  --cyan:    #38bdf8;
  --amber:   #fbbf24;
  --up:      #34d399;
  --down:    #fb7185;

  --font-ui:   "Avenir Next", "Avenir", "Segoe UI Variable Display", "Segoe UI",
               "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --font-mono: "SF Mono", "JetBrains Mono", "Cascadia Mono", Consolas, monospace;

  --r: 14px;
  --gut: clamp(16px, 3.4vw, 40px);
  --maxw: 1240px;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 15px;
  line-height: 1.65;
  color: var(--fg);
  background-color: var(--void);
  background-image:
    radial-gradient(1000px 520px at 78% -12%, rgba(56, 189, 248, .14), transparent 62%),
    radial-gradient(720px 460px at -6% 22%, rgba(251, 191, 36, .08), transparent 64%),
    linear-gradient(180deg, rgba(56,189,248,.05), transparent 400px);
  background-attachment: fixed;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4 { margin: 0; font-weight: 600; letter-spacing: -.015em; line-height: 1.25; }
p { margin: 0; }
a { color: inherit; text-decoration: none; }
button { font: inherit; color: inherit; border: 0; background: none; cursor: pointer; }
ul { margin: 0; padding: 0; list-style: none; }

.wrap { width: 100%; max-width: var(--maxw); margin: 0 auto; padding: 0 var(--gut); }
.mono { font-family: var(--font-mono); font-variant-numeric: tabular-nums; }
.up { color: var(--up); } .down { color: var(--down); } .flat { color: var(--fg-3); }

.tag {
  display: inline-flex; align-items: center; gap: 8px;
  font-family: var(--font-mono); font-size: 11px; font-weight: 600;
  letter-spacing: .16em; text-transform: uppercase; color: var(--cyan);
}
.tag::before { content: ""; width: 18px; height: 1px; background: var(--cyan); opacity: .7; }

.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  padding: 11px 22px; border-radius: 9px; font-size: 14px; font-weight: 600;
  transition: transform .16s ease, background-color .16s ease, border-color .16s ease, box-shadow .16s ease;
}
.btn-primary { color: #06202e; background: linear-gradient(140deg, var(--cyan), #7dd3fc); box-shadow: 0 12px 30px -16px rgba(56,189,248,.9); }
.btn-primary:hover { transform: translateY(-1px); }
.btn-line { color: var(--fg); border: 1px solid var(--edge); background: rgba(255,255,255,.02); }
.btn-line:hover { border-color: var(--cyan); color: var(--cyan); }

/* 载入动效 */
[data-rv] { opacity: 0; transform: translateY(12px); animation: rv .62s cubic-bezier(.22,.72,.24,1) forwards; }
[data-rv="1"] { animation-delay: .04s; } [data-rv="2"] { animation-delay: .11s; }
[data-rv="3"] { animation-delay: .18s; } [data-rv="4"] { animation-delay: .25s; }
[data-rv="5"] { animation-delay: .32s; } [data-rv="6"] { animation-delay: .39s; }
[data-rv="7"] { animation-delay: .46s; } [data-rv="8"] { animation-delay: .53s; }
@keyframes rv { to { opacity: 1; transform: none; } }

@media (prefers-reduced-motion: reduce) {
  [data-rv] { opacity: 1; transform: none; animation: none; }
  * { transition: none !important; animation: none !important; }
}