/* =========================================================
   Base reset / global typography
   - 基础盒模型、页面高度、字体、背景、禁横向滚动
   ========================================================= */
*{ box-sizing:border-box; }
html,body{ height:100%; }

/* =========================================================
   Fixed gradient base (prevents horizontal seams when scrolling)
   - Some browsers/GPU compositors tile long-page gradients, creating visible seams.
   - This layer is fixed to the viewport and sits under all FX layers.
   ========================================================= */
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-4;          /* under stars(-3), blobs(-2), scanlines(-1) */
  pointer-events:none;

  background:
    radial-gradient(1400px 900px at 80% 18%, var(--bg-accent-1), transparent 65%),
    radial-gradient(1100px 800px at 18% 28%, var(--bg-accent-2), transparent 62%),
    radial-gradient(1200px 900px at 50% 110%, var(--bg-accent-3), transparent 60%),
    linear-gradient(180deg, var(--bg), var(--bg2));

  transform: translateZ(0);
  will-change: transform;
}

body{
  margin:0;
  font-family: Outfit, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: var(--text);

  /* 页面背景 */
  background:
    radial-gradient(1200px 700px at 80% 20%, rgba(124,77,255,.18), transparent 60%),
    radial-gradient(900px 600px at 20% 30%, rgba(0,212,255,.14), transparent 55%),
    linear-gradient(180deg, var(--bg), var(--bg2));

  overflow-x:hidden;
}

a{ color: inherit; text-decoration:none; }

/* 统一 mono 字体，用于 UI 小标签、年份等 */
.mono{ font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }