.avatar-upload-preview[data-v-317cd473]{position:absolute;top:50%;transform:translate(50%,-50%);width:180px;height:180px;border-radius:50%;box-shadow:0 0 4px #ccc;overflow:hidden}.avatar-upload-preview img[data-v-317cd473]{width:100%;height:100%}.base-settings-container[data-v-4b8d7088]{padding:24px;background:#f5f7fa;min-height:calc(100vh - 64px)}.page-header[data-v-4b8d7088]{margin-bottom:32px}.page-title[data-v-4b8d7088]{font-size:24px;font-weight:600;color:#1f1f1f;margin:0 0 8px 0;display:flex;align-items:center;gap:12px}.title-icon[data-v-4b8d7088]{font-size:28px;color:#1890ff}.page-description[data-v-4b8d7088]{font-size:14px;color:#8c8c8c;margin:0}.avatar-card[data-v-4b8d7088],.form-card[data-v-4b8d7088],.notification-card[data-v-4b8d7088]{border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.06);border:1px solid #f0f0f0;margin-bottom:16px;transition:all .3s ease}.avatar-card[data-v-4b8d7088]:hover,.form-card[data-v-4b8d7088]:hover,.notification-card[data-v-4b8d7088]:hover{box-shadow:0 4px 16px rgba(0,0,0,.1)}.avatar-card[data-v-4b8d7088] :deep(.ant-card-head),.form-card[data-v-4b8d7088] :deep(.ant-card-head),.notification-card[data-v-4b8d7088] :deep(.ant-card-head){border-bottom:1px solid #f0f0f0;padding:12px 16px}.avatar-card[data-v-4b8d7088] :deep(.ant-card-head-title),.form-card[data-v-4b8d7088] :deep(.ant-card-head-title),.notification-card[data-v-4b8d7088] :deep(.ant-card-head-title){font-size:15px;font-weight:600;color:#1f1f1f}.avatar-card[data-v-4b8d7088] :deep(.ant-card-body),.form-card[data-v-4b8d7088] :deep(.ant-card-body),.notification-card[data-v-4b8d7088] :deep(.ant-card-body){padding:16px}.settings-form .ant-form-item[data-v-4b8d7088]{margin-bottom:16px}.settings-form .ant-form-item-label[data-v-4b8d7088]{padding-bottom:4px}.settings-form .ant-form-item-label>label[data-v-4b8d7088]{font-weight:500;color:#262626;font-size:13px}.settings-form .ant-input-affix-wrapper[data-v-4b8d7088]{border-radius:4px;transition:all .3s ease}.settings-form .ant-input-affix-wrapper[data-v-4b8d7088]:hover{border-color:#40a9ff}.settings-form .ant-input-affix-wrapper-focused[data-v-4b8d7088]{border-color:#1890ff;box-shadow:0 0 0 2px rgba(24,144,255,.2)}.submit-form-item[data-v-4b8d7088]{margin-top:16px;margin-bottom:0}.submit-button[data-v-4b8d7088]{height:36px;padding:0 24px;border-radius:4px;font-weight:500;display:inline-flex;align-items:center;gap:6px;transition:all .3s ease}.submit-button[data-v-4b8d7088]:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(24,144,255,.3)}.notification-description[data-v-4b8d7088]{display:flex;align-items:center;gap:6px;color:#8c8c8c;font-size:13px;margin-bottom:16px;padding:8px 12px;background:#fafafa;border-radius:4px}.notification-description i[data-v-4b8d7088]{color:#1890ff;font-size:14px}.notification-switches[data-v-4b8d7088]{margin-top:0}.switch-item[data-v-4b8d7088]{display:flex;flex-direction:column;align-items:center;padding:12px 8px;background:#fafafa;border-radius:6px;transition:all .3s ease;border:1px solid transparent}.switch-item[data-v-4b8d7088]:hover{background:#f0f7ff;border-color:#e6f7ff}.switch-label[data-v-4b8d7088]{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:#262626;margin-bottom:8px}.switch-icon[data-v-4b8d7088]{color:#1890ff;font-size:16px}.switch-form-item[data-v-4b8d7088]{margin:0}.switch-form-item[data-v-4b8d7088] :deep(.ant-form-item-control){line-height:1}.avatar-upload-wrapper[data-v-4b8d7088]{display:flex;flex-direction:column;align-items:center;padding:20px 0}.avatar-preview[data-v-4b8d7088]{position:relative;width:180px;height:180px;border-radius:50%;overflow:hidden;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.15);transition:all .3s ease;border:4px solid #fff}.avatar-preview[data-v-4b8d7088]:hover{transform:scale(1.05);box-shadow:0 6px 20px rgba(0,0,0,.2)}.avatar-preview img[data-v-4b8d7088]{width:100%;height:100%;object-fit:cover}.avatar-mask[data-v-4b8d7088]{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;border-radius:50%}.avatar-preview:hover .avatar-mask[data-v-4b8d7088]{opacity:1}.mask-content[data-v-4b8d7088]{display:flex;flex-direction:column;align-items:center;gap:8px;color:#fff}.camera-icon[data-v-4b8d7088]{font-size:32px;color:#fff}.mask-text[data-v-4b8d7088]{margin:0;font-size:14px;font-weight:500;color:#fff}.upload-badge[data-v-4b8d7088]{position:absolute;top:8px;right:8px;width:36px;height:36px;background:hsla(0,0%,100%,.95);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.15);transition:all .3s ease}.upload-badge i[data-v-4b8d7088]{font-size:18px;color:#1890ff}.avatar-preview:hover .upload-badge[data-v-4b8d7088]{background:#1890ff;transform:scale(1.1)}.avatar-preview:hover .upload-badge i[data-v-4b8d7088]{color:#fff}.avatar-tip[data-v-4b8d7088]{margin-top:20px;font-size:13px;color:#8c8c8c;text-align:center;display:flex;align-items:center;justify-content:center;gap:6px;line-height:1.5}.avatar-tip i[data-v-4b8d7088]{color:#1890ff}@media (max-width:1200px){.notification-switches .ant-col[data-v-4b8d7088]{margin-bottom:16px}}@media (max-width:768px){.avatar-card[data-v-4b8d7088] :deep(.ant-card-body),.base-settings-container[data-v-4b8d7088],.form-card[data-v-4b8d7088] :deep(.ant-card-body),.notification-card[data-v-4b8d7088] :deep(.ant-card-body){padding:16px}.page-title[data-v-4b8d7088]{font-size:20px}.switch-item[data-v-4b8d7088]{padding:16px}.avatar-preview[data-v-4b8d7088]{width:150px;height:150px}}