.user-profile[data-v-eacede96]{padding:20px;background-color:#f5f7fa;min-height:calc(100vh - 60px)}.profile-header[data-v-eacede96]{background:#fff;border-radius:12px;padding:32px;margin-bottom:24px;-webkit-box-shadow:0 2px 12px rgba(0,0,0,.08);box-shadow:0 2px 12px rgba(0,0,0,.08)}.header-content[data-v-eacede96]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.header-content[data-v-eacede96],.user-avatar-section[data-v-eacede96]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.user-avatar-section[data-v-eacede96]{gap:24px}.avatar-container[data-v-eacede96]{position:relative}.avatar-container img[data-v-eacede96]{width:80px;height:80px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:4px solid #f0f2f5}.avatar-container .avatar-upload[data-v-eacede96]{position:absolute;bottom:0;right:0;width:28px;height:28px;background:#3498db;border-radius:50%;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;cursor:pointer;border:2px solid #fff}.avatar-container .avatar-upload i[data-v-eacede96]{color:#fff;font-size:12px}.avatar-container .avatar-upload[data-v-eacede96]:hover{background:#2980b9}.user-basic-info .username[data-v-eacede96]{margin:0 0 8px 0;font-size:24px;font-weight:600;color:#2c3e50}.user-basic-info .user-role[data-v-eacede96]{font-size:16px;color:#3498db;margin-bottom:4px}.user-basic-info .join-date[data-v-eacede96]{font-size:14px;color:#7f8c8d}.profile-stats[data-v-eacede96]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:32px}.stat-item[data-v-eacede96]{text-align:center}.stat-item .stat-number[data-v-eacede96]{font-size:28px;font-weight:700;color:#2c3e50;margin-bottom:4px}.stat-item .stat-label[data-v-eacede96]{font-size:14px;color:#7f8c8d}.profile-content[data-v-eacede96]{background:#fff;border-radius:12px;-webkit-box-shadow:0 2px 12px rgba(0,0,0,.08);box-shadow:0 2px 12px rgba(0,0,0,.08);overflow:hidden}.content-tabs[data-v-eacede96]{display:-webkit-box;display:-ms-flexbox;display:flex;border-bottom:1px solid #e8e8e8}.tab-item[data-v-eacede96]{padding:16px 24px;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;color:#7f8c8d;-webkit-transition:all .2s;transition:all .2s;border-bottom:2px solid transparent}.tab-item.active[data-v-eacede96],.tab-item[data-v-eacede96]:hover{color:#3498db;background-color:#f8f9fa}.tab-item.active[data-v-eacede96]{border-bottom-color:#3498db}.tab-item i[data-v-eacede96]{font-size:14px}.tab-content[data-v-eacede96]{padding:32px}.tab-panel .info-section[data-v-eacede96],.tab-panel .preferences-section[data-v-eacede96],.tab-panel .security-section[data-v-eacede96]{margin-bottom:32px}.tab-panel .info-section[data-v-eacede96]:last-child,.tab-panel .preferences-section[data-v-eacede96]:last-child,.tab-panel .security-section[data-v-eacede96]:last-child{margin-bottom:0}.tab-panel .info-section h3[data-v-eacede96],.tab-panel .preferences-section h3[data-v-eacede96],.tab-panel .security-section h3[data-v-eacede96]{margin:0 0 24px 0;font-size:18px;font-weight:600;color:#2c3e50;padding-bottom:12px;border-bottom:1px solid #e8e8e8}.login-records[data-v-eacede96]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px}.record-item[data-v-eacede96]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:16px;background-color:#f8f9fa;border-radius:8px}.record-info .record-time[data-v-eacede96]{font-weight:500;color:#2c3e50;margin-bottom:4px}.record-info .record-device[data-v-eacede96],.record-info .record-location[data-v-eacede96]{font-size:14px;color:#7f8c8d}.record-status[data-v-eacede96]{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.record-status.success[data-v-eacede96]{background-color:#d4edda;color:#155724}.record-status.failed[data-v-eacede96]{background-color:#f8d7da;color:#721c24}.preference-item[data-v-eacede96]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:16px 0;border-bottom:1px solid #f0f2f5}.preference-item[data-v-eacede96]:last-child{border-bottom:none}.preference-item .preference-label[data-v-eacede96]{font-weight:500;color:#2c3e50}.avatar-upload-dialog[data-v-eacede96]{text-align:center}.avatar-uploader .avatar-preview[data-v-eacede96]{width:120px;height:120px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.avatar-uploader .avatar-uploader-icon[data-v-eacede96]{font-size:28px;color:#8c939d;width:120px;height:120px;line-height:120px;text-align:center;border:1px dashed #d9d9d9;border-radius:50%}.upload-tips[data-v-eacede96]{margin-top:16px}.upload-tips p[data-v-eacede96]{margin:0;font-size:14px;color:#7f8c8d}@media (max-width:1200px){.header-content[data-v-eacede96]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:24px;text-align:center}.profile-stats[data-v-eacede96]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media (max-width:768px){.user-profile[data-v-eacede96]{padding:15px}.profile-header[data-v-eacede96]{padding:24px}.user-avatar-section[data-v-eacede96]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center;gap:16px}.profile-stats[data-v-eacede96]{gap:24px}.content-tabs[data-v-eacede96]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.tab-content[data-v-eacede96]{padding:24px}.preference-item[data-v-eacede96]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:12px}}