:root{--paper:#f6f3ec;--ink:#31342c;--muted:#73786a;--line:#d9dace;--accent:#526346;--field:#eeece4;--button:#f8f6ef;--error:#a43d31;color-scheme:light;font-family:"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper)}
:root[data-light=night]{--paper:#222420;--ink:#e9e4d9;--muted:#b1b3a7;--line:#44483e;--accent:#b5c2a2;--field:#2d3129;--button:#222420;--error:#f2ac98;color-scheme:dark}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.gate{width:min(100%,480px);min-height:100svh;margin:auto;padding:36px 32px 25px;padding-top:max(36px,env(safe-area-inset-top));padding-bottom:max(25px,env(safe-area-inset-bottom));display:flex;flex-direction:column}
header,footer{display:flex;align-items:center;justify-content:space-between}header{padding-bottom:22px;border-bottom:1px solid var(--line);gap:15px}.brand{font:18px/1.5 "Songti SC","STSong","Noto Serif CJK SC",serif;letter-spacing:1px}.edition{font-size:10px;letter-spacing:1px;color:var(--muted)}
section{padding:25px 0 35px;margin:auto 0}.landscape{position:relative;margin:0 -4px 30px;color:var(--accent)}svg{width:100%;height:118px;display:block;stroke:currentColor;stroke-width:1;opacity:.66}.landscape span{display:block;text-align:right;font-size:9px;letter-spacing:2px;margin-top:5px;color:var(--muted)}
.eyebrow{font-size:10px;line-height:1.7;color:var(--muted);margin:0 0 18px}h1{font:normal 38px/1.45 "Songti SC","STSong","Noto Serif CJK SC",serif;letter-spacing:1.5px;margin:0}p.intro{font-size:13px;line-height:1.8;color:var(--muted);margin:18px 0 30px}
label{display:block;font-size:11px;letter-spacing:1px;margin-bottom:10px}input{appearance:none;display:block;width:100%;height:53px;padding:0 16px;border:1px solid var(--line);border-radius:4px;color:var(--ink);background:var(--field);font-size:16px;letter-spacing:1px}input::placeholder{font-size:13px;color:var(--muted);letter-spacing:0}input[aria-invalid=true]{border-color:var(--error)}
#message{min-height:23px;margin:5px 0 9px;font-size:12px;line-height:1.7;color:var(--error)}button{display:flex;align-items:center;justify-content:space-between;width:100%;height:52px;padding:0 19px;border:0;border-radius:4px;color:var(--button);background:var(--accent);font-size:14px;letter-spacing:1px}button>span:last-child{font-size:23px}button:disabled{opacity:.65;cursor:wait}.remember{font-size:10px;color:var(--muted);text-align:center;margin:16px 0 0;line-height:1.8}footer{border-top:1px solid var(--line);padding-top:20px;font-size:10px;letter-spacing:1px;color:var(--muted)}footer span:last-child{font-family:Georgia,serif}
@media(min-width:700px){body{background:color-mix(in srgb,var(--paper),var(--line) 20%)}.gate{border-left:1px solid var(--line);border-right:1px solid var(--line);background:var(--paper);padding-left:44px;padding-right:44px}}
@media(max-height:740px){.landscape{margin-bottom:18px}svg{height:75px}section{padding-top:20px}h1{font-size:34px}p.intro{margin-bottom:23px}}
@media(max-width:350px){.gate{padding-left:24px;padding-right:24px}h1{font-size:33px}.edition{font-size:9px}}