2 lines
4.3 KiB
CSS
2 lines
4.3 KiB
CSS
@charset "UTF-8";.profile-page[data-v-162b7df4]{min-height:100vh;background-color:#f5f5f5}.navbar[data-v-162b7df4]{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:56px;background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:100}.nav-left[data-v-162b7df4],.nav-right[data-v-162b7df4]{flex:1}.nav-right[data-v-162b7df4]{text-align:right}.back-btn[data-v-162b7df4]{color:#409eff;font-size:14px}.nav-title[data-v-162b7df4]{margin:0;font-size:18px;font-weight:500;color:#333}.el-dropdown-link[data-v-162b7df4]{cursor:pointer;color:#409eff;font-size:18px}.profile-content[data-v-162b7df4]{padding:20px 16px}.profile-header[data-v-162b7df4]{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:25px;margin-bottom:20px;box-shadow:0 4px 12px #00000026;color:#fff}.avatar-section[data-v-162b7df4]{text-align:center;margin-bottom:20px}.user-avatar[data-v-162b7df4]{margin-bottom:10px}.upload-btn[data-v-162b7df4]{font-size:12px}.user-info[data-v-162b7df4]{text-align:center}.username[data-v-162b7df4]{margin:0 0 5px;font-size:22px;color:#fff;font-weight:600}.user-email[data-v-162b7df4]{margin:0 0 10px;color:#fffc;font-size:14px}.audit-status[data-v-162b7df4]{margin-bottom:20px;display:flex;align-items:center;gap:10px}.audit-tag[data-v-162b7df4]{font-weight:500}.audit-tip[data-v-162b7df4]{font-size:12px;color:#ffffffb3;background:#ffffff1a;padding:2px 8px;border-radius:4px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.user-stats[data-v-162b7df4]{display:flex;justify-content:center;gap:30px}.stat-item[data-v-162b7df4]{text-align:center}.stat-number[data-v-162b7df4]{display:block;font-size:20px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.1)}.stat-label[data-v-162b7df4]{font-size:12px;color:#fffc}.profile-form[data-v-162b7df4],.password-section[data-v-162b7df4]{background:#fff;border-radius:12px;padding:25px;margin-bottom:20px;box-shadow:0 4px 12px #00000014;border:1px solid rgba(0,0,0,.05)}.password-section h3[data-v-162b7df4]{margin:0 0 20px;font-size:16px;color:#333}.form-actions[data-v-162b7df4]{text-align:center;margin-top:30px;display:flex;gap:15px;justify-content:center}.form-actions .el-button[data-v-162b7df4]{min-width:100px;border-radius:8px;font-weight:500}.avatar-uploader[data-v-162b7df4]{text-align:center}.avatar-uploader[data-v-162b7df4] .el-upload{border:1px dashed #d9d9d9;border-radius:6px;cursor:pointer;position:relative;overflow:hidden;transition:.2s;width:178px;height:178px;display:flex;align-items:center;justify-content:center}.avatar-uploader[data-v-162b7df4] .el-upload:hover{border-color:#409eff}.avatar-uploader-icon[data-v-162b7df4]{font-size:28px;color:#8c939d}.avatar-preview[data-v-162b7df4]{width:178px;height:178px;object-fit:cover}.qr-upload-container[data-v-162b7df4]{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.qr-uploader[data-v-162b7df4]{width:120px}.qr-uploader[data-v-162b7df4] .el-upload{border:2px dashed #d9d9d9;border-radius:8px;cursor:pointer;position:relative;overflow:hidden;transition:.3s;width:120px;height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fafafa}.qr-uploader[data-v-162b7df4] .el-upload:hover{border-color:#409eff;background-color:#f0f9ff}.qr-upload-placeholder[data-v-162b7df4]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;text-align:center}.qr-upload-icon[data-v-162b7df4]{font-size:24px;color:#8c939d;margin-bottom:8px}.qr-upload-text[data-v-162b7df4]{font-size:12px;color:#8c939d;line-height:1.2}.qr-preview[data-v-162b7df4]{width:120px;height:120px;object-fit:cover;border-radius:6px}.remove-btn[data-v-162b7df4]{align-self:flex-start}@media (max-width: 768px){.profile-content[data-v-162b7df4]{padding:10px}.profile-header[data-v-162b7df4],.profile-form[data-v-162b7df4],.password-section[data-v-162b7df4]{padding:20px;border-radius:8px}.user-stats[data-v-162b7df4]{gap:15px}.stat-number[data-v-162b7df4]{font-size:18px}.username[data-v-162b7df4]{font-size:20px}.qr-uploader[data-v-162b7df4]{width:100px}.qr-uploader[data-v-162b7df4] .el-upload,.qr-preview[data-v-162b7df4]{width:100px;height:100px}.form-actions[data-v-162b7df4]{flex-direction:column;align-items:center}.form-actions .el-button[data-v-162b7df4]{width:100%;max-width:200px}.el-form[data-v-162b7df4] .el-form-item__label{width:80px!important;font-size:14px}}
|