* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: "PingFang SC", "Microsoft YaHei", sans-serif; background: linear-gradient(135deg, #1a5276 0%, #2980b9 100%); min-height: 100vh; display: flex; align-items: center; justify-content: center; }
.login-box { background: #fff; border-radius: 12px; box-shadow: 0 20px 60px rgba(0,0,0,0.2); padding: 40px 40px 36px; width: 400px; text-align: center; }
.login-logo { margin-bottom: 8px; }
.login-logo img { width: 80px; height: auto; }
.login-subtitle { color: #888; font-size: 14px; margin-bottom: 28px; }
.form-group { margin-bottom: 18px; }
.form-group input { width: 100%; padding: 12px 15px; border: 1px solid #ddd; border-radius: 6px; font-size: 14px; transition: border-color 0.3s; }
.form-group input:focus { outline: none; border-color: #2980b9; }
.btn-login { width: 100%; padding: 13px; background: linear-gradient(135deg, #1a5276, #2980b9); color: #fff; border: none; border-radius: 6px; cursor: pointer; font-size: 16px; transition: opacity 0.3s; margin-top: 4px; }
.btn-login:hover { opacity: 0.9; }
.error { background: #fde8e8; color: #c0392b; padding: 10px 15px; border-radius: 6px; margin-bottom: 18px; font-size: 14px; text-align: left; }