* { box-sizing: border-box; }
html, body { height: 100%; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: var(--font-sans);
  color: var(--fg);
  background: var(--bg);
  overflow-x: hidden;
}
a { color: inherit; text-decoration: none; }
button { font-family: inherit; }

.site * { border-radius: 0 !important; }

.container {
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 18px;
}

.site {
  position: relative;
  z-index: 1;
  min-height: 100%;
}

#qingliu-assistant-root {
  position: relative;
  z-index: 2147483647;
}

iframe[src*="bigmodel.cn"] {
  z-index: 2147483647 !important;
}

.site-bg {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(920px 560px at 18% 10%, rgba(180, 83, 9, 0.12), transparent 58%),
    radial-gradient(900px 520px at 82% 18%, rgba(245, 158, 11, 0.10), transparent 58%),
    radial-gradient(720px 420px at 58% 88%, rgba(180, 83, 9, 0.08), transparent 60%),
    linear-gradient(180deg, #ffffff, #fcfbf9);
}
.site-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(transparent 0 22px, var(--grid) 22px 23px),
    linear-gradient(90deg, transparent 0 22px, var(--grid2) 22px 23px);
  background-size: 23px 23px;
  opacity: 0.55;
  mask-image: radial-gradient(520px 260px at 50% 18%, rgba(0,0,0,0.85), transparent 75%);
}

.noscript { padding: 18px 0; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  * { transition: none !important; }
}