:root{color-scheme:dark;--bg:#121416;--text:#eeede8;--muted:#969795;--accent:#dc5a47;--sans:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;--serif:"Songti SC","Noto Serif CJK SC","SimSun",serif;--mono:"SFMono-Regular",Consolas,monospace}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;padding:10px 0;cursor:pointer;-webkit-tap-highlight-color:transparent}button:hover{color:var(--text)}a:focus-visible,button:focus-visible{outline:1px solid var(--accent);outline-offset:7px}::selection{background:var(--accent);color:var(--bg)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.page{min-height:100svh;max-width:1600px;margin:auto;padding:0 clamp(26px,7vw,112px);display:grid;grid-template-rows:112px minmax(440px,1fr) 100px}.masthead{display:flex;align-items:center;justify-content:space-between}.wordmark{font:30px/1.3 Georgia,serif;letter-spacing:.065em}.wordmark span{color:var(--accent)}.signature{font:28px/1.3 var(--serif);letter-spacing:4px;color:var(--text)}.stage{display:flex;align-items:center;padding:35px 0 62px;min-width:0;perspective:1400px}.quote{font-family:var(--serif);font-size:clamp(64px,6.6vw,100px);font-weight:400;line-height:1.6;letter-spacing:.065em;margin:0;width:100%;transform-origin:50% 15%;backface-visibility:hidden;overflow-wrap:anywhere}.quote-line{display:block;max-width:100%}.quote.medium{font-size:clamp(50px,4.8vw,78px)}.quote.long{font-size:clamp(42px,4.2vw,66px);line-height:1.75}.footer{display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:12px;letter-spacing:1px}.focus-control:focus-visible{clip:auto;width:auto;height:auto;margin:0;padding:10px 14px;position:fixed;right:24px;bottom:22px;background:var(--bg);z-index:2;white-space:normal}

@media(min-width:768px){.page{min-height:100dvh;grid-template-rows:112px minmax(440px,calc(100dvh - 212px)) 100px}}
@media(max-width:767px){.page{grid-template-rows:90px minmax(340px,1fr) 84px}.wordmark{font-size:22px}.signature{font-size:21px;letter-spacing:3px}.stage{padding:28px 0 48px}.quote{font-size:clamp(36px,8vw,56px);line-height:1.7;letter-spacing:.045em}.quote.medium{font-size:clamp(31px,6.8vw,43px);line-height:1.85}.quote.long{font-size:clamp(26px,6.3vw,38px);line-height:1.9}.footer{font-size:11px}}
@media(max-width:360px){.page{padding:0 22px}.pager{gap:13px}.quote{font-size:35px}.quote.medium{font-size:28px}.quote.long{font-size:25px}}
@media(prefers-reduced-motion:reduce){.quote{transform:none}}