#app>video {
    display: none;
}

#app {
    background-image: url(../png/bg.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

#app>div>.navbar{
    background: none;
    box-shadow: none;
    backdrop-filter: none;
}

.panes-menu>.t-card__body>.panes-menu-item--active:hover .panes-menu-item__overlay[data-v-519a4329] {
    background: linear-gradient(90deg,#89E547 0%,rgba(161,10,10,0) 100%);
    opacity: .2
}

.panes-menu>.t-card__body>.panes-menu-item--active .panes-menu-item__overlay[data-v-519a4329] {
    background: linear-gradient(90deg,#89E547 0%,rgba(161,10,10,0) 100%);
    opacity: .6
}

.active,.is-active,.is-checked,.has-data{
    background-color: #89E547 !important;

}

.t-layout>.t-layout__sider>.header>.menu-container>.actived{
    background-color: #89E547 !important;
    background: none;
    opacity: 1;
}

.select-btn:hover{
    background-color: #89E547 !important;
}

.device-keyboard>.device-keyboard-container>.active>.key-cap>.key-border{
    border-color: #89E547 !important;
}
#app>div>.connect-device>.section-content>.section-title{
    font-size: 3vw;
    animation: #89E547 8s linear infinite;
}

.t-layout>.t-layout__sider>.device-info>img{
    height: 1vw;
}

.device-keyboard>.device-keyboard-container>.device-keyboard-container__sidebar-left>.active{
    color:#fff;
}