body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}:root{--primary-color: #667eea;--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--success-color: #10b981;--warning-color: #f59e0b;--danger-color: #ef4444;--text-primary: #1a1a2e;--text-secondary: #6b7280;--text-muted: #9ca3af;--bg-page: #f5f7fa;--bg-card: #ffffff;--border-color: #e5e7eb;--border-radius: 12px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;color:var(--text-primary);background:var(--bg-page);-webkit-font-smoothing:antialiased}.user-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.user-page .container{max-width:500px;margin:0 auto}.user-page .card{background:#fff;border-radius:16px;padding:24px;margin-bottom:16px;box-shadow:0 8px 32px #0000001a}.user-page .title{text-align:center;color:#fff;font-size:24px;font-weight:700;margin-bottom:24px;text-shadow:0 2px 8px rgba(0,0,0,.2)}.user-page .user-info{background:linear-gradient(135deg,#f5f7fa,#e4e7eb);border-radius:12px;padding:16px;margin:16px 0}.user-page .user-info .info-item{display:flex;justify-content:space-between;padding:8px 0;font-size:14px;border-bottom:1px solid rgba(0,0,0,.05)}.user-page .user-info .info-item:last-child{border-bottom:none}.user-page .user-info .info-item .label{color:var(--text-secondary)}.user-page .user-info .info-item .value{color:var(--text-primary);font-weight:500}.el-button--primary{--el-button-bg-color: var(--primary-color);--el-button-border-color: var(--primary-color)}.el-button--primary:hover{--el-button-hover-bg-color: #5a6fd6;--el-button-hover-border-color: #5a6fd6}.el-input__wrapper{border-radius:8px;transition:all .3s}.el-input__wrapper.is-focus{box-shadow:0 0 0 2px #667eea33}.el-table{--el-table-border-color: var(--border-color);--el-table-header-bg-color: #f9fafb}.el-table th.el-table__cell{font-weight:500;color:var(--text-secondary)}.el-tag{border-radius:20px;border:none;font-weight:500}.el-tag--success{--el-tag-bg-color: rgba(16, 185, 129, .1);--el-tag-text-color: #10b981}.el-tag--danger{--el-tag-bg-color: rgba(239, 68, 68, .1);--el-tag-text-color: #ef4444}.el-tag--warning{--el-tag-bg-color: rgba(245, 158, 11, .1);--el-tag-text-color: #f59e0b}.el-tag--info{--el-tag-bg-color: rgba(107, 114, 128, .1);--el-tag-text-color: #6b7280}.el-card{border-radius:var(--border-radius);border:none;box-shadow:var(--shadow-md)}.el-dialog{border-radius:16px}.el-dialog .el-dialog__header{border-bottom:1px solid var(--border-color);padding:20px 24px}.el-dialog .el-dialog__body{padding:24px}.el-dialog .el-dialog__footer{border-top:1px solid var(--border-color);padding:16px 24px}.el-pagination{--el-pagination-button-bg-color: #fff}.el-pagination .el-pager li{border-radius:8px}.el-pagination .el-pager li.is-active{background:var(--primary-gradient)}.el-message{border-radius:8px;border:none;box-shadow:var(--shadow-lg)}.gradient-text{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hover-card{transition:transform .3s,box-shadow .3s}.hover-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.gradient-bg{background:var(--primary-gradient)}.glass-effect{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}