:root{color-scheme:dark;font-family:Georgia,serif;background:#182220;color:#eee6d3}body{margin:0;padding:6vh 20px}main{max-width:720px;margin:auto;border:1px solid #657568;background:#202e29;box-shadow:0 20px 80px #0005;padding:32px 42px}header,footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font:11px/1.7 system-ui;letter-spacing:1.4px;color:#bdc2ab}header{border-bottom:1px solid #657568;padding-bottom:22px}article{min-height:280px;padding:24px 0;font-size:20px;line-height:1.8}h1{font-size:36px;line-height:1.2;color:#ead19b}button{font:inherit;cursor:pointer;border:1px solid #ac9671;color:#f5e6c4;background:#35483e;padding:10px 20px;margin:6px 10px 6px 0}button:hover{background:#495e50}button:focus-visible{outline:3px solid #ffdb87;outline-offset:3px}footer{border-top:1px solid #657568;padding-top:20px;align-items:center}#notice,#boundary{font:14px/1.6 system-ui;color:#efc78c}#boundary{padding:15px;border-left:3px solid #efc78c}@media(max-width:520px){main{padding:20px}h1{font-size:29px}}

form{display:grid;gap:12px}input{font:inherit;padding:10px;color:#eee6d3;background:#182220;border:1px solid #ac9671;min-width:0}form p{margin:0;font:14px/1.5 system-ui;color:#efc78c}form+p{font:13px/1.5 system-ui;color:#bdc2ab}

html:lang(zh-Hant){font-family:"Noto Serif TC","PMingLiU",serif}header button{font:13px/1.4 system-ui;margin:0;padding:5px 10px;letter-spacing:0}