*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;background:#f5f7fa;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}
.login-wrap{width:100%;max-width:400px}
.brand{text-align:center;margin-bottom:28px}
.brand-icon{width:56px;height:56px;background:#409eff;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:12px}
.brand-icon svg{width:28px;height:28px;fill:#fff}
.brand-name{font-size:22px;font-weight:700;color:#303133;margin-bottom:6px}
.brand-desc{font-size:13px;color:#909399}
.el-card{border:none!important;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.08)}
.el-card__body{padding:28px 28px 24px!important}
.card-title{font-size:16px;font-weight:600;color:#303133;margin-bottom:20px;text-align:center}
.el-input__wrapper{border-radius:6px!important;box-shadow:0 0 0 1px #dcdfe6 inset!important}
.el-input__wrapper:hover{box-shadow:0 0 0 1px #c0c4cc inset!important}
.el-input__wrapper.is-focus{box-shadow:0 0 0 1px #409eff inset!important}
.el-button{border-radius:6px!important}
.el-checkbox{border-radius:6px}
.el-message-box{border-radius:6px}
.form-row{display:flex;align-items:center;justify-content:space-between}

/* 移动端响应式 */
@media (max-width: 768px) {
    body{padding:16px}
    .login-wrap{max-width:100%}
    .brand{margin-bottom:20px}
    .brand-icon{width:48px;height:48px}
    .brand-name{font-size:18px}
    .el-card__body{padding:20px 20px 16px!important}
    .card-title{font-size:14px}
}

@media (max-width: 480px) {
    body{padding:12px}
    .login-wrap{max-width:100%}
    .el-card__body{padding:16px 16px 12px!important}
    .brand-desc{font-size:12px}
}