i[data-v-5fcf69e3]{margin-right:10px}*{box-sizing:border-box}.layout-container-wrap{background-color:var(--bg_color);display:flex;flex-direction:column;height:100%;min-height:100vh;width:100%}.layout-container-wrap .header-wrap{align-items:center;background-color:var(--header_bg);border-bottom:1px solid var(--color_border);display:flex;flex-shrink:0;height:60px;justify-content:space-between;position:sticky;top:0;width:100%;z-index:9}.layout-container-wrap .header-wrap .left-wrap{height:100%;position:relative;width:var(--aside_width)}.layout-container-wrap .header-wrap .left-wrap .logo{align-items:center;border-right:2px solid var(--color_border);display:flex;height:100%;justify-content:center;width:100%}.layout-container-wrap .header-wrap .left-wrap .logo img{height:auto;width:100px}.layout-container-wrap .header-wrap .left-wrap .toggle-icon{align-items:center;background-color:var(--header_bg);border:2px solid var(--color_border);border-radius:5px;color:var(--primary_color_light);cursor:pointer;display:flex;font-weight:700;height:30px;justify-content:center;position:absolute;right:-15px;top:50%;transform:translateY(-50%);width:30px}.layout-container-wrap .header-wrap .right-wrap{align-items:center;display:flex;gap:20px;--w:40px}.layout-container-wrap .header-wrap .right-wrap .lang-wrap{align-items:center;border:1px solid var(--color_border);border-radius:50%;display:flex;height:var(--w);justify-content:center;outline:none;width:var(--w)}.layout-container-wrap .header-wrap .right-wrap .lang-wrap i{font-size:20px}.layout-container-wrap .header-wrap .right-wrap .lang-wrap:focus{box-shadow:none;outline:none}.layout-container-wrap .header-wrap .right-wrap .user-wrap{align-items:center;border:1px solid var(--color_border);border-radius:var(--w);display:flex;height:var(--w);justify-content:space-between;margin-right:20px;outline:none;width:150px}.layout-container-wrap .header-wrap .right-wrap .user-wrap:focus{box-shadow:none;outline:none}.layout-container-wrap .header-wrap .right-wrap .user-wrap .user-name{align-items:center;color:var(--text_black);display:flex;flex:1;flex-direction:column;font-size:14px;justify-content:center;padding:0 8px 0 10px}.layout-container-wrap .header-wrap .right-wrap .user-wrap .user-name div{display:-webkit-box;text-align:center;width:100%;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1}.layout-container-wrap .header-wrap .right-wrap .user-wrap .user-icon{align-items:center;aspect-ratio:1;background-color:#f8f8f8;border-radius:50%;display:flex;font-size:24px;height:-moz-fit-content;height:fit-content;justify-content:center;overflow:hidden;width:calc(var(--w) - 2px)}.layout-container-wrap .header-wrap .right-wrap .user-wrap .user-icon img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.layout-container-wrap .main-wrap{display:flex;flex:1;width:100%}.layout-container-wrap .main-wrap .aside-wrap{background-color:var(--aside_bg);border-right:2px solid var(--color_border);flex-shrink:0;height:calc(100% + 1px);margin-top:-1px;transition:all .5s;width:var(--aside_width)}.layout-container-wrap .main-wrap .aside-wrap .el-menu{background:transparent!important;border-right:none}.layout-container-wrap .main-wrap .main-box{display:flex;flex:1;flex-direction:column;height:100%;width:calc(100% - var(--aside_width))}.layout-container-wrap .main-wrap.isCollapse .aside-wrap{width:var(--collapse_aside_width)}.layout-container-wrap .main-wrap.isCollapse .main-box{width:calc(100% - var(--collapse_aside_width))}@media screen and (max-width:767px){.layout-container-wrap{height:auto}.layout-container-wrap .header-wrap .left-wrap{width:150px}.layout-container-wrap .header-wrap .left-wrap img{max-width:80%}.layout-container-wrap .header-wrap .right-wrap{gap:10px}.layout-container-wrap .header-wrap .right-wrap .user-wrap{width:40px}.layout-container-wrap .header-wrap .right-wrap .user-wrap .user-name{display:none}.layout-container-wrap .main-wrap .aside-wrap{left:0;position:fixed;z-index:10}.layout-container-wrap .main-wrap .main-box{width:100%!important}.layout-container-wrap .main-wrap.isCollapse .aside-wrap{display:none}.layout-container-wrap .main-wrap.isCollapse .main-box{height:auto;min-height:calc(100vh - 90px);width:100%!important}}.dropdown-box .el-dropdown-menu{width:180px}.dropdown-box .el-dropdown-menu .theme-wrap{display:flex;justify-content:space-between;width:100%}.dropdown-box .el-dropdown-menu .theme-wrap .name{flex:1}.dropdown-box .el-dropdown-menu .theme-wrap .icon{background-image:url(./toggle_light_dark.Gga8mLEE.png);background-repeat:no-repeat;border:1px solid #f5f5f5;border-radius:15px;cursor:pointer;flex:60px 0 0;height:25px;overflow:hidden;transition:all .5s;width:60px}.dropdown-box .el-dropdown-menu .theme-wrap.dark .icon{background-position:100% 0}
