/*!
 * 开运堂 KAIYUNTANG (www.kaiyuntang.com)
 * Copyright (c) 2026 开运堂. All Rights Reserved.
 * 本样式/脚本为开运堂原创作品，未经书面授权禁止复制、转载或用于其他站点。
 *//* ============================================================
 * 国学测算 · 沉浸式国风设计系统  v2
 * 灵感：高端国风游戏官网（黑神话/原神/燕云）
 * 色板：玄黑 / 黛蓝 / 鎏金 / 朱砂 / 月白
 * ============================================================ */

:root{
  /* === 主色 === */
  --ink:#e8e0d0;            /* 月白正文 */
  --ink-2:#b8ad98;
  --ink-3:#8a8070;
  --ink-4:#5e5648;

  /* === 背景 === */
  --bg:#0c0a08;             /* 玄黑 */
  --bg-2:#161326;
  --bg-3:#1a150f;
  --bg-deep:#07060a;

  /* === 鎏金（主点缀） === */
  --gold:#d4a857;
  --gold-2:#f0cf87;
  --gold-3:#a8823a;
  --gold-4:#6b5020;
  --gold-glow:rgba(212,168,87,.35);
  --gold-line:rgba(212,168,87,.35);

  /* === 朱砂 === */
  --red:#c8443a;
  --red-2:#9c2f24;
  --red-3:#e86b5e;
  --red-glow:rgba(200,68,58,.4);

  /* === 青瓷/玉 === */
  --jade:#7ba89a;
  --jade-2:#4a7a6c;

  /* === 玻璃 === */
  --glass:rgba(190,185,220,.05);
  --glass-2:rgba(190,185,220,.09);
  --glass-border:rgba(212,168,87,.18);
  --glass-border-hi:rgba(212,168,87,.5);

  /* === 阴影 === */
  --sh-sm:0 4px 16px rgba(0,0,0,.4);
  --sh:0 12px 40px rgba(0,0,0,.55);
  --sh-lg:0 28px 80px rgba(0,0,0,.7);
  --sh-gold:0 8px 32px rgba(212,168,87,.25),inset 0 1px 0 rgba(255,248,230,.08);
  --sh-red:0 8px 32px rgba(200,68,58,.35);

  /* === 圆角 === */
  --r-sm:8px; --r:12px; --r-lg:18px; --r-xl:24px;

  /* === 尺寸 === */
  --w:1200px;
  --nav-h:72px;

  /* === 动效 === */
  --ease:cubic-bezier(.4,0,.2,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
  --ease-bounce:cubic-bezier(.34,1.56,.64,1);

  /* === 字体 === */
  --font-zhuan:"KaiYunSong","SourceHanSerifCN","Songti SC","STSong",serif;
  --font-serif:"Songti SC","STSong","SimSun","Noto Serif SC",serif;
}

/* === 粗宋体（子集化，仅含标题用字） === */
@font-face{
  font-family:"KaiYunSong";
  src:url("/assets/fonts/songti.woff2?v=61") format("woff2");
  font-weight:900;
  font-style:normal;
  font-display:swap;
  unicode-range:U+4E00-9FFF,U+3000-303F,U+FF00-FFEF,U+0020-007E;
}

/* === Reset === */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;background:#06050a}
body{margin:0;font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",-apple-system,sans-serif;
  font-size:15px;line-height:1.75;color:var(--ink);
  background:
    radial-gradient(ellipse 120% 46% at 50% -8%,rgba(70,45,110,.42),transparent 60%),
    radial-gradient(ellipse 80% 40% at 82% 6%,rgba(212,168,87,.10),transparent 55%),
    radial-gradient(ellipse 72% 46% at 8% 16%,rgba(200,68,58,.08),transparent 60%),
    linear-gradient(180deg,
      #0d0a16 0%,
      #0d0a18 28%,
      #151122 52%,
      #100d18 74%,
      #0a0810 90%,
      #06050a 100%);
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  overflow-x:hidden;min-height:100vh}
h1,h2,h3,h4,h5{margin:0;font-weight:900;color:var(--ink);font-family:var(--font-zhuan)}
p{margin:0}
a{color:inherit;text-decoration:none;transition:color .25s var(--ease)}
img{max-width:100%;display:block}
button{font-family:inherit;cursor:pointer;border:0;background:none;color:inherit}
input,select,textarea,button{font-family:inherit;font-size:inherit;color:inherit}
ul,ol{margin:0;padding:0;list-style:none}
.serif{font-family:var(--font-zhuan)}

::selection{background:rgba(212,168,87,.3);color:#fff}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:var(--bg-2)}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--gold-3),var(--gold-4));border-radius:99px;border:2px solid var(--bg-2)}
::-webkit-scrollbar-thumb:hover{background:var(--gold-2)}

/* === 容器 === */
.wrap{max-width:var(--w);margin:0 auto;padding:0 28px;position:relative;z-index:2}
.section{padding:80px 0 48px;position:relative}
.section-sm{padding:48px 0}

/* === 通用：鎏金文字 === */
.text-gold{background:linear-gradient(180deg,#fff4d6 0%,var(--gold-2) 40%,var(--gold) 70%,var(--gold-3) 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.text-red{color:var(--red-3)}
.text-jade{color:var(--jade)}
.text-mute{color:var(--ink-3)}