:root{--ink:#f4ead2;--ink-soft:#d8c79e;--ink-faint:#a8966c;--gold:#d4af37;--gold-bright:#f1d684;--bg-0:#0d0a06;--bg-1:#1a1207;--bg-2:#241808;--card:rgba(28,20,9,.62);--card-edge:rgba(212,175,55,.35);--serif-zh:"Noto Serif SC","Songti SC","STSong","SimSun","Source Han Serif SC",serif;--serif-en:"Cormorant Garamond","EB Garamond",Georgia,"Times New Roman",serif}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{color:var(--ink);font-family:var(--serif-en);background:radial-gradient(1200px 800px at 50% -10%,rgba(212,175,55,.18),transparent 60%),radial-gradient(900px 700px at 50% 120%,rgba(140,90,20,.22),transparent 60%),linear-gradient(160deg,var(--bg-1) 0,var(--bg-0) 55%,#060403 100%);background-attachment:fixed;-webkit-font-smoothing:antialiased}.stage,body{min-height:100vh}.stage{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(1.4rem,3.5vh,2.6rem);padding:clamp(1.5rem,5vw,4rem);overflow:hidden}.lanterns{position:absolute;inset:0;pointer-events:none;background:radial-gradient(420px 420px at 18% 28%,rgba(212,175,55,.1),transparent 70%),radial-gradient(380px 380px at 82% 72%,hsla(45,80%,73%,.08),transparent 70%);animation:breathe 9s ease-in-out infinite}@keyframes breathe{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}.masthead{text-align:center;z-index:1}.title-zh{font-family:var(--serif-zh);font-size:clamp(2rem,5.5vw,3.4rem);font-weight:600;letter-spacing:.18em;color:var(--gold-bright);text-shadow:0 2px 24px rgba(212,175,55,.35)}.title-en{margin-top:.5rem;font-size:clamp(.85rem,2vw,1.15rem);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint);font-weight:500}.rule{width:min(360px,60vw);height:1px;margin:1.1rem auto 0;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.scroll{position:relative;z-index:1;width:min(820px,92vw);padding:clamp(2rem,5vw,3.4rem) clamp(1.6rem,5vw,3.6rem);border-radius:18px;background:var(--card);border:1px solid var(--card-edge);box-shadow:0 30px 80px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,240,200,.06);backdrop-filter:blur(8px) saturate(120%);-webkit-backdrop-filter:blur(8px) saturate(120%);text-align:center;transition:opacity .28s ease,transform .28s ease}.scroll.is-fading{opacity:0;transform:translateY(10px)}.quote-mark{font-size:clamp(3rem,8vw,5rem);line-height:.6;color:var(--gold);opacity:.45;height:.5em}.quote-mark,.wisdom-zh{font-family:var(--serif-zh)}.wisdom-zh{font-size:clamp(1.35rem,3.4vw,2.1rem);font-weight:500;line-height:1.95;letter-spacing:.04em;color:var(--ink);text-wrap:balance}.wisdom-zh.loading{opacity:.7}.divider{display:flex;align-items:center;justify-content:center;gap:.9rem;margin:clamp(1.2rem,3vw,1.8rem) auto;width:70%}.divider span:not(.lotus){flex:1 1;height:1px;background:linear-gradient(90deg,transparent,rgba(212,175,55,.6),transparent)}.lotus{color:var(--gold);font-size:1rem;opacity:.85}.wisdom-en{font-size:clamp(1.05rem,2.4vw,1.5rem);line-height:1.7;color:var(--ink-soft);font-style:italic;text-wrap:pretty}.index{margin-top:clamp(1.4rem,3vw,2rem);font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint)}.controls{z-index:1;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.btn{display:flex;flex-direction:column;align-items:center;gap:.15rem;min-width:200px;padding:.85rem 2rem;border-radius:999px;border:1px solid transparent;cursor:pointer;font-family:var(--serif-en);transition:transform .18s ease,box-shadow .25s ease,background .25s ease,border-color .25s ease}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn:focus-visible{outline:2px solid var(--gold-bright);outline-offset:3px}.btn-zh{font-family:var(--serif-zh);font-size:1.12rem;font-weight:600;letter-spacing:.14em}.btn-en{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;opacity:.85}.btn-primary{background:linear-gradient(135deg,var(--gold-bright),var(--gold));color:#1c1303;box-shadow:0 12px 30px rgba(212,175,55,.3)}.btn-primary .btn-zh{font-weight:700}.btn-primary .btn-en{opacity:1;font-weight:600;color:#3a2906}.btn-primary:hover{box-shadow:0 16px 40px rgba(212,175,55,.45)}.btn-ghost{background:hsla(0,0%,100%,.03);color:var(--ink-soft);border-color:rgba(212,175,55,.35)}.btn-ghost:hover{background:rgba(212,175,55,.1);border-color:var(--gold);color:var(--gold-bright)}.footnote{z-index:1;display:flex;gap:.6rem;align-items:center;font-size:.78rem;letter-spacing:.12em;color:var(--ink-faint);opacity:.8}.footnote .dot{opacity:.6}.farewell{z-index:1;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem;animation:rise .6s ease both}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.seal{width:92px;height:92px;display:grid;place-items:center;border-radius:16px;font-size:2.4rem;color:var(--gold-bright);background:rgba(150,30,30,.25);border:2px solid var(--gold);box-shadow:0 0 40px rgba(212,175,55,.35);margin-bottom:.6rem}.farewell-zh,.seal{font-family:var(--serif-zh)}.farewell-zh{font-size:clamp(1.4rem,4vw,2rem);letter-spacing:.1em;color:var(--ink)}.farewell-en{font-size:clamp(1rem,2.4vw,1.3rem);font-style:italic;color:var(--ink-soft)}.farewell-hint{margin-top:1rem;font-size:.85rem;letter-spacing:.1em;color:var(--ink-faint)}.farewell-hint .sub{display:block;margin-top:.2rem;text-transform:uppercase;font-size:.7rem;letter-spacing:.16em}@media (prefers-reduced-motion:reduce){.farewell,.lanterns{animation:none}.btn,.scroll{transition:none}}