/* ============================================================
   SeaScribe — Base Reset & Typography
   ============================================================ */

/* ---- Global scrollbar ---- */
::-webkit-scrollbar { width: 4px; height: 4px; }
::-webkit-scrollbar-button:vertical:decrement,
::-webkit-scrollbar-button:vertical:increment { height: 0; }
::-webkit-scrollbar-button:horizontal:decrement,
::-webkit-scrollbar-button:horizontal:increment { width: 0; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-track-piece { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--muted); border-radius: 2px; }
::-webkit-scrollbar-thumb:hover { background: var(--border); }
::-webkit-scrollbar-corner { background: transparent; }

*, *::before, *::after { box-sizing:border-box; margin:0; padding:0; }
html { font-size: 17px; scrollbar-width: thin; scrollbar-color: var(--muted) transparent; }

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
               "Microsoft YaHei", "Helvetica Neue", sans-serif;
  background: var(--bg);
  color: var(--text);
  min-height: 100vh;
  overflow-x: hidden;
  transition: background-color 0.3s, color 0.3s;
}

/* 背景柔和光晕：给玻璃模糊提供可透的细微色彩层次 */
body::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(ellipse 60% 50% at 12% -5%, rgba(214, 57, 78, 0.06), transparent 70%),
    radial-gradient(ellipse 55% 45% at 88% 108%, rgba(63, 130, 255, 0.06), transparent 70%),
    radial-gradient(ellipse 40% 35% at 70% 20%, rgba(180, 120, 255, 0.04), transparent 70%);
}

.hidden { display: none; }