.layoutbox{height:100%}.trigger{font-size:18px;padding:0 20px;cursor:pointer;color:#666;-webkit-transition:all .3s;transition:all .3s}.trigger:hover{color:#1890ff}.logo{color:#000;height:32px;margin:16px;font-size:20px;font-weight:700;text-align:center}.headbox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 16px;height:56px;background:#fff;border-bottom:1px solid #f0f0f0;-webkit-box-shadow:0 1px 4px rgba(0,21,41,.08);box-shadow:0 1px 4px rgba(0,21,41,.08)}.modern-tabs{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0 20px;min-width:0}.modern-tabs,.tabs-container{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tabs-container{width:100%;position:relative}.tabs-scroll-wrapper{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;position:relative;height:100%;border-radius:8px;border:1px solid #e8e8e8;padding:0 8px}.scroll-arrow,.tabs-scroll-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#fff}.scroll-arrow{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:24px;height:24px;border-radius:4px;cursor:pointer;color:#8c8c8c;font-size:12px;-webkit-transition:all .2s;transition:all .2s;-ms-flex-negative:0;flex-shrink:0;border:1px solid #e8e8e8}.scroll-arrow:hover:not(.disabled){background:#1890ff;color:#fff;border-color:#1890ff}.scroll-arrow.disabled{opacity:.3;cursor:not-allowed;background:#fafafa}.scroll-arrow.left{margin-right:6px}.scroll-arrow.right{margin-left:6px}.tabs-scroll{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scroll-behavior:smooth;padding:0 4px;-webkit-box-flex:1;-ms-flex:1;flex:1;scrollbar-width:none}.tabs-scroll::-webkit-scrollbar{display:none}.tab-item{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 16px;height:36px;background:#fff;cursor:pointer;font-size:13px;color:#595959;-webkit-transition:all .2s;transition:all .2s;margin:0 2px;border-radius:6px;border:1px solid #f0f0f0;position:relative;min-width:100px;max-width:180px;-ms-flex-negative:0;flex-shrink:0}.tab-item:hover{color:#1890ff;background:#fafafa;border-color:#d9d9d9;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.06);box-shadow:0 2px 8px rgba(0,0,0,.06)}.tab-item.active{background:#1890ff;color:#fff;font-weight:500;border-color:#1890ff;-webkit-box-shadow:0 2px 8px rgba(24,144,255,.3);box-shadow:0 2px 8px rgba(24,144,255,.3);z-index:1}.tab-item.active .tab-icon{color:#fff;opacity:1}.tab-item.active .tab-close{color:hsla(0,0%,100%,.8)}.tab-item.active .tab-close:hover{color:#fff;background:hsla(0,0%,100%,.2)}.tab-icon{margin-right:8px;font-size:12px;opacity:.7;-webkit-transition:all .2s;transition:all .2s}.tab-title{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500}.tab-close{margin-left:8px;font-size:10px;color:#999;opacity:0;-webkit-transition:all .2s;transition:all .2s;padding:2px;border-radius:2px}.tab-item:hover .tab-close{opacity:.6}.tab-close:hover{background:#ff4d4f;color:#fff!important;opacity:1!important}.tab-item.active .tab-close{opacity:.7}.tabs-actions{margin-left:12px;-ms-flex-negative:0;flex-shrink:0}.tabs-action-btn{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;width:28px;height:28px;border-radius:4px;background:#f5f5f5;color:#666;cursor:pointer;-webkit-transition:all .2s;transition:all .2s}.tabs-action-btn:hover{background:#e6f7ff;color:#1890ff}.context-menu{position:fixed;background:#fff;border-radius:6px;-webkit-box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05);box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05);z-index:9999;min-width:120px;padding:4px 0}.context-menu-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px 16px;font-size:13px;color:#595959;cursor:pointer;-webkit-transition:all .2s;transition:all .2s;height:30px}.context-menu-item:hover{background:#f5f5f5;color:#1890ff}.context-menu-item i{margin-right:8px;font-size:12px}.user-info{-ms-flex-negative:0;flex-shrink:0;margin-left:auto;padding:0 8px;-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.user-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#333;font-size:14px;font-weight:500}.router-enter-active,.router-leave-active{-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.router-enter,.router-leave-to{opacity:0}