*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;font-family:Arial,"Microsoft YaHei",sans-serif;background:linear-gradient(135deg,#1f2937,#111827);min-height:100vh;min-height:100dvh;overflow-x:hidden}.login-page{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:16px;padding-top:calc(16px + env(safe-area-inset-top));padding-bottom:calc(16px + env(safe-area-inset-bottom))}.login-card{width:360px;max-width:100%;background:#fff;border-radius:12px;padding:30px;box-shadow:0 15px 40px rgba(0,0,0,.25)}.login-card h1{margin:0 0 18px;font-size:24px;text-align:center}.login-card .sub{font-size:13px;color:#6b7280;text-align:center;margin-top:-8px}.login-card label{display:block;margin:14px 0 6px;font-weight:600;color:#374151}.login-card input{width:100%;height:40px;border:1px solid #d1d5db;border-radius:6px;padding:0 10px}.login-card button{width:100%;height:42px;margin-top:20px;background:#2563eb;color:white;border:0;border-radius:6px;cursor:pointer;font-size:15px;touch-action:manipulation}.captcha-row{display:flex;align-items:center;gap:10px}.captcha-row input{min-width:0}.captcha-img{flex:0 0 auto;width:108px;height:40px;object-fit:contain;border:1px solid #d1d5db;border-radius:6px;background:#fff;cursor:pointer}.error{background:#fee2e2;color:#b91c1c;border:1px solid #fecaca;border-radius:6px;padding:10px;margin-bottom:12px}.admin-login-page{background:linear-gradient(135deg,#0f172a,#1e3a8a)}@media(max-device-width:900px){.login-page{align-items:flex-start;justify-content:center;padding:12px;padding-top:calc(12px + env(safe-area-inset-top));padding-bottom:calc(12px + env(safe-area-inset-bottom))}.login-card{width:100%;max-width:420px;margin-top:6vh;padding:20px;border-radius:10px}.login-card h1{font-size:22px}.login-card input,.login-card button{height:44px;font-size:16px}.captcha-img{width:104px;height:44px}}@media(max-device-width:360px){.login-card{padding:16px}.captcha-row{gap:8px}.captcha-img{width:96px}}

@media(pointer:coarse){.login-card input,.login-card button{font-size:16px;min-height:44px}.back-link{min-height:44px;padding:12px}}
@media(max-device-height:600px) and (orientation:landscape){.login-page{align-items:flex-start}.login-card{margin-top:0;padding:20px}}

@media(min-device-width:1181px){body{width:100%;min-width:1280px;overflow-x:auto}}