/* v6 登入頁：iOS 風格，淺色 / 深色 (純黑) 跟隨系統 */
:root{color-scheme:light dark;--bg:#f2f2f7;--card:#fff;--tx:#000;--tx2:rgba(60,60,67,.6);--line:rgba(60,60,67,.18);--fill:rgba(118,118,128,.12);--blue:#007aff;--red:#ff3b30}
@media (prefers-color-scheme:dark){:root{--bg:#000;--card:#1c1c1e;--tx:#fff;--tx2:rgba(235,235,245,.6);--line:rgba(84,84,88,.6);--fill:rgba(118,118,128,.24);--blue:#0a84ff;--red:#ff453a}}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--tx);font:17px/1.4 -apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang TC","Noto Sans TC",sans-serif;min-height:100%;-webkit-text-size-adjust:100%}
body{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:calc(24px + env(safe-area-inset-top)) 20px calc(24px + env(safe-area-inset-bottom))}
.box{width:100%;max-width:380px;text-align:center}
.box img{border-radius:22.37%;box-shadow:0 4px 14px rgba(0,0,0,.12)}
h1{margin:14px 0 0;font-size:28px;font-weight:700;letter-spacing:.3px}
.sub{color:var(--tx2);margin:4px 0 24px;font-size:15px}
form{text-align:left;background:var(--card);border-radius:12px;padding:16px}
label{display:block;font-size:13px;color:var(--tx2);margin:0 0 8px 2px}
input[type=password]{width:100%;font-size:17px;padding:12px 14px;border-radius:10px;border:0;background:var(--fill);color:var(--tx);outline:none}
input[type=password]:focus{box-shadow:0 0 0 2px var(--blue)}
button{width:100%;margin-top:12px;font-size:17px;font-weight:600;padding:14px;border:0;border-radius:12px;background:var(--blue);color:#fff;min-height:50px}
button:active{opacity:.8}
.err{color:var(--red);min-height:1.5em;margin:8px 0 0;font-size:15px}
.hint{color:var(--tx2);font-size:12px;margin-top:16px;word-break:break-all}
