:root {
  --bg: #05060A;
  --surface-1: #0C0E14;
  --surface-2: #141720;
  --surface-3: #1D2130;
  --hairline: rgba(255,255,255,0.06);
  --hairline-strong: rgba(255,255,255,0.12);
  --text: #F5F5F4;
  --text-2: #A7A39A;
  --text-3: #6B6960;
  --gold: oklch(0.82 0.14 82);
  --gold-dim: oklch(0.62 0.12 82);
  --gold-ink: #1A1405;
  --up: oklch(0.78 0.17 148);
  --down: oklch(0.70 0.20 25);
  --chip-1: oklch(0.70 0.15 25);
  --chip-2: oklch(0.72 0.14 230);
  --chip-3: oklch(0.75 0.14 148);
  --chip-4: oklch(0.82 0.14 82);
  --chip-5: oklch(0.62 0.14 300);
}
* { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
html, body { margin: 0; padding: 0; background: var(--bg); color: var(--text); font-family: 'Inter', 'Noto Sans SC', system-ui, sans-serif; }

/* ============ 默认：手机视口（全屏自适应）============ */
body {
  min-height: 100vh;
  min-height: 100dvh; /* 动态视口：Safari 地址栏折叠/展开时稳定 */
  background: var(--bg);
}
#root {
  width: 100%;
  min-height: 100vh;
  min-height: 100dvh;
  background: var(--bg);
}
.mono { font-family: 'JetBrains Mono', ui-monospace, monospace; font-variant-numeric: tabular-nums; }
.cn { font-family: 'Noto Sans SC', 'Inter', sans-serif; }

/* 手机浏览器里 .phone 就是整个视口 —— 无外壳、无圆角、无阴影、无固定尺寸 */
.phone {
  width: 100%;
  max-width: 100%;
  height: 100vh;
  height: 100dvh;
  max-height: 100vh;
  max-height: 100dvh;
  min-height: 100vh;
  min-height: 100dvh;
  margin: 0 auto;
  background: var(--bg);
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  border-radius: 0;
  box-shadow: none;
  /* 安全区：iPhone 底部 Home 指示条 */
  padding-bottom: env(safe-area-inset-bottom);
}
.phone::-webkit-scrollbar { width: 0; height: 0; }

/* ============ 桌面访问手机页面（≥1024px）：保留 iPhone mockup ============ */
@media (min-width: 1024px) {
  body { display: flex; align-items: center; justify-content: center; overflow: hidden; }
  #root {
    width: 100vw; height: 100vh; min-height: 100vh;
    display: flex; align-items: center; justify-content: center;
    background: radial-gradient(ellipse at center, #0a0a12 0%, #000 70%);
    overflow: hidden;
  }
  .phone {
    width: 375px;
    height: 812px;
    max-width: 375px;
    max-height: 100vh;
    min-height: 0;
    border-radius: 28px;
    box-shadow: 0 30px 80px -20px rgba(0,0,0,0.8), 0 0 0 1px rgba(255,255,255,0.04);
    padding-bottom: 0;
  }
  .phone::-webkit-scrollbar { width: 6px; }
  .phone::-webkit-scrollbar-thumb { background: var(--hairline-strong); border-radius: 3px; }
  .phone::-webkit-scrollbar-track { background: transparent; }
  /* landing 在桌面下自占全宽（不走 mockup） */
  .phone.phone--landing { width: 100%; max-width: none; height: auto; min-height: 100vh; border-radius: 0; background: transparent; box-shadow: none; }
}

button { background: none; border: none; color: inherit; font: inherit; padding: 0; cursor: pointer; }
input, textarea { font-family: inherit; color: inherit; }
a { color: inherit; text-decoration: none; }