*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Arial,"Microsoft JhengHei","PingFang TC",sans-serif;color:#18213a;background:#f4f6fa}
body{min-height:100vh;background:radial-gradient(circle at 15% 0,rgba(31,82,180,.14),transparent 34%),radial-gradient(circle at 85% 100%,rgba(208,28,45,.11),transparent 35%),#f4f6fa}
.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px 18px}
.auth-card{width:100%;max-width:430px;background:#fff;border-radius:18px;box-shadow:0 18px 55px rgba(25,46,92,.16);overflow:hidden;border:1px solid rgba(26,61,150,.09)}
.auth-head{padding:31px 34px 24px;text-align:center;background:linear-gradient(145deg,#fff 0%,#f7faff 100%);border-bottom:4px solid #1a3d96}
.auth-logo{display:block;width:154px;max-width:55%;height:auto;margin:0 auto 16px}
.auth-head h1{margin:0;font-size:25px;color:#163886;letter-spacing:2px}
.auth-subtitle{margin:9px 0 0;color:#6d7690;font-size:14px}
.auth-body{padding:28px 34px 32px}
.auth-notice,.auth-error{margin:0 0 18px;padding:11px 13px;border-radius:8px;font-size:14px;line-height:1.55}
.auth-notice{color:#145d33;background:#eaf8ef;border:1px solid #bce8cb}
.auth-error{color:#a41f2b;background:#fff0f1;border:1px solid #f4c2c7}
.auth-field{margin-bottom:18px}
.auth-field label{display:block;margin-bottom:7px;color:#303a54;font-size:14px;font-weight:700}
.auth-input-wrap{position:relative}
.auth-input{display:block;width:100%;height:48px;border:1px solid #d9deea;border-radius:9px;background:#fff;padding:0 14px;font-size:16px;color:#1f2940;outline:none;transition:border-color .2s,box-shadow .2s}
.auth-input:focus{border-color:#2c59b4;box-shadow:0 0 0 3px rgba(44,89,180,.12)}
.auth-input::placeholder{color:#a0a7b8}
.password-toggle{position:absolute;right:7px;top:7px;height:34px;padding:0 9px;border:0;border-radius:6px;background:#eef2fa;color:#264c9d;cursor:pointer;font-size:12px}
.auth-submit{width:100%;height:49px;border:0;border-radius:9px;background:linear-gradient(90deg,#163b95,#245bc6);color:#fff;font-size:17px;font-weight:700;letter-spacing:2px;cursor:pointer;box-shadow:0 8px 18px rgba(28,66,154,.23);transition:transform .15s,box-shadow .15s}
.auth-submit:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(28,66,154,.3)}
.auth-submit:active{transform:translateY(0)}
.auth-switch{margin:22px 0 0;text-align:center;color:#727b91;font-size:14px}
.auth-switch a{color:#d82332;font-weight:700;text-decoration:none}
.auth-tip{margin:18px 0 0;text-align:center;color:#9299aa;font-size:12px;line-height:1.6}
@media(max-width:520px){.auth-shell{padding:18px 14px}.auth-card{border-radius:14px}.auth-head{padding:25px 24px 20px}.auth-head h1{font-size:22px}.auth-body{padding:24px 22px 27px}.auth-logo{width:138px}.auth-input{font-size:16px}}