@import url('https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css');
/* account ͳһע²áµÇ¼ - ½¥±ä¿¨Æ¬·ç£¨ÑÓÐø syncreg ÊÓ¾õÆõÔ¼£© */

*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Microsoft YaHei",sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}
.container{background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.15);padding:40px;width:100%;max-width:440px;animation:up .4s ease}
@keyframes up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
h1{text-align:center;font-size:22px;font-weight:600;color:#333;margin-bottom:6px}
.sub{text-align:center;font-size:13px;color:#999;margin-bottom:24px}
label{display:block;font-size:13px;color:#555;margin:14px 0 6px}
input{width:100%;padding:12px 14px;border:1px solid #ddd;border-radius:10px;font-size:14px;outline:none;transition:border .2s,box-shadow .2s}
input:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.15)}
.btn{width:100%;margin-top:22px;padding:13px;border:none;border-radius:10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .2s,transform .1s}
.btn:hover{opacity:.92}
.btn:active{transform:scale(.99)}
.btn:disabled{opacity:.6;cursor:not-allowed}
.msg{margin-top:16px;padding:12px;border-radius:10px;font-size:13px;display:none;white-space:pre-wrap}
.msg.ok{display:block;background:#e8f7ee;color:#1a7f37;border:1px solid #b7e4c7}
.msg.err{display:block;background:#fdecec;color:#c0392b;border:1px solid #f5c2c0}
.sys{display:flex;gap:6px;justify-content:center;margin-top:18px;flex-wrap:wrap}
.chip{font-size:11px;padding:3px 10px;border-radius:99px;background:#f1f2f6;color:#888}
.chip.s-ok{background:#e8f7ee;color:#1a7f37}
.chip.s-fail{background:#fdecec;color:#c0392b}
.toplink{text-align:center;margin-top:18px;font-size:13px}
.toplink a{color:#764ba2;text-decoration:none}
.toplink a:hover{text-decoration:underline}
.logged{background:#f6f7fb;border-radius:12px;padding:20px;text-align:center;margin-bottom:6px}
.logged .uname{font-size:18px;font-weight:600;color:#333;margin-bottom:4px}
.logged .hint{font-size:12px;color:#999}