:root{--el-color-primary: #409eff}

.user-center-card{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.9);border:none;box-shadow:0 8px 24px rgba(0,0,0,.1);transition:all .3s ease}.user-center-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,.15)}.user-center-card .el-card__header{border-bottom:1px solid rgba(0,0,0,.05);background:linear-gradient(135deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.95))}.user-center-card .el-card__header .card-header{display:flex;align-items:center}.user-center-card .el-card__header .card-header h2,.user-center-card .el-card__header .card-header span{font-size:18px;background:linear-gradient(45deg, #2196F3, #E91E63);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);font-weight:600}.user-center-card .el-card__header .card-header span.info-msg{-webkit-text-fill-color:#cf0707;background:none;font-weight:400}.user-center-table .el-table{border-radius:8px;overflow:hidden}.user-center-table .el-table th{background:linear-gradient(135deg, #f5f7fa, #f7f9fc);font-weight:600}.user-center-table .el-table td{transition:all .3s ease}.user-center-table .el-table tr:hover td{background-color:rgba(33,150,243,.05)}.user-center-form .el-form-item{margin-bottom:24px}.user-center-form .el-form-item .el-input__wrapper,.user-center-form .el-form-item .el-textarea__wrapper{box-shadow:0 2px 8px rgba(0,0,0,.05);transition:all .3s ease}.user-center-form .el-form-item .el-input__wrapper:hover,.user-center-form .el-form-item .el-input__wrapper:focus-within,.user-center-form .el-form-item .el-textarea__wrapper:hover,.user-center-form .el-form-item .el-textarea__wrapper:focus-within{box-shadow:0 4px 12px rgba(33,150,243,.15)}.user-center-btn.el-button--primary{background:linear-gradient(45deg, #2196F3, #1976D2);border:none;padding:12px 24px;height:auto;transition:all .3s ease}.user-center-btn.el-button--primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(33,150,243,.3)}.user-center-pagination{margin-top:24px;display:flex;justify-content:flex-end}.user-center-pagination .el-pagination{padding:12px;background:hsla(0,0%,100%,.8);border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.info-msg{color:#cf0707;font-size:14px;padding:0 12px;position:relative;background:none;font-weight:400}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease forwards}
