*{
    box-sizing: border-box;
    margin:0;
    padding:0;
    font-family:system-ui, -apple-system, sans-serif;
}
body{
    background:#f3f4f6;
    padding:20px;
}
.login-box{
    max-width:420px;
    margin:80px auto;
    background:#fff;
    padding:32px;
    border-radius:14px;
    box-shadow: 0 2px 12px #00000014;
}
.login-box h2{
    text-align:center;
    margin-bottom:24px;
    color:#1f2937;
}
.form-item{
    margin-bottom:18px;
}
.form-item label{
    display:block;
    margin-bottom:6px;
    color:#4b5563;
}
.form-item input{
    width:100%;
    padding:11px 12px;
    border:1px #d1d5db solid;
    border-radius:8px;
    font-size:16px;
}
.form-item button{
    width:100%;
    padding:12px;
    background:#2563eb;
    color:#fff;
    border:none;
    border-radius:8px;
    font-size:16px;
    cursor:pointer;
}
.tip-red{
    color:#dc2626;
    text-align:center;
    margin-bottom:16px;
}
