/* 玄枢阁 · 基础样式（web 成员扩展；保持星空/水墨/鎏金基调） */
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
html { -webkit-text-size-adjust: 100%; }
body {
  min-height: 100vh;
  background:
    radial-gradient(1200px 800px at 12% -8%, rgba(122, 167, 240, 0.14), transparent 60%),
    radial-gradient(900px 700px at 88% 0%, rgba(216, 184, 120, 0.12), transparent 55%),
    radial-gradient(1000px 900px at 50% 110%, rgba(111, 211, 199, 0.08), transparent 60%),
    var(--bg);
  color: var(--text);
  font-family: var(--font-sans);
  line-height: 1.7;
  font-size: 15px;
  -webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4 { font-family: var(--font-serif); font-weight: 600; letter-spacing: 0.02em; margin: 0; }
a { color: var(--gold); text-decoration: none; }
a:hover { color: var(--gold-strong); }
button, input, select, textarea { font: inherit; color: inherit; }
button { cursor: pointer; }
img { max-width: 100%; display: block; }
::selection { background: rgba(216, 184, 120, 0.3); }

.app-root { min-height: 100vh; display: flex; flex-direction: column; }
.container { width: min(100% - 40px, var(--container)); margin: 0 auto; }

/* 启动态 */
.boot-splash { min-height: 70vh; display: grid; place-items: center; gap: 16px; color: var(--muted); }
.boot-seal {
  width: 64px; height: 64px; display: grid; place-items: center;
  border: 1px solid var(--gold-dim); border-radius: 50%;
  color: var(--gold); font-family: var(--font-serif); font-size: 26px;
  animation: pulse 2.4s var(--ease) infinite;
}
@keyframes pulse { 0%,100% { opacity: .5; transform: scale(.96); } 50% { opacity: 1; transform: scale(1); } }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}