:root{--bg:#eaf4fb;--ink:#2f4a5f;--ink-2:#6f8aa0;--accent:#73b5e8;--accent-soft:#73b5e824;--line-soft:#b9d7ea}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,system-ui,sans-serif;overflow-x:hidden}.fog{z-index:30;pointer-events:none;filter:blur(7px);opacity:1;background:radial-gradient(130% 120% at 50% 38%,#ffffffd1,#eaf4fb38 58%,#0000 78%),radial-gradient(90% 90% at 30% 70%,#b9d7ea52,#0000 60%);animation:2.3s cubic-bezier(.33,0,.22,1) forwards fog-away;position:fixed;inset:0}@keyframes fog-away{0%{opacity:1;filter:blur(7px)}60%{opacity:.55;filter:blur(10px)}to{opacity:0;filter:blur(16px);visibility:hidden}}.page{z-index:1;flex-direction:column;justify-content:center;min-height:100vh;padding:clamp(28px,6vh,72px) clamp(22px,6vw,64px);display:flex;position:relative}.page__back{z-index:2;letter-spacing:.1em;color:var(--ink-2);font-size:13px;text-decoration:none;transition:color .3s;position:fixed;top:clamp(18px,4vh,34px);left:clamp(18px,4vw,34px)}.page__back:hover{color:var(--ink)}.page__quote{text-align:center;max-width:720px;margin:0 auto}.page__line{background:linear-gradient(90deg, transparent, var(--accent) 42%, var(--accent) 58%, transparent);width:clamp(56px,8vw,84px);height:1px;margin:0 auto clamp(34px,5vh,48px);display:block;box-shadow:0 0 18px #73b5e84d}.page__text{letter-spacing:.1em;color:var(--ink);margin:0;font-family:Songti SC,STSong,SimSun,Noto Serif SC,Source Han Serif SC,Georgia,serif;font-size:clamp(22px,3.4vw,31px);font-weight:500;line-height:2.1}.page__text .c{opacity:0;filter:blur(8px);display:inline-block;transform:translateY(.35em)}.page__text.run .c{animation:.55s cubic-bezier(.22,.68,.3,1) forwards rise;animation-delay:var(--d,0s)}@keyframes rise{to{opacity:1;filter:blur();transform:none}}@media (prefers-reduced-motion:reduce){.fog{opacity:0;animation:none}.page__text .c{opacity:1;filter:none;transform:none}.page__text.run .c{animation:none}}
