:root{--paper:#fff9ef;--ink:#28243d;--muted:#676273;--yellow:#ffe29a;--teal:#167c70;--purple:#51459a;--coral:#e85d4a}*{box-sizing:border-box}body{margin:0;background:#dff2ed;color:var(--ink);font-family:"Noto Sans TC",sans-serif}main{min-height:100vh;display:grid;place-items:center;padding:40px 20px}.back{position:fixed;left:24px;top:20px;padding:9px 12px;background:var(--paper);border:1px solid var(--ink);color:inherit;text-decoration:none;font-size:12px}form{width:min(100%,440px);background:var(--paper);border:2px solid var(--ink);padding:36px}.mark{display:inline-block;background:var(--yellow);border:1px solid var(--ink);padding:7px 10px;border-radius:6px;font-size:12px}h1{font:600 36px/1.35 "Noto Serif TC";margin:24px 0 10px}form>p{color:var(--muted);line-height:1.7}label{display:block;font-size:13px;font-weight:600;margin:22px 0 8px}input{width:100%;min-height:48px;border:1px solid var(--ink);background:#fff;padding:0 13px;color:var(--ink);font:inherit}button{width:100%;min-height:50px;margin-top:26px;border:1px solid var(--purple);background:var(--purple);color:#fff;cursor:pointer;font:inherit}button:hover{background:var(--coral);border-color:var(--coral)}:focus-visible{outline:3px solid var(--coral);outline-offset:3px}.help{font-size:12px;margin:12px 0 0}.message{min-height:24px;color:var(--teal)!important;font-weight:600;margin-top:15px}@media(max-width:520px){form{padding:28px 22px}.back{position:absolute}h1{font-size:32px}}