.head-main{justify-content:space-between;height:100%}.head-main,.main-top{display:flex;flex-direction:column}.head-icon{width:64px;background-color:#2a304c;height:100%}.head-icon-img{width:36px;height:36px;padding:20%}.head-icon-img-search,.head-icon-img-search-setting{width:24px;height:24px;padding:28%}.head-icon-img-user{width:40px;height:40px;border-radius:50%;margin:17%;background-color:#f0f8ff;display:flex;align-items:center;justify-content:center;font-size:12px;color:#333;cursor:pointer;overflow:hidden}img{cursor:pointer}.user-icon{display:inline-block;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-weight:800}.head-icon-img-search-setting.active,.head-icon-img-search.active{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAA4CAYAAAC/pKvXAAAAAXNSR0IArs4c6QAAAWBJREFUaEPtmjFKREEMhr9FsFrtbG0sLTyE2Np4BRtBwQt4BLGw9wL23kOw9BRe4HezzJO3CoJhAyZk+smb7/8zGXjJggJL0nJRgANJJ1VA7tKDSNoH3lODSLLzPwMXaUGGE08GYfc8FYhVJ+AIOAdugIOpWP0AkXQMXAJnwCGwl6GyfYFI2l0d+h64AnYyHH5+xjXIgHgBTrMBbKSWpEfgOivE+rKPO/GaMZ02UkvSA3Cb2Y3JkbfVo2KVKvWy1PrIUmJ/U9pAlNqKcfgG+W8utiPtSJACnVpBwrrDtiNu6YI2tiNBwrrDtiNu6YI2tiNBwrrDtiNu6YI2tiNBwrrDtiNu6YI2tiNBwrrDtiNu6YI2lvplWuYndpm2grUU8jd67O6VaL0NEOvo5m+GzmByt6fnpT39wEDQO7XVsH8a4djqlwODpR6q+a5LiTGnCarE4NkMJv8o4Hg6ygxnLj8BtO7apdRLu7IAAAAASUVORK5CYII=);margin-left:15px;padding-left:20%!important;background-position:0;background-repeat:no-repeat}.user-header{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #ebeef5}.avatar,.user-header{display:flex;align-items:center}.avatar{width:56px;height:56px;border-radius:50%;overflow:hidden;margin-right:16px;background-color:#3956e6;justify-content:center;font-size:24px;color:#fff;flex-shrink:0}.avatar img{background-color:#fff;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.user-info{flex:1}.user-name{font-size:16px;font-weight:500;color:#303133;margin:0}.user-email{font-size:12px;color:#222;margin:4px 0 0}.user-details{margin-bottom:20px;border-bottom:1px solid #ebeef5}.detail-item{display:flex;margin-bottom:12px;align-items:center}.detail-label{padding:2px 6px;background-color:#3956e6;color:#fff;border-radius:4px;font-size:10px;margin-right:8px}.value{flex:1;font-size:14px;color:#303133}.user-actions{text-align:right;background-color:rgba(0,0,0,.25);margin-bottom:4px;border-radius:4px}.logout-btn{border:none;color:#222;background-color:transparent;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.field-display{border:1px solid transparent;border-radius:4px;cursor:pointer;transition:all .3s}.field-display:hover{background-color:#f5f7fa;border-color:#dcdfe6}.global-player-control[data-v-01170f03]{z-index:9999;background:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);width:200px}.script-preview[data-v-01170f03]{margin-top:10px;padding:10px;background:#f9f9f9;border-radius:4px;max-height:200px;overflow-y:auto;font-size:12px}.script-preview h5[data-v-01170f03]{margin:0 0 5px 0;font-size:13px;color:#333}.script-preview pre[data-v-01170f03]{margin:0;white-space:pre-wrap;color:#666}.file-input[data-v-01170f03]{display:block;margin-bottom:10px;padding:8px;width:100%;box-sizing:border-box}.play-btn[data-v-01170f03]{padding:8px 16px;border:none;border-radius:4px;background:#2f54eb;color:#fff;cursor:pointer;font-size:14px}.play-btn[data-v-01170f03]:disabled{background:#ccc;cursor:not-allowed}.play-status[data-v-01170f03]{margin:10px 0 0;font-size:12px;color:#666;line-height:1.5}.global-recorder-control[data-v-963e7eb0]{z-index:9999;background:#fff;padding:15px;border-radius:150px;width:300px}.recorder-status[data-v-963e7eb0]{margin-top:10px;padding:10px;background:#f9f9f9;border-radius:4px;font-size:12px;color:#666;line-height:1.5}.record-btn[data-v-963e7eb0]{border:none;cursor:pointer;font-size:14px}.record-btn.start[data-v-963e7eb0]{background:#52c41a;color:#fff}.record-btn.stop[data-v-963e7eb0]{background:#ff4d4f;color:#fff}.record-btn.export[data-v-963e7eb0]{background:#1890ff;color:#fff}.record-btn[data-v-963e7eb0]:disabled{background:#ccc;cursor:not-allowed}.step-list[data-v-963e7eb0]{margin-top:10px;max-height:200px;overflow-y:auto}.step-item[data-v-963e7eb0]{padding:5px 0;border-bottom:1px solid #eee;font-size:12px}.step-item[data-v-963e7eb0]:last-child{border-bottom:none}.status[data-v-963e7eb0]{font-size:12px;color:#ccc}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100vh;position:relative}body,html{margin:0;padding:0;height:100%;font-family:sans-serif}.router-view{flex:1}.draggable-player{background-color:hsla(0,0%,100%,.9);border:1px solid #ccc;border-radius:4px;min-width:100px;min-height:50px}.draggable-player,.draggable-record{position:fixed;z-index:9999;cursor:move;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;box-shadow:0 4px 12px rgba(0,0,0,.15);padding:8px}.draggable-record{background-color:#fff;border:1px solid #ccc;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;overflow:hidden}.draggable-player *,.draggable-record *{pointer-events:auto}