.level-record-drawer[data-v-c30cee04] .el-drawer__body{padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}.drawer-header[data-v-c30cee04]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #ebeef5;background:#fff}.drawer-header .header-left[data-v-c30cee04],.drawer-header[data-v-c30cee04]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.drawer-header .header-left[data-v-c30cee04]{-webkit-box-flex:1;-ms-flex:1;flex:1}.drawer-header .header-left .header-icon[data-v-c30cee04]{width:40px;height:40px;border-radius:8px;background:linear-gradient(135deg,#667eea,#764ba2);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:12px}.drawer-header .header-left .header-icon i[data-v-c30cee04]{font-size:20px;color:#fff}.drawer-header .header-left .header-title[data-v-c30cee04]{font-size:18px;font-weight:600;color:#303133}.drawer-header .header-left .header-info[data-v-c30cee04]{font-size:14px;color:#909399;margin-left:12px}.drawer-header .header-close[data-v-c30cee04]{width:32px;height:32px;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-radius:4px;-webkit-transition:all .3s;transition:all .3s}.drawer-header .header-close[data-v-c30cee04]:hover{background:#f5f7fa}.drawer-header .header-close i[data-v-c30cee04]{font-size:18px;color:#909399}.level-record-content[data-v-c30cee04]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;padding:20px 24px;background:#f5f7fa}.record-list .record-item[data-v-c30cee04]{background:#fff;border-radius:8px;padding:20px;margin-bottom:16px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.05);box-shadow:0 2px 8px rgba(0,0,0,.05);-webkit-transition:all .3s;transition:all .3s}.record-list .record-item[data-v-c30cee04]:hover{-webkit-box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:0 4px 12px rgba(0,0,0,.1)}.record-list .record-item .record-header[data-v-c30cee04]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #ebeef5}.record-list .record-item .record-header .record-index[data-v-c30cee04]{font-size:16px;font-weight:600;color:#303133;margin-right:12px}.record-list .record-item .record-header .record-time[data-v-c30cee04]{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:14px;color:#909399}.record-list .record-item .record-body .level-change[data-v-c30cee04]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:16px;padding:16px;background:#f5f7fa;border-radius:6px}.record-list .record-item .record-body .level-change .level-from[data-v-c30cee04],.record-list .record-item .record-body .level-change .level-to[data-v-c30cee04]{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center}.record-list .record-item .record-body .level-change .level-from .level-label[data-v-c30cee04],.record-list .record-item .record-body .level-change .level-to .level-label[data-v-c30cee04]{font-size:12px;color:#909399;margin-bottom:8px}.record-list .record-item .record-body .level-change .level-from .no-level[data-v-c30cee04],.record-list .record-item .record-body .level-change .level-to .no-level[data-v-c30cee04]{color:#c0c4cc;font-size:14px}.record-list .record-item .record-body .level-change .level-arrow[data-v-c30cee04]{margin:0 20px;color:#909399;font-size:20px}.record-list .record-item .record-body .upgrade-info[data-v-c30cee04]{margin-bottom:12px;padding:12px;background:#ecf5ff;border-left:3px solid #409eff;border-radius:4px}.record-list .record-item .record-body .upgrade-info .info-label[data-v-c30cee04]{font-size:13px;color:#606266;font-weight:500;margin-bottom:6px}.record-list .record-item .record-body .upgrade-info .info-content[data-v-c30cee04]{font-size:14px;color:#303133;line-height:1.6}.record-list .record-item .record-body .record-stats[data-v-c30cee04]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:24px;margin-bottom:12px;padding:12px;background:#fafafa;border-radius:4px}.record-list .record-item .record-body .record-stats .stats-item[data-v-c30cee04]{font-size:14px}.record-list .record-item .record-body .record-stats .stats-item .stats-label[data-v-c30cee04]{color:#909399}.record-list .record-item .record-body .record-stats .stats-item .stats-value[data-v-c30cee04]{color:#303133;font-weight:500}.record-list .record-item .record-body .record-remark[data-v-c30cee04]{padding:12px;background:#fafafa;border-radius:4px;font-size:13px}.record-list .record-item .record-body .record-remark .remark-label[data-v-c30cee04]{color:#909399;margin-bottom:6px}.record-list .record-item .record-body .record-remark .remark-content[data-v-c30cee04]{color:#606266;line-height:1.6}.pagination-box[data-v-c30cee04]{margin-top:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:20px 0}[data-v-b55c51f6] .user-detail-dialog{width:600px}[data-v-b55c51f6] .user-detail-dialog .el-message-box__message{max-height:500px;overflow-y:auto}.image-slot[data-v-b55c51f6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;background:#f5f7fa;color:#909399;font-size:20px}[data-v-b55c51f6] .el-image{display:block}[data-v-b55c51f6] .el-image:hover{opacity:.8;-webkit-transform:scale(1.05);transform:scale(1.05);-webkit-transition:all .3s;transition:all .3s}