.account-container[data-v-b7ecddde]{background:#fff;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.08);display:flex;margin:120px auto 60px;max-width:1200px;min-height:600px}.account-sidebar[data-v-b7ecddde]{border-right:1px solid #eee;padding:30px 0;width:250px}.account-sidebar .sidebar-title[data-v-b7ecddde]{border-bottom:1px solid #eee;color:#333;font-size:20px;font-weight:700;margin-bottom:20px;padding:0 30px 20px}.account-sidebar .sidebar-menu[data-v-b7ecddde]{list-style:none;padding:0}.account-sidebar .sidebar-menu li[data-v-b7ecddde]{align-items:center;color:#666;cursor:pointer;display:flex;padding:15px 30px;transition:all .3s}.account-sidebar .sidebar-menu li i[data-v-b7ecddde]{margin-right:12px;width:16px}.account-sidebar .sidebar-menu li[data-v-b7ecddde]:hover{background:#f8f9fa;color:#1c449b}.account-sidebar .sidebar-menu li.active[data-v-b7ecddde]{background:#f0f4ff;border-right:3px solid #1c449b;color:#1c449b;font-weight:600}.account-content[data-v-b7ecddde]{flex:1;padding:40px 60px}.account-content .avatar-upload-group[data-v-b7ecddde]{align-items:center;display:flex;margin-bottom:30px}.account-content .avatar-upload-group .avatar-preview[data-v-b7ecddde]{border:2px solid #eee;border-radius:50%;height:100px;margin-right:20px;overflow:hidden;width:100px}.account-content .avatar-upload-group .avatar-preview img[data-v-b7ecddde]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.account-content .avatar-upload-group .upload-btn-wrapper[data-v-b7ecddde]{display:inline-block;overflow:hidden;position:relative}.account-content .avatar-upload-group .upload-btn-wrapper .upload-trigger[data-v-b7ecddde]{background:#f8f9fa;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:14px;padding:8px 20px;transition:all .3s}.account-content .avatar-upload-group .upload-btn-wrapper .upload-trigger[data-v-b7ecddde]:hover{background:#eee}.account-content .avatar-upload-group .upload-btn-wrapper input[type=file][data-v-b7ecddde]{cursor:pointer;font-size:100px;left:0;opacity:0;position:absolute;top:0}.account-content .section-title[data-v-b7ecddde]{color:#333;font-size:24px;margin-bottom:30px}.account-content .form-group[data-v-b7ecddde]{margin-bottom:20px}.account-content .form-group label[data-v-b7ecddde]{color:#666;display:block;font-size:14px;margin-bottom:8px}.account-content .form-group .form-control[data-v-b7ecddde]{border:1px solid #ddd;border-radius:4px;height:45px;padding:0 15px;transition:border-color .3s;width:100%}.account-content .form-group .form-control[data-v-b7ecddde]:focus{border-color:#1c449b;outline:none}.account-content .form-group .form-control[data-v-b7ecddde]:disabled{background:#f5f5f5;cursor:not-allowed}.account-content .save-btn[data-v-b7ecddde]{background:#1c449b;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;height:45px;margin-top:10px;padding:0 40px;transition:background .3s}.account-content .save-btn[data-v-b7ecddde]:hover{background:#15357a}.account-content .save-btn[data-v-b7ecddde]:disabled{background:#ccc;cursor:not-allowed}@media (max-width:768px){.account-container[data-v-b7ecddde]{flex-direction:column;margin:100px 15px 40px}.account-sidebar[data-v-b7ecddde]{border-bottom:1px solid #eee;border-right:none;padding:20px 0;width:100%}.account-sidebar .sidebar-menu[data-v-b7ecddde]{display:flex}.account-sidebar .sidebar-menu li[data-v-b7ecddde]{padding:10px 20px}.account-sidebar .sidebar-menu li.active[data-v-b7ecddde]{border-bottom:3px solid #1c449b;border-right:none}.account-content[data-v-b7ecddde]{padding:30px 20px}}