.pagoda-layout{--pd-layout-side-menu-width: 240px;--pd-layout-side-menu-collapse-width: 64px;--pd-layout-side-menu-padding: 20px;--pd-layout-top-menu-bg-color: #333;--pd-layout-side-menu-bg-color: #3a3a3a;--pd-layout-side-menu-active-bg-color: transparent;--pd-layout-sub-menu-bg-color: #2e2e2e;--pd-layout-main-bg-color: #e8ebf0;--pd-layout-content-bg-color: #fff;--pd-layout-tabs-bg-color: #fff;--pd-layout-tabs-border-bottom-color: var(--el-border-color-light);--pd-layout-top-menu-text-color: rgba(255, 255, 255, .9);--pd-layout-top-menu-active-text-color: var(--el-color-primary);--pd-layout-top-menu-disabled-text-color: rgba(255, 255, 255, .4);--pd-layout-side-menu-text-color: rgba(255, 255, 255, .9);--pd-layout-side-menu-disabled-text-color: rgba(255, 255, 255, .4);--pd-layout-side-menu-icon-color: rgba(255, 255, 255, .9);--pd-layout-side-menu-arrow-icon-color: #909399;--pd-layout-side-menu-group-title-text-color: rgba(255, 255, 255, .6);height:100%}.pagoda-layout__header{display:flex;justify-content:space-between;padding:0;line-height:60px;background-color:var(--pd-layout-top-menu-bg-color)}.pagoda-layout__header-left,.pagoda-layout__header-right{display:flex;align-items:center}.pagoda-layout__header-right{margin-left:20px;margin-right:20px}.pagoda-layout__menu-controller{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;width:60px;color:#fff;cursor:pointer}.pagoda-layout__menu-controller-icon{font-size:24px}.pagoda-layout__logo-container{display:flex;align-items:center;position:relative;padding-left:var(--pd-layout-side-menu-padding);padding-right:var(--pd-layout-side-menu-padding);overflow:hidden;min-width:var(--pd-layout-side-menu-width);font-size:16px;height:100%;color:#fff;box-sizing:border-box}.pagoda-layout__logo-container:after{position:absolute;top:50%;right:0;content:"";height:43%;border-right:1px solid rgba(247,247,247,.1);transform:translateY(-50%)}.pagoda-layout__logo-container.is-collapse{padding:0;text-align:center;width:var(--pd-layout-side-menu-collapse-width);min-width:var(--pd-layout-side-menu-collapse-width)}.pagoda-layout__logo{width:32px;height:32px;border-radius:50%;overflow:hidden}.pagoda-layout__logo>*{width:100%;height:100%}.pagoda-layout__logo>img{display:block}.pagoda-layout__logo+.pagoda-layout__logo-text{margin-left:15px}.pagoda-layout__logo-text{font-size:var(--el-font-size-medium)}.pagoda-layout__main{flex:1;overflow-y:auto;background-color:var(--pd-layout-content-bg-color)}.pagoda-layout__header-right .el-menu--horizontal.el-menu{--el-menu-hover-bg-color: transparent;border-bottom:none;background-color:var(--pd-layout-top-menu-bg-color)}.pagoda-layout__header-right .el-menu--horizontal.el-menu .el-menu-item{border-bottom:none;color:var(--pd-layout-top-menu-text-color)}.pagoda-layout__header-right .el-menu--horizontal.el-menu .el-menu-item.is-disabled{opacity:1;color:var(--pd-layout-top-menu-disabled-text-color)}.pagoda-layout__header-right .el-menu--horizontal.el-menu .el-menu-item.is-active{font-weight:700;color:var(--pd-layout-top-menu-active-text-color)}.pagoda-layout__header-right .el-menu--horizontal.el-menu .el-menu-item:not(.is-disabled):hover{color:var(--pd-layout-top-menu-active-text-color)}.pagoda-layout__header-right .el-menu--horizontal.el-menu .el-menu-item:not(.is-disabled):not(.is-active):focus{color:var(--pd-layout-side-menu-text-color)}.pagoda-layout__header-right .el-menu--horizontal.el-menu .el-menu-item:not(.is-disabled):not(.is-active):focus:hover{color:var(--pd-layout-top-menu-active-text-color)}.pagoda-layout__el-aside.el-aside{background-color:var(--pd-layout-side-menu-bg-color)}.pagoda-layout__el-aside.el-aside .el-menu.el-menu--collapse>.el-sub-menu>.el-sub-menu__title:hover{background-color:var(--pd-layout-sub-menu-bg-color);transition:none}.pagoda-layout__el-aside.el-aside .el-menu.el-menu--inline{background-color:var(--pd-layout-sub-menu-bg-color)}.pagoda-layout__el-aside.el-aside .el-menu .el-menu-item{min-width:auto}.pagoda-layout__el-aside.el-aside .el-menu .el-menu-item.is-disabled{opacity:1;color:var(--pd-layout-side-menu-disabled-text-color)}.pagoda-layout__el-aside.el-aside .el-menu .el-menu-item.is-disabled .pagoda-layout-sidemenu-icon,.pagoda-layout__el-aside.el-aside .el-menu .el-menu-item.is-disabled .el-sub-menu__icon-arrow{color:var(--pd-layout-side-menu-disabled-text-color)}.pagoda-layout__el-aside.el-aside .el-menu .el-menu-item.is-active{position:relative;color:var(--el-color-primary)!important;background-color:var(--pd-layout-side-menu-active-gb-color)!important}.pagoda-layout__el-aside.el-aside .el-menu .el-menu-item.is-active .pagoda-layout-sidemenu-icon,.pagoda-layout__el-aside.el-aside .el-menu .el-menu-item.is-active .el-sub-menu__icon-arrow{color:var(--el-color-primary)!important}.pagoda-layout__el-aside.el-aside .el-menu .el-menu-item:not(.is-disabled):hover{color:var(--el-color-primary)!important}.pagoda-layout__el-aside.el-aside .el-menu .el-menu-item:not(.is-disabled):hover .pagoda-layout-sidemenu-icon{color:var(--el-color-primary)!important}.pagoda-layout__el-aside.el-aside .el-menu .el-menu-item,.pagoda-layout__el-aside.el-aside .el-menu .el-sub-menu__title{padding-right:var(--pd-layout-side-menu-padding);background-color:transparent;color:var(--pd-layout-side-menu-text-color)}.pagoda-layout__el-aside.el-aside .el-menu .el-menu-item .pagoda-layout-sidemenu-icon,.pagoda-layout__el-aside.el-aside .el-menu .el-sub-menu__title .pagoda-layout-sidemenu-icon{width:24px;text-align:center;color:var(--pd-layout-side-menu-text-color);transition:color .3s}.pagoda-layout__el-aside.el-aside .el-menu .el-menu-item .el-sub-menu__icon-arrow,.pagoda-layout__el-aside.el-aside .el-menu .el-sub-menu__title .el-sub-menu__icon-arrow{right:var(--pd-layout-side-menu-padding);color:var(--pd-layout-side-menu-arrow-icon-color)}.pagoda-layout__el-aside.el-aside .el-menu .el-menu-item-group__title{color:var(--pd-layout-side-menu-group-title-text-color)}.pagoda-layout__el-aside.el-aside .el-menu{background-color:var(--pd-layout-side-menu-bg-color);border-right-color:var(--pd-layout-side-menu-bg-color)}.pagoda-layout__el-aside.el-aside .el-menu--collapse{width:var(--pd-layout-side-menu-collapse-width)}.pagoda-layout__el-aside.el-aside .el-menu--collapse .el-tooltip{padding:0 var(--pd-layout-side-menu-padding)!important}.pagoda-layout__el-aside.el-aside .el-menu-item{position:relative}.pagoda-layout__el-aside.el-aside .pagoda-layout-sidemenu-icon{font-size:18px}.pagoda-layout__tabs-wrapper{position:relative;display:flex;align-items:center;justify-content:flex-end}.pagoda-layout__fullscreen-control{font-size:12px;color:var(--el-text-color-secondary);position:relative;cursor:pointer}.pagoda-layout__fullscreen-control:after{content:"";position:absolute;top:50%;left:50%;width:calc(100% + 6px);height:calc(100% + 6px);transform:translate(-50%,-50%)}.pagoda-layout__fullscreen-control .fullscreen-icon{margin-right:2px;font-size:12px}.pagoda-layout__el-tabs.el-tabs--card{--el-tabs-header-height: 30px;flex:1;overflow:hidden}.pagoda-layout__el-tabs.el-tabs--card .el-tabs__header{margin:0;border-bottom:1px solid var(--pd-layout-tabs-border-bottom-color)}.pagoda-layout__el-tabs.el-tabs--card .el-tabs__header .el-tabs__nav-next,.pagoda-layout__el-tabs.el-tabs--card .el-tabs__header .el-tabs__nav-prev{line-height:30px}.pagoda-layout__el-tabs.el-tabs--card .el-tabs__header .el-tabs__item{border-bottom:1px solid var(--el-border-color-light);color:#999}.pagoda-layout__el-tabs.el-tabs--card .el-tabs__header .el-tabs__item.is-active{border-bottom-color:var(--pd-layout-tabs-bg-color)}.pagoda-layout__el-tabs.el-tabs--card .el-tabs__header .el-tabs__item.is-active,.pagoda-layout__el-tabs.el-tabs--card .el-tabs__header .el-tabs__item:hover{color:var(--el-color-primary)}.pagoda-layout__el-tabs.el-tabs--card .el-tabs__header .el-tabs__item.is-active:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background-color:var(--el-color-primary)}.pagoda-layout__el-tabs.el-tabs--card .el-tabs__nav{background-color:var(--pd-layout-tabs-bg-color);border-left:none}.pagoda-layout .el-menu:not(.el-menu--horizontal):not(.el-menu--collapse):not(.el-menu--inline){width:var(--pd-layout-side-menu-width)}.pagoda-layout--fullscreen .pagoda-layout__el-main.el-main{padding-top:0}.pagoda-layout__el-main.el-main{padding:10px 10px 0;display:flex;flex-direction:column;overflow:hidden;height:100%;background-color:var(--pd-layout-main-bg-color)}.pagoda-layout-sidemenu-item-hack{position:absolute;inset:0}.pagoda-layout__theme-toggler-content{margin-left:20px;margin-right:20px;display:flex;align-items:center;border-radius:50%;height:24px}.pagoda-layout__top-menu+.pagoda-layout__theme-toggler-content{margin-left:0}.pagoda-layout__theme-toggler{margin:0;display:inline-block;position:relative;width:40px;height:20px;border:1px solid var(--el-border-color);outline:none;border-radius:10px;box-sizing:border-box;background:var(--pd-bg-color-mute);cursor:pointer;transition:border-color var(--el-transition-duration),background-color var(--el-transition-duration)}.pagoda-layout__theme-toggler:hover{border-color:var(--el-border-color-light)}.pagoda-layout__theme-toggler .el-icon{cursor:pointer}.pagoda-layout__theme-toggler-action{position:absolute;top:1px;left:1px;border-radius:50%;background-color:var(--el-bg-color);transform:translate(0);color:var(--el-text-color-regular);transition:border-color var(--el-transition-duration),background-color var(--el-transition-duration),transform var(--el-transition-duration)}.dark .pagoda-layout__theme-toggler-action{transform:translate(20px)}.pagoda-layout__theme-toggler-icon{position:relative}.pagoda-layout__theme-toggler-icon .el-icon{position:absolute;left:1px;bottom:1px}.pagoda-layout__theme-toggler-action,.pagoda-layout__theme-toggler-icon{width:16px;height:16px}.pagoda-layout__theme-toggler-dark-icon,.pagoda-layout__theme-toggler-light-icon{transition:color var(--el-transition-duration),opacity var(--el-transition-duration)}.pagoda-layout__theme-toggler-light-icon{opacity:1;position:absolute;top:0;left:0}.pagoda-layout__theme-toggler-dark-icon{opacity:0;position:absolute;top:0;left:0}.dark .pagoda-layout__theme-toggler-dark-icon{opacity:1}.dark .pagoda-layout__theme-toggler-light-icon{opacity:0}.pagoda-layout__user-info{display:flex;align-items:center;cursor:pointer;color:#fff;line-height:1;outline:none}.pagoda-layout__user-info .arrow-down-icon{margin-left:5px}.pagoda-layout__avatar{width:32px;height:32px;line-height:32px;font-size:28px;text-align:center;background-color:#e4e7ed;color:#fff;border-radius:50%}.pagoda-layout__user-name{margin-left:12px;color:#fff;vertical-align:middle}.el-dropdown-menu.pagoda-layout-user-info{padding:0;width:200px}.el-dropdown-menu.pagoda-layout-user-info .content{padding:20px 20px 0}.el-dropdown-menu.pagoda-layout-user-info .avatar{width:32px;height:32px;line-height:32px;font-size:28px;text-align:center;background-color:#e4e7ed;color:#fff;border-radius:50%}.el-dropdown-menu.pagoda-layout-user-info .user-name{flex:1;color:var(--el-text-color-primary);vertical-align:middle;line-height:32px;text-align:right}.el-dropdown-menu.pagoda-layout-user-info .info-item{display:flex;margin-bottom:16px;color:var(--el-text-color-secondary)}.el-dropdown-menu.pagoda-layout-user-info .info-item__label{margin-right:5px}.el-dropdown-menu.pagoda-layout-user-info .info-item__content{flex:1;text-align:right}.el-dropdown-menu.pagoda-layout-user-info .info-item.more-info .info-item__label{vertical-align:top}.el-dropdown-menu.pagoda-layout-user-info .operate{border-top:1px solid var(--el-border-color-extra-light)}.el-dropdown-menu.pagoda-layout-user-info .operate-item{padding:13px 0}.el-dropdown-menu.pagoda-layout-user-info .logout{padding:16px 20px;border-top:1px solid var(--el-border-color-extra-light)}.el-dropdown-menu.pagoda-layout-user-info .logout,.el-dropdown-menu.pagoda-layout-user-info .operate-item{font-size:14px;color:var(--el-text-color-primary)}.el-dropdown-menu.pagoda-layout-user-info .logout span,.el-dropdown-menu.pagoda-layout-user-info .operate-item span{position:relative;cursor:pointer}.el-dropdown-menu.pagoda-layout-user-info .logout span:after,.el-dropdown-menu.pagoda-layout-user-info .operate-item span:after{content:"";position:absolute;top:50%;left:50%;width:calc(100% + 6px);height:calc(100% + 6px);transform:translate(-50%,-50%)}.el-dropdown-menu.pagoda-layout-user-info .logout span:hover,.el-dropdown-menu.pagoda-layout-user-info .operate-item span:hover{color:var(--el-color-primary)}