.settings-page[data-v-cc413704]{max-width:700px}.settings-card[data-v-cc413704]{background:#fff;border-radius:8px;padding:32px;box-shadow:0 1px 4px rgba(0,0,0,.05)}.settings-card h3[data-v-cc413704]{font-size:18px;font-weight:500;color:#333;margin-bottom:4px}.settings-desc[data-v-cc413704]{font-size:13px;color:#999;margin-bottom:24px}.setting-group[data-v-cc413704]{margin-bottom:28px}.setting-group h4[data-v-cc413704]{font-size:15px;font-weight:500;color:#555;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.form-item[data-v-cc413704]{margin-bottom:14px}.form-item label[data-v-cc413704]{display:block;margin-bottom:6px;font-size:14px;color:#666}.form-item input[data-v-cc413704]{width:100%;height:38px;padding:0 12px;border:1px solid #d9d9d9;border-radius:4px;font-size:14px;outline:none;transition:border-color .3s}.form-item input[data-v-cc413704]:focus{border-color:#1677ff;box-shadow:0 0 0 2px rgba(22,119,255,.1)}.form-actions[data-v-cc413704]{padding-top:20px;border-top:1px solid #f0f0f0}.toggle-item[data-v-cc413704]{display:flex;align-items:center;justify-content:space-between;padding:8px 0}.toggle-label[data-v-cc413704]{font-size:14px;color:#333}.toggle-switch[data-v-cc413704]{position:relative;display:inline-block;width:44px;height:24px;cursor:pointer}.toggle-switch input[data-v-cc413704]{display:none}.toggle-slider[data-v-cc413704]{position:absolute;top:0;left:0;right:0;bottom:0;background:#d9d9d9;border-radius:12px;transition:.3s}.toggle-slider[data-v-cc413704]:before{content:"";position:absolute;left:2px;top:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:.3s}.toggle-switch input:checked+.toggle-slider[data-v-cc413704]{background:#1677ff}.toggle-switch input:checked+.toggle-slider[data-v-cc413704]:before{transform:translateX(20px)}.btn-primary[data-v-cc413704]{height:38px;padding:0 24px;background:#1677ff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.btn-primary[data-v-cc413704]:hover{background:#4096ff}.btn-primary[data-v-cc413704]:disabled{background:#a0c4ff;cursor:not-allowed}.upload-area[data-v-cc413704]{margin-bottom:8px}.upload-trigger[data-v-cc413704]{width:160px;height:100px;border:2px dashed #d9d9d9;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;color:#999;transition:border-color .3s}.upload-trigger[data-v-cc413704]:hover{border-color:#1677ff;color:#1677ff}.upload-icon[data-v-cc413704]{font-size:28px;line-height:1;margin-bottom:4px}.size-hint[data-v-cc413704]{font-size:11px;color:#bbb;font-weight:400;margin-left:8px}.image-preview[data-v-cc413704]{position:relative;display:inline-block;border-radius:6px;overflow:hidden;border:1px solid #f0f0f0}.image-preview img[data-v-cc413704]{-o-object-fit:cover;object-fit:cover;display:block}.friend-preview img[data-v-cc413704]{width:200px;height:160px}.qrcode-preview img[data-v-cc413704],.timeline-preview img[data-v-cc413704]{width:160px;height:160px}.bg-preview img[data-v-cc413704]{width:320px;height:200px}.btn-remove-img[data-v-cc413704]{position:absolute;top:4px;right:4px;padding:2px 8px;background:rgba(0,0,0,.5);color:#fff;border:none;border-radius:3px;cursor:pointer;font-size:12px}