*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body{
    font-family: "Microsoft Yahei",sans-serif;
    background-color: #f3f4f6;
}
.card{
    background:#ffffff;
    border-radius:16px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    padding: 26px;
    margin-bottom: 24px;
}
.btn-primary{
    background: linear-gradient(135deg,#3b82f6,#2563eb);
    color:#fff;
    border-radius:10px;
    border:none;
    padding:11px 20px;
    font-size:16px;
}
.btn-success{
    background: linear-gradient(135deg,#10b981,#059669);
    color:#fff;
    border-radius:10px;
    padding:11px 20px;
    font-size:16px;
}
.btn-warning{
    background: linear-gradient(135deg,#f59e0b,#d97706);
    color:#fff;
    border-radius:10px;
    padding:11px 20px;
    font-size:16px;
}
.form-input{
    border:1px solid #d1d5db;
    border-radius:10px;
    padding:13px 16px;
    width:100%;
    font-size:16px;
    margin-bottom:16px;
}
.img-box{
    background-size: contain;
    background-position:center;
    background-repeat:no-repeat;
    min-height:220px;
}
.absolute{
    position:absolute;
}
.top-5{
    top:20px;
}
.right-5{
    right:20px;
}