.drawer-container[data-v-7acdff78]{height:100%;padding:30px 20px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:linear-gradient(135deg,#fff,#fff);min-height:100vh}.drawer-container[data-v-7acdff78],.header-section[data-v-7acdff78]{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header-section[data-v-7acdff78]{max-width:1200px;margin-bottom:20px;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;-webkit-box-shadow:0 10px 10px 0 rgba(102,126,234,.4);box-shadow:0 10px 10px 0 rgba(102,126,234,.4);gap:24px}.header-icon-wrapper[data-v-7acdff78]{width:64px;height:64px;background:hsla(0,0%,100%,.25);border-radius:6px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;backdrop-filter:blur(10px);-webkit-box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:0 4px 12px rgba(0,0,0,.1)}.header-icon[data-v-7acdff78]{font-size:36px;color:#fff}.header-text-wrapper[data-v-7acdff78]{-webkit-box-flex:1;-ms-flex:1;flex:1}.header-title[data-v-7acdff78]{margin:0;font-size:24px;font-weight:600;color:#fff;line-height:1.4;letter-spacing:.5px}.header-subtitle[data-v-7acdff78]{margin:8px 0 0 0;font-size:15px;color:hsla(0,0%,100%,.95);font-weight:400}.form-container[data-v-7acdff78]{width:100%;max-width:1200px;margin:0 auto;background:#fff;border-radius:6px;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.1);box-shadow:0 0 10px 0 rgba(0,0,0,.1);padding:30px;border:1px solid #ebeef5;margin-bottom:20px;-webkit-box-sizing:border-box;box-sizing:border-box}.avatar-section[data-v-7acdff78]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:30px 20px;margin-bottom:30px;background:linear-gradient(135deg,#f9f3e6,#e9ecef);border-radius:8px}.avatar-wrapper[data-v-7acdff78]{position:relative;display:inline-block;margin-bottom:16px}.avatar-click-area[data-v-7acdff78]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.avatar-click-area[data-v-7acdff78]:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.avatar-image[data-v-7acdff78]{border:4px solid #fff;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.15);box-shadow:0 4px 12px rgba(0,0,0,.15)}.avatar-edit-btn[data-v-7acdff78]{position:absolute;bottom:0;right:0;width:36px;height:36px;background:linear-gradient(135deg,#667eea,#764ba2);border:3px solid #fff;-webkit-box-shadow:0 2px 8px rgba(102,126,234,.4);box-shadow:0 2px 8px rgba(102,126,234,.4)}.avatar-name[data-v-7acdff78]{font-size:20px;font-weight:600;color:#303133;margin-bottom:4px}.avatar-staff-no[data-v-7acdff78]{font-size:14px;color:#909399}.form-input[data-v-7acdff78]{width:100%}.button-section[data-v-7acdff78]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:20px;margin-top:40px;padding-top:30px;border-top:1px solid #e4e7ed;-webkit-box-sizing:border-box;box-sizing:border-box}.cancel-btn[data-v-7acdff78]{width:180px;border-radius:4px;font-size:14px;font-weight:500}.save-btn[data-v-7acdff78]{width:180px;border-radius:4px;font-size:14px;font-weight:500;background:linear-gradient(135deg,#667eea,#764ba2);border:none;-webkit-box-shadow:0 4px 12px rgba(102,126,234,.4);box-shadow:0 4px 12px rgba(102,126,234,.4)}.save-btn[data-v-7acdff78]:hover{background:linear-gradient(135deg,#5568d3,#653a8f)}.drawer-container[data-v-13b96376]{height:100%;padding:30px 20px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;background:linear-gradient(135deg,#fff,#fff);min-height:100vh}.drawer-container[data-v-13b96376],.header-section[data-v-13b96376]{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex}.header-section[data-v-13b96376]{margin-bottom:20px;padding:20px;background:linear-gradient(135deg,#518e65,#3ccbbd);border-radius:8px;-webkit-box-shadow:0 0 10px 0 rgba(81,142,101,.4);box-shadow:0 0 10px 0 rgba(81,142,101,.4);-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:24px}.header-icon-wrapper[data-v-13b96376]{width:64px;height:64px;background:hsla(0,0%,100%,.25);border-radius:6px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;backdrop-filter:blur(10px);-webkit-box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:0 4px 12px rgba(0,0,0,.1)}.header-icon[data-v-13b96376]{font-size:36px;color:#fff}.header-content[data-v-13b96376]{-webkit-box-flex:1;-ms-flex:1;flex:1}.header-title[data-v-13b96376]{margin:0;font-size:24px;font-weight:600;color:#fff;line-height:1.4;letter-spacing:.5px}.header-subtitle[data-v-13b96376]{margin:8px 0 0 0;font-size:15px;color:hsla(0,0%,100%,.95);font-weight:400}.table-section[data-v-13b96376]{width:100%;background:#fff;border-radius:6px;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.1);box-shadow:0 0 10px 0 rgba(0,0,0,.1);padding:30px;margin-bottom:20px;-webkit-box-sizing:border-box;box-sizing:border-box}.login-table[data-v-13b96376]{width:100%}.index-text[data-v-13b96376]{font-weight:500}.time-cell[data-v-13b96376]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.time-icon[data-v-13b96376]{color:#909399}.device-icon[data-v-13b96376]{margin-right:4px}.empty-container[data-v-13b96376]{padding:60px 0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.empty-container[data-v-13b96376],.pagination-section[data-v-13b96376]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.pagination-section[data-v-13b96376]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-top:10px;padding-top:10px}.pagination-wrapper[data-v-13b96376]{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:12px;border-radius:6px}.button-section[data-v-13b96376]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:30px}.close-button[data-v-13b96376]{width:180px;border-radius:4px;font-size:14px;font-weight:500}.page-container[data-v-a076d902]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.user-setting-page[data-v-a076d902]{padding:0;background:linear-gradient(135deg,#fff,#fff);min-height:calc(100vh - 84px);width:1000px;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.2);box-shadow:0 0 10px 0 rgba(0,0,0,.2);border-radius:6px}.user-setting-page .page-header[data-v-a076d902]{margin-bottom:20px;padding:30px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px 6px 0 0;-webkit-box-shadow:0 8px 24px rgba(102,126,234,.3);box-shadow:0 8px 24px rgba(102,126,234,.3)}.user-setting-page .page-header .header-content[data-v-a076d902]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px}.user-setting-page .page-header .header-content .header-icon[data-v-a076d902]{width:64px;height:64px;background:hsla(0,0%,100%,.2);border-radius:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;backdrop-filter:blur(10px)}.user-setting-page .page-header .header-content .header-icon i[data-v-a076d902]{font-size:32px;color:#fff}.user-setting-page .page-header .header-content .header-text[data-v-a076d902]{-webkit-box-flex:1;-ms-flex:1;flex:1}.user-setting-page .page-header .header-content .header-text .header-title[data-v-a076d902]{margin:0;font-size:24px;font-weight:600;color:#fff;line-height:1.4}.user-setting-page .page-header .header-content .header-text .header-subtitle[data-v-a076d902]{margin:6px 0 0 0;font-size:15px;color:hsla(0,0%,100%,.9);font-weight:400}.page-content[data-v-a076d902]{padding:0 20px 20px 20px}.user-settings[data-v-a076d902]{margin:0 auto}.settings-item[data-v-a076d902]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:20px 24px;background:#fff;border-radius:6px;margin-bottom:20px;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:0 4px 12px rgba(0,0,0,.1);cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;border:1px solid #ebeef5}.settings-item[data-v-a076d902]:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px);-webkit-box-shadow:0 8px 20px rgba(102,126,234,.2);box-shadow:0 8px 20px rgba(102,126,234,.2);border-color:#667eea}.settings-item .item-icon[data-v-a076d902]{width:52px;height:52px;border-radius:6px;background:linear-gradient(135deg,#ecf5ff,#d4e8ff);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:16px;-webkit-box-shadow:0 2px 8px rgba(64,158,255,.2);box-shadow:0 2px 8px rgba(64,158,255,.2);-webkit-transition:all .3s ease;transition:all .3s ease;overflow:hidden}.settings-item .item-icon i[data-v-a076d902]{font-size:24px;color:#409eff}.settings-item .item-icon .avatar-img[data-v-a076d902]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:6px}.settings-item .item-icon.icon-yellow[data-v-a076d902]{background:linear-gradient(135deg,#fffbe6,#ffeaa7)}.settings-item .item-icon.icon-yellow i[data-v-a076d902]{color:#beb207}.settings-item .item-icon.icon-blue[data-v-a076d902]{background:linear-gradient(135deg,#ecf5ff,#d4e8ff)}.settings-item .item-icon.icon-blue i[data-v-a076d902]{color:#409eff}.settings-item .item-icon.icon-orange[data-v-a076d902]{background:linear-gradient(135deg,#fff4e6,#ffe0b3)}.settings-item .item-icon.icon-orange i[data-v-a076d902]{color:#ce720f}.settings-item .item-icon.icon-green[data-v-a076d902]{background:linear-gradient(135deg,#f0f9ff,#d1f2eb)}.settings-item .item-icon.icon-green i[data-v-a076d902]{color:#67c23a}.settings-item .item-icon.icon-red[data-v-a076d902]{background:linear-gradient(135deg,#fff0f0,#ffd6d6)}.settings-item .item-icon.icon-red i[data-v-a076d902]{color:#f56c6c}.settings-item .item-icon.icon-gray[data-v-a076d902]{background:linear-gradient(135deg,#f5f5f5,#e0e0e0)}.settings-item .item-icon.icon-gray i[data-v-a076d902]{color:#999}.settings-item .item-icon.icon-dark-green[data-v-a076d902]{background:linear-gradient(135deg,#e8f5e9,#c8e6c9)}.settings-item .item-icon.icon-dark-green i[data-v-a076d902]{color:#216c05}.settings-item .item-icon.icon-dark-blue[data-v-a076d902]{background:linear-gradient(135deg,#e3f2fd,#bbdefb)}.settings-item .item-icon.icon-dark-blue i[data-v-a076d902]{color:#36f}.settings-item .item-icon.icon-dark-red[data-v-a076d902]{background:linear-gradient(135deg,#ffebee,#ffcdd2)}.settings-item .item-icon.icon-dark-red i[data-v-a076d902]{color:#900}.settings-item .item-icon.icon-light-purple[data-v-a076d902]{background:linear-gradient(135deg,#f3e5f5,#e1bee7)}.settings-item .item-icon.icon-light-purple i[data-v-a076d902]{color:#b573de}.settings-item:hover .item-icon[data-v-a076d902]{-webkit-transform:scale(1.05);transform:scale(1.05);-webkit-box-shadow:0 4px 12px rgba(102,126,234,.3);box-shadow:0 4px 12px rgba(102,126,234,.3)}.settings-item .item-content[data-v-a076d902]{-webkit-box-flex:1;-ms-flex:1;flex:1}.settings-item .item-content .item-title[data-v-a076d902]{font-size:16px;font-weight:500;color:#303133;margin-bottom:4px}.settings-item .item-content .item-desc[data-v-a076d902]{font-size:13px;color:#909399}.settings-item .item-arrow i[data-v-a076d902]{font-size:16px;color:#909399;-webkit-transition:all .3s ease;transition:all .3s ease}.settings-item:hover .item-arrow i[data-v-a076d902]{color:#667eea;-webkit-transform:translateX(4px);transform:translateX(4px)}