*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0;animation-timing-function:ease}html{background:var(--color-bg-primary);width:100vw;overflow-x:hidden}body{font-family:var(--font-body);background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"400\" height=\"400\" viewBox=\"0 0 100 100\"><rect width=\"100\" height=\"100\" fill=\"transparent\"/><path d=\"M0 0L50 50L100 0L50 50L0 100L50 50L100 100L50 50\" stroke=\"%23222235\" stroke-width=\"0.5\" fill=\"none\" opacity=\"0.3\" stroke-dasharray=\"5,5\"/></svg>"), radial-gradient(circle at center, var(--color-bg-primary) 0%, var(--color-bg-primary) 60%, var(--color-bg-secondary) 150%);color:var(--text-primary);background-position:50%,50%;background-repeat:repeat,no-repeat;background-size:auto,cover;background-attachment:scroll,fixed;min-height:100vh;margin:0;padding:0;overflow-x:clip}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading)}.skylight{pointer-events:none;opacity:.75;background:radial-gradient(#ffffff1a 0%,#ffffff0d 40%,#0000 80%);width:200px;height:300px;position:absolute;top:-100px;left:50%;transform:translate(-50%)}
:root{--color-bg-primary:#121220;--color-bg-secondary:#09090e;--color-bg-card:#14141ee6;--color-bg-card-alt:#1e1e28b3;--color-bg-card-light:#14141e80;--color-gold-primary:#edc95b;--color-gold-secondary:#ffe687;--color-gold-terniary:#e6d9a5;--color-gold-accent:gold;--color-gold-bright:#d4af37;--color-gold-deep:#9c753a;--color-gold-soft:#c5a46e;--color-highlight:#3b220c;--color-highlight-text:var(--color-gold-secondary);--text-primary:#fff;--text-secondary:#fffc;--text-tertiary:#ffffff80;--text-contrast:#1a1a25;--border-light:#ffffff1a;--border-gold-light:#ffd70033;--border-gold-medium:#ffd7004d;--border-gold-strong:#ffd70080;--color-gold-rich:#ffd700cc;--color-gold-glow:#ffd70033;--glow-gold-soft:#e2c87a33;--glow-gold-accent:#e2c87a99;--shadow-normal:#0000004d;--shadow-strong:#00000080;--bg-overlay:#0a0a0fb3;--success:#4caf50;--warning:#ffc107;--error:#f44336;--font-heading:var(--font-noto-serif-tc), serif;--font-body:var(--font-noto-serif-tc), serif}html[lang=en]{--font-heading:var(--font-latin-punctuation), var(--font-noto-serif-tc), serif;--font-body:var(--font-latin-body), var(--font-noto-serif-tc), serif}html[lang=zh-CN]{--font-heading:var(--font-noto-serif-sc), serif;--font-body:var(--font-noto-serif-sc), serif}
.fade-in-up{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(30px)}.fade-in-up.fade-in-up-active{opacity:1;transform:translateY(0)}