.container[data-v-cb56dd62]{max-width:480px;margin:0 auto;background:#fff;min-height:100vh;box-shadow:0 0 20px rgba(0,0,0,.05);position:relative;padding-bottom:100px}.top-bar[data-v-cb56dd62]{background:linear-gradient(135deg,#4361ee,#3a0ca3);color:#fff;padding:15px 20px;display:flex;align-items:center;position:sticky;top:0;z-index:100}.back-btn[data-v-cb56dd62]{font-size:18px;cursor:pointer;margin-right:15px}.page-title[data-v-cb56dd62]{font-size:18px;font-weight:600;flex:1}.user-section[data-v-cb56dd62]{padding:30px 20px;display:flex;align-items:center;border-bottom:1px solid #eee;background:#fff}.user-avatar[data-v-cb56dd62]{width:70px;height:70px;border-radius:50%;border:3px solid #f0f5ff;overflow:hidden;margin-right:20px}.user-avatar img[data-v-cb56dd62]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.user-info[data-v-cb56dd62]{flex:1}.user-name[data-v-cb56dd62]{font-size:20px;font-weight:700;margin-bottom:5px}.user-id[data-v-cb56dd62]{font-size:14px;color:#666;margin-bottom:8px}.user-status[data-v-cb56dd62]{display:inline-block;background:#f6ffed;color:#52c41a;padding:4px 12px;border-radius:15px;font-size:13px}.edit-btn[data-v-cb56dd62]{background:#f0f5ff;color:#4361ee;border:none;padding:8px 15px;border-radius:20px;font-size:14px;cursor:pointer}.settings-group[data-v-cb56dd62]{margin:25px 0}.group-title[data-v-cb56dd62]{font-size:14px;color:#999;padding:0 20px 10px;margin-bottom:5px}.settings-list[data-v-cb56dd62]{background:#fff;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0}.setting-item[data-v-cb56dd62]{display:flex;align-items:center;padding:18px 20px;border-bottom:1px solid #f5f5f5;cursor:pointer;transition:background .3s}.setting-item[data-v-cb56dd62]:last-child{border-bottom:none}.setting-item[data-v-cb56dd62]:hover{background:#f9f9f9}.item-icon[data-v-cb56dd62]{width:40px;height:40px;border-radius:10px;background:#f0f5ff;display:flex;align-items:center;justify-content:center;margin-right:15px;color:#4361ee;font-size:18px}.item-info[data-v-cb56dd62]{flex:1}.item-title[data-v-cb56dd62]{font-weight:500;margin-bottom:3px}.item-desc[data-v-cb56dd62]{font-size:13px;color:#999}.item-action[data-v-cb56dd62]{color:#999;font-size:14px;margin-left:10px}.switch[data-v-cb56dd62]{position:relative;display:inline-block;width:50px;height:26px}.switch input[data-v-cb56dd62]{opacity:0;width:0;height:0}.slider[data-v-cb56dd62]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px}.slider[data-v-cb56dd62]:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider[data-v-cb56dd62]{background-color:#4361ee}input:checked+.slider[data-v-cb56dd62]:before{transform:translateX(24px)}.logout-section[data-v-cb56dd62]{padding:30px 20px}.logout-button[data-v-cb56dd62]{width:100%;padding:16px;border:none;border-radius:12px;background:#fff0f0;color:#ff4d4f;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 2px 8px rgba(0,0,0,.05);transition:all .3s}.logout-button[data-v-cb56dd62]:hover{background:#ffe6e6}@media(max-width:350px){.user-section[data-v-cb56dd62]{flex-direction:column;text-align:center}.user-avatar[data-v-cb56dd62]{margin-right:0;margin-bottom:15px}.edit-btn[data-v-cb56dd62]{margin-top:10px}}