/**

 * 设计变量（唯一真源）

 * ------------------------------------------------------------------

 * 由原 dist/*.css 合并而来：只在合并完全相同的规则时做了删除，

 * 其余规则一律原样搬运，规则之间不重新排序。

 * 加载顺序见 index.html，顺序即优先级。

 */


/* 来自 style.css */
:root{--paper:#f7f8fd;--space:24px;--fast:200ms;--slow:650ms;color:var(--ink);background:var(--paper);font-synthesis:none}

/* 来自 immersive.css */
:root{font-family:"Microsoft YaHei UI","PingFang SC","Microsoft YaHei",sans-serif}

/* 来自 immersive.css */
:root{--sidebar-width:360px}

/* 来自 argon.css */
:root{
  --argon-indigo:#5e72e4;
  --argon-violet:#825ee4;
  --argon-gradient:linear-gradient(87deg,#5e72e4 0,#825ee4 100%);
  --argon-green:#2dce89;
  --argon-cyan:#11cdef;
  --argon-orange:#fb6340;
  --argon-red:#f5365c;
  --argon-heading:#32325d;
  --argon-body:#525f7f;
  --argon-gray:#8898aa;
  --argon-line:#e9ecef;
  --argon-field-line:#cad1d7;
  --argon-soft:#f6f9fc;
  --argon-page:#f7f8fd;
  --argon-surface:#ffffff;
  --argon-radius-sm:.375rem;
  --argon-radius:.5rem;
  --argon-radius-lg:.75rem;
  --argon-shadow:0 3px 10px rgba(50,50,93,.08),0 1px 3px rgba(0,0,0,.04);
  --argon-shadow-md:0 15px 35px rgba(50,50,93,.1),0 5px 15px rgba(0,0,0,.07);
  --argon-shadow-hover:0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08);
  --argon-focus-glow:0 0 0 .2rem rgba(94,114,228,.22);
  --argon-tint:rgba(94,114,228,.08);
  --argon-tint-strong:rgba(94,114,228,.16);
  --argon-card-border:rgba(50,50,93,.06);
  --argon-sans:"Open Sans","Segoe UI",Roboto,"PingFang SC","Microsoft YaHei","Hiragino Sans GB",sans-serif;
  /* 站内既有令牌重映射：让所有引用变量的页面一起换成 Argon 配色 */
  --paper:var(--argon-page);
  --white:var(--argon-surface);
  --ink:var(--argon-heading);
  --muted:var(--argon-gray);
  --accent:var(--argon-indigo);
  --line:var(--argon-line);
  --mint:var(--argon-soft);
  --page:1500px;
  --radius:var(--argon-radius-lg);
  --title-font:"KaiTi","STKaiti","楷体",serif;
}

/* ================= 表面系统 =================
   全站唯一的一块板子：不透明的 --surface + 一条 1px 描边 + 一个圆角 + 一层投影。
   重构前每个页面各写一套 rgba + backdrop-filter，于是首页是白卡片、别的页面是毛玻璃；
   现在材质只由下面几个名字描述，两个主题各自覆盖变量即可，不再逐页写材质。

   --custom-* 是后台「页面设置」写进来的值，默认值必须在这里给全，否则浏览器无从解析；
   历史上这些规则写在 admin.css，没进过后台就完全不生效。 */
:root{
  --surface:var(--white);
  --surface-line:var(--line);
  --surface-radius:var(--custom-cardRadius);
  --surface-shadow:var(--argon-shadow);
  --veil:rgba(242,250,252,.5);
  /* 主题底图：全站只有一个来源。晴空底图由服务端按 data/settings.json 注入
     （见 services/first-paint.mjs），夜境底图是固定素材；页面不要再自己写 background-image。 */
  --background-sky:url('/assets/cloud-sea.webp');
  --background-night:url('/assets/night-realm.png');
  --world-image:var(--background-sky);
  --custom-contentWidth:1500px;
  --custom-sidebarWidth:235px;
  --custom-gap:18px;
  --custom-fontSize:15px;
  --custom-cardRadius:18px;
  --custom-heroPosition:48%;
}

/* 夜境用同一套底图机制，只换指向；页面里不必再写第二条 url()。 */
html[data-theme=gothic]{
  --world-image:var(--background-night);
}