:root{font-family:"Noto Sans TC","PingFang HK","Microsoft JhengHei",system-ui,sans-serif;color:#18312d;background:#f2f6f4;font-synthesis:none;--accent:#0f766e;--border:#bdcdc7}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px;background:#f2f6f4}button,input{font:inherit;font-size:1rem;color:inherit}button,input{outline-offset:3px}button:focus-visible,input:focus-visible{outline:3px solid #70c1b4}.unlock-shell{height:100%;display:grid;place-items:center;padding:24px}.unlock-panel{width:min(100%,440px);padding:32px;background:#fff;border:1px solid var(--border);border-radius:12px}.lock-mark{position:relative;width:48px;height:42px;margin:0 auto 24px;border:3px solid var(--accent);border-radius:8px}.lock-mark::before{position:absolute;left:10px;bottom:35px;width:22px;height:20px;border:3px solid var(--accent);border-bottom:0;border-radius:14px 14px 0 0;content:""}h1{margin:0;text-align:center;font-size:1.75rem;line-height:1.3;text-wrap:balance}.unlock-intro{margin:12px auto 28px;max-width:32ch;color:#36554e;line-height:1.6;text-align:center;text-wrap:pretty}label{display:block;font-weight:600;line-height:1.5}input[type=password],input[type=text]{display:block;width:100%;min-height:48px;margin-top:8px;padding:10px 12px;border:1px solid #789187;border-radius:6px;background:#fff;line-height:1.5}input[aria-invalid=true]{border-color:#a32626}.show-password{min-height:44px;margin:10px 0 16px;display:flex;align-items:center;gap:10px;font-weight:500}.show-password input{width:20px;height:20px;margin:0;accent-color:var(--accent)}button{width:100%;min-height:48px;padding:10px 20px;border:1px solid var(--accent);border-radius:6px;background:var(--accent);color:#fff;font-weight:650;cursor:pointer}button:hover:not(:disabled){background:#0b625b}button:disabled{border-color:#91aaa4;background:#91aaa4;cursor:wait}.unlock-message{min-height:3em;margin:16px 0 0;color:#36554e;line-height:1.5}.unlock-message[role=alert]{color:#9b2525}@media(max-height:560px){.unlock-panel{padding:22px}.lock-mark{margin-bottom:16px}.unlock-intro{margin-bottom:18px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}