/* ============================================================
   玄学推演 · 站点共享主题
   两套背景语境 + 设计令牌，各页 <link> 引入。
   深色「星空」：主页 / 起卦 / 二十八宿 / 六十甲子纳音
   浅色「宣纸」：十二律吕 / 律吕纳音
   ============================================================ */

:root{
  /* —— 共用点缀 & 字体 —— */
  --gold:#c6a35c;
  --seal:#a8322a;
  --font-serif:'Noto Serif SC','Songti SC','SimSun',serif;

  /* —— 深色星空（取 index/qigua 渐变为唯一标准） —— */
  --cosmic-base:#060912;
  --cosmic-grad:radial-gradient(125% 95% at 50% 8%, #1a2236 0%, #0d1226 46%, #060912 100%);
  --ink-cosmic:#e9e6da;

  /* —— 浅色宣纸（取 lulu-nayin 配方为唯一标准） —— */
  --parchment-base:#e7dcc4;
  --parchment-glow:radial-gradient(120% 90% at 50% 0%, rgba(255,250,238,.5), rgba(231,220,196,0) 55%),
                   radial-gradient(140% 120% at 50% 120%, rgba(120,95,55,.18), rgba(231,220,196,0) 60%);
  --ink-parchment:#26211a;
}

@keyframes twinkle{0%,100%{opacity:.15}50%{opacity:.75}}

/* ============ 深色语境 ============ */
body.theme-cosmic{
  margin:0;
  background:var(--cosmic-base);
  color:var(--ink-cosmic);
  font-family:var(--font-serif);
}
/* 有 .stage 布局容器的页（主页 / 起卦）：渐变挂在 .stage 上 */
body.theme-cosmic .stage{background:var(--cosmic-grad);}
/* 无包裹、渐变直接挂 body 的页（六十甲子纳音）：加 .no-stage */
body.theme-cosmic.no-stage{background:var(--cosmic-grad);}

/* 可复用的 twinkle 星点层，由 starfield.js 填充 */
.starfield{position:fixed; inset:0; overflow:hidden; pointer-events:none; z-index:0;}

/* ============ 浅色语境 ============ */
body.theme-parchment{
  margin:0;
  background:var(--parchment-base);
  color:var(--ink-parchment);
  font-family:var(--font-serif);
}
/* 噪点纸纹 */
body.theme-parchment::before{
  content:""; position:fixed; inset:0; pointer-events:none; z-index:0;
  mix-blend-mode:multiply; opacity:.5;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.45'/></svg>");
}
/* 上下柔光 */
body.theme-parchment::after{
  content:""; position:fixed; inset:0; pointer-events:none; z-index:0;
  background:var(--parchment-glow);
}