.kaihei-widget{color:#fff;background-color:var(--color-deep-bg);border-radius:5px;flex-direction:column;font-family:Whitney,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.widget-loading{flex:1;justify-content:center;align-items:center;display:flex}.widget-loading .iconfont{font-size:24px;animation:1s linear infinite rotate}.widget-header{background-color:var(--color-grey-bg);align-items:center;height:80px;padding:20px;display:flex}.widget-header .guild-icon{background-color:rgba(255,255,255,.12);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;margin-right:10px;font-size:18px;font-weight:700;display:flex;overflow:hidden}.theme-light .widget-header .guild-icon{color:var(--text-color);background-color:#fff}.widget-header .guild-icon .chinese{text-align:center;letter-spacing:2px;padding:0 6px;font-size:12px;font-weight:300;line-height:19px}.widget-header .guild-info .guild-name{margin-bottom:6px;font-size:18px;line-height:18px}.widget-header .guild-info .guild-bottom{align-items:center;height:12px;font-size:12px;display:flex}.widget-header .guild-info .green-pointer{background-color:#43b580;border-radius:50%;width:8px;height:8px;margin-right:4px}.widget-header .guild-info .online-count{margin-right:10px}.widget-section{flex:1;padding:20px 0 20px 20px;overflow-x:hidden;overflow-y:auto}.widget-section .list-tips{color:var(--text-tip-color);margin-bottom:10px;font-size:14px}.widget-section .audio-channel-list{margin-bottom:20px}.widget-section .audio-channel-list .channel-item{margin-bottom:4px}.widget-section .audio-channel-list .channel-item .channel-title{height:24px;color:var(--text-color);align-items:center;font-size:16px;display:flex}.widget-section .audio-channel-list .channel-item .channel-title svg{margin-right:4px}.widget-section .audio-channel-list .channel-item .channel-users-list{margin-top:8px;margin-left:22px}.widget-section .audio-channel-list .channel-item .channel-user{justify-content:space-between;margin-bottom:6px;display:flex}.widget-section .audio-channel-list .channel-item .channel-user .left{align-items:center;height:20px;display:flex}.widget-section .audio-channel-list .channel-item .channel-user .user-avator{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;width:18px;height:18px;margin-right:8px;overflow:hidden}.widget-section .audio-channel-list .channel-item .channel-user .user-name{color:var(--text-tip-color);flex:1;font-size:14px}.widget-section .audio-channel-list .channel-item .channel-user .right .iconfont{margin-right:10px;font-size:20px}.widget-section .audio-channel-list .channel-item .channel-user .right .iconfont:last-child{margin-right:0}.widget-section .online-user-list{padding-right:10px}.widget-section .member-item{align-items:center;margin-bottom:6px;display:flex}.widget-section .member-item .left{flex:1;display:flex}.widget-section .member-item .right{color:rgba(255,255,255,.38);text-align:right;width:120px;font-size:12px}.theme-light .widget-section .member-item .right{color:rgba(0,0,0,.54)}.widget-section .member-item .user-avator{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;width:18px;height:18px;margin-right:8px;overflow:hidden}.widget-section .member-item .user-name{color:var(--text-tip-color);flex:1;font-size:14px}.widget-footer{background-color:var(--color-primary);justify-content:space-between;align-items:center;height:48px;padding:0 20px;display:flex}.widget-footer .logo{align-items:center;display:flex}.widget-footer .logo:hover{opacity:.8}.widget-footer .logo .logo-img{width:24px;height:24px;margin-right:8px}.widget-footer .logo .logo-font{width:56px;height:17px}.widget-footer .connect-btn{color:#666;background-color:#fff;border-radius:8px;justify-content:center;align-items:center;width:80px;height:32px;font-size:14px;display:flex}.widget-footer .connect-btn:hover{background-color:#e1e4f0}html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{box-sizing:border-box;margin:0;padding:0}header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{box-sizing:border-box;display:block}table{border-collapse:collapse;border-spacing:0}caption{text-align:left;font-weight:400}html,body,fieldset,img,iframe,abbr{border:0}img{vertical-align:middle;display:block}cite,var,address,dfn{font-style:normal}[hidefocus],summary{outline:0}li{list-style:none}h1,h2,h3,h4,h5,h6,small{font-size:100%}sup,sub{font-size:83%}pre,code,kbd,samp{font-family:inherit}q:before,q:after{content:none}textarea{resize:none;overflow:auto}label,summary{cursor:default}a,button{cursor:pointer;border:0;outline:none}video{outline:none}h1,h2,h3,h4,h5,h6,strong,b{font-weight:700}a{background:0 0;text-decoration:none}body,textarea,input,button,select,keygen,legend{color:#000;-webkit-text-size-adjust:none;box-sizing:border-box;outline:0;font:1em/1.125em arial,微软雅黑,helvetica,sans-serif}button{background-color:transparent}code{font-family:courier}div,span,code,p{word-break:normal}@keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate(0,0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translateY(-30px)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translateY(-15px)}90%{transform:translateY(-4px)}}.bounce{transform-origin:bottom;animation-name:bounce}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{animation-name:flash}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scale(1)}}.pulse{animation-name:pulse}@keyframes rubberBand{0%{transform:scale(1)}30%{transform:scale(1.25,.75)}40%{transform:scale(.75,1.25)}50%{transform:scale(1.15,.85)}65%{transform:scale(.95,1.05)}75%{transform:scale(1.05,.95)}to{transform:scale(1)}}.rubberBand{animation-name:rubberBand}@keyframes shake{0%,to{transform:translate(0,0)}10%,30%,50%,70%,90%{transform:translate(-10px)}20%,40%,60%,80%{transform:translate(10px)}}.shake{animation-name:shake}@keyframes headShake{0%{transform:translate(0)}6.5%{transform:translate(-6px)rotateY(-9deg)}18.5%{transform:translate(5px)rotateY(7deg)}31.5%{transform:translate(-3px)rotateY(-5deg)}43.5%{transform:translate(2px)rotateY(3deg)}50%{transform:translate(0)}}.headShake{animation-name:headShake;animation-timing-function:ease-in-out}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0)}}.swing{transform-origin:top;animation-name:swing}@keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale3d(.9,.9,.9)rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1)rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1)rotate(-3deg)}to{transform:scale(1)}}.tada{animation-name:tada}@keyframes wobble{0%{transform:translate(0,0)}15%{transform:translate(-25%)rotate(-5deg)}30%{transform:translate(20%)rotate(3deg)}45%{transform:translate(-15%)rotate(-3deg)}60%{transform:translate(10%)rotate(2deg)}75%{transform:translate(-5%)rotate(-1deg)}to{transform:translate(0,0)}}.wobble{animation-name:wobble}@keyframes jello{0%,11.1%,to{transform:translate(0,0)}22.2%{transform:skew(-12.5deg)skewY(-12.5deg)}33.3%{transform:skew(6.25deg)skewY(6.25deg)}44.4%{transform:skew(-3.125deg)skewY(-3.125deg)}55.5%{transform:skew(1.5625deg)skewY(1.5625deg)}66.6%{transform:skew(-.78125deg)skewY(-.78125deg)}77.7%{transform:skew(.390625deg)skewY(.390625deg)}88.8%{transform:skew(-.195313deg)skewY(-.195313deg)}}.jello{transform-origin:50%;animation-name:jello}@keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}.heartBeat{animation-name:heartBeat;animation-duration:1.3s;animation-timing-function:ease-in-out}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scale(1)}}.bounceIn{animation-name:bounceIn;animation-duration:.75s}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(-3000px)}60%{opacity:1;transform:translateY(25px)}75%{transform:translateY(-10px)}90%{transform:translateY(5px)}to{transform:translate(0,0)}}.bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(-3000px)}60%{opacity:1;transform:translate(25px)}75%{transform:translate(-10px)}90%{transform:translate(5px)}to{transform:translate(0,0)}}.bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(3000px)}60%{opacity:1;transform:translate(-25px)}75%{transform:translate(10px)}90%{transform:translate(-5px)}to{transform:translate(0,0)}}.bounceInRight{animation-name:bounceInRight}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(3000px)}60%{opacity:1;transform:translateY(-20px)}75%{transform:translateY(10px)}90%{transform:translateY(-5px)}to{transform:translate(0,0)}}.bounceInUp{animation-name:bounceInUp}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}.bounceOut{animation-name:bounceOut;animation-duration:.75s}@keyframes bounceOutDown{20%{transform:translateY(10px)}40%,45%{opacity:1;transform:translateY(-20px)}to{opacity:0;transform:translateY(2000px)}}.bounceOutDown{animation-name:bounceOutDown}@keyframes bounceOutLeft{20%{opacity:1;transform:translate(20px)}to{opacity:0;transform:translate(-2000px)}}.bounceOutLeft{animation-name:bounceOutLeft}@keyframes bounceOutRight{20%{opacity:1;transform:translate(-20px)}to{opacity:0;transform:translate(2000px)}}.bounceOutRight{animation-name:bounceOutRight}@keyframes bounceOutUp{20%{transform:translateY(-10px)}40%,45%{opacity:1;transform:translateY(20px)}to{opacity:0;transform:translateY(-2000px)}}.bounceOutUp{animation-name:bounceOutUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translate(0,0)}}.fadeInDown{animation-name:fadeInDown}@keyframes fadeInDownBig{0%{opacity:0;transform:translateY(-2000px)}to{opacity:1;transform:translate(0,0)}}.fadeInDownBig{animation-name:fadeInDownBig}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0,0)}}.fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInLeftBig{0%{opacity:0;transform:translate(-2000px)}to{opacity:1;transform:translate(0,0)}}.fadeInLeftBig{animation-name:fadeInLeftBig}@keyframes fadeInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0,0)}}.fadeInRight{animation-name:fadeInRight}@keyframes fadeInRightBig{0%{opacity:0;transform:translate(2000px)}to{opacity:1;transform:translate(0,0)}}.fadeInRightBig{animation-name:fadeInRightBig}@keyframes fadeInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translate(0,0)}}.fadeInUp{animation-name:fadeInUp}@keyframes fadeInUpBig{0%{opacity:0;transform:translateY(2000px)}to{opacity:1;transform:translate(0,0)}}.fadeInUpBig{animation-name:fadeInUpBig}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{animation-name:fadeOut}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translateY(100%)}}.fadeOutDown{animation-name:fadeOutDown}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;transform:translateY(2000px)}}.fadeOutDownBig{animation-name:fadeOutDownBig}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate(-100%)}}.fadeOutLeft{animation-name:fadeOutLeft}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;transform:translate(-2000px)}}.fadeOutLeftBig{animation-name:fadeOutLeftBig}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate(100%)}}.fadeOutRight{animation-name:fadeOutRight}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;transform:translate(2000px)}}.fadeOutRightBig{animation-name:fadeOutRightBig}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translateY(-100%)}}.fadeOutUp{animation-name:fadeOutUp}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;transform:translateY(-2000px)}}.fadeOutUpBig{animation-name:fadeOutUpBig}@keyframes flip{0%{animation-timing-function:ease-out;transform:perspective(400px)scale(1)translate(0,0)rotateY(-360deg)}40%{animation-timing-function:ease-out;transform:perspective(400px)scale(1)translateZ(150px)rotateY(-190deg)}50%{animation-timing-function:ease-in;transform:perspective(400px)scale(1)translateZ(150px)rotateY(-170deg)}80%{animation-timing-function:ease-in;transform:perspective(400px)scale3d(.95,.95,.95)translate(0,0)rotateY(0)}to{animation-timing-function:ease-in;transform:perspective(400px)scale(1)translate(0,0)rotateY(0)}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;animation-name:flip}@keyframes flipInX{0%{opacity:0;animation-timing-function:ease-in;transform:perspective(400px)rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px)rotateX(-20deg)}60%{opacity:1;transform:perspective(400px)rotateX(10deg)}80%{transform:perspective(400px)rotateX(-5deg)}to{transform:perspective(400px)}}.flipInX{animation-name:flipInX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@keyframes flipInY{0%{opacity:0;animation-timing-function:ease-in;transform:perspective(400px)rotateY(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px)rotateY(-20deg)}60%{opacity:1;transform:perspective(400px)rotateY(10deg)}80%{transform:perspective(400px)rotateY(-5deg)}to{transform:perspective(400px)}}.flipInY{animation-name:flipInY;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@keyframes flipOutX{0%{transform:perspective(400px)}30%{opacity:1;transform:perspective(400px)rotateX(-20deg)}to{opacity:0;transform:perspective(400px)rotateX(90deg)}}.flipOutX{animation-name:flipOutX;animation-duration:.75s;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@keyframes flipOutY{0%{transform:perspective(400px)}30%{opacity:1;transform:perspective(400px)rotateY(-15deg)}to{opacity:0;transform:perspective(400px)rotateY(90deg)}}.flipOutY{animation-name:flipOutY;animation-duration:.75s;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@keyframes lightSpeedIn{0%{opacity:0;transform:translate(100%)skew(-30deg)}60%{opacity:1;transform:skew(20deg)}80%{transform:skew(-5deg)}to{transform:translate(0,0)}}.lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out}@keyframes lightSpeedOut{0%{opacity:1}to{opacity:0;transform:translate(100%)skew(30deg)}}.lightSpeedOut{animation-name:lightSpeedOut;animation-timing-function:ease-in}@keyframes rotateIn{0%{transform-origin:50%;opacity:0;transform:rotate(-200deg)}to{transform-origin:50%;opacity:1;transform:translate(0,0)}}.rotateIn{animation-name:rotateIn}@keyframes rotateInDownLeft{0%{transform-origin:0 100%;opacity:0;transform:rotate(-45deg)}to{transform-origin:0 100%;opacity:1;transform:translate(0,0)}}.rotateInDownLeft{animation-name:rotateInDownLeft}@keyframes rotateInDownRight{0%{transform-origin:100% 100%;opacity:0;transform:rotate(45deg)}to{transform-origin:100% 100%;opacity:1;transform:translate(0,0)}}.rotateInDownRight{animation-name:rotateInDownRight}@keyframes rotateInUpLeft{0%{transform-origin:0 100%;opacity:0;transform:rotate(45deg)}to{transform-origin:0 100%;opacity:1;transform:translate(0,0)}}.rotateInUpLeft{animation-name:rotateInUpLeft}@keyframes rotateInUpRight{0%{transform-origin:100% 100%;opacity:0;transform:rotate(-90deg)}to{transform-origin:100% 100%;opacity:1;transform:translate(0,0)}}.rotateInUpRight{animation-name:rotateInUpRight}@keyframes rotateOut{0%{transform-origin:50%;opacity:1}to{transform-origin:50%;opacity:0;transform:rotate(200deg)}}.rotateOut{animation-name:rotateOut}@keyframes rotateOutDownLeft{0%{transform-origin:0 100%;opacity:1}to{transform-origin:0 100%;opacity:0;transform:rotate(45deg)}}.rotateOutDownLeft{animation-name:rotateOutDownLeft}@keyframes rotateOutDownRight{0%{transform-origin:100% 100%;opacity:1}to{transform-origin:100% 100%;opacity:0;transform:rotate(-45deg)}}.rotateOutDownRight{animation-name:rotateOutDownRight}@keyframes rotateOutUpLeft{0%{transform-origin:0 100%;opacity:1}to{transform-origin:0 100%;opacity:0;transform:rotate(-45deg)}}.rotateOutUpLeft{animation-name:rotateOutUpLeft}@keyframes rotateOutUpRight{0%{transform-origin:100% 100%;opacity:1}to{transform-origin:100% 100%;opacity:0;transform:rotate(90deg)}}.rotateOutUpRight{animation-name:rotateOutUpRight}@keyframes hinge{0%{transform-origin:0 0;animation-timing-function:ease-in-out}20%,60%{transform-origin:0 0;animation-timing-function:ease-in-out;transform:rotate(80deg)}40%,80%{transform-origin:0 0;opacity:1;animation-timing-function:ease-in-out;transform:rotate(60deg)}to{opacity:0;transform:translateY(700px)}}.hinge{animation-name:hinge;animation-duration:2s}@keyframes jackInTheBox{0%{opacity:0;transform-origin:bottom;transform:scale(.1)rotate(30deg)}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}.jackInTheBox{animation-name:jackInTheBox}@keyframes rollIn{0%{opacity:0;transform:translate(-100%)rotate(-120deg)}to{opacity:1;transform:translate(0,0)}}.rollIn{animation-name:rollIn}@keyframes rollOut{0%{opacity:1}to{opacity:0;transform:translate(100%)rotate(120deg)}}.rollOut{animation-name:rollOut}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{animation-name:zoomIn}@keyframes zoomInDown{0%{opacity:0;animation-timing-function:cubic-bezier(.55,.055,.675,.19);transform:scale3d(.1,.1,.1)translateY(-1000px)}60%{opacity:1;animation-timing-function:cubic-bezier(.175,.885,.32,1);transform:scale3d(.475,.475,.475)translateY(60px)}}.zoomInDown{animation-name:zoomInDown}@keyframes zoomInLeft{0%{opacity:0;animation-timing-function:cubic-bezier(.55,.055,.675,.19);transform:scale3d(.1,.1,.1)translate(-1000px)}60%{opacity:1;animation-timing-function:cubic-bezier(.175,.885,.32,1);transform:scale3d(.475,.475,.475)translate(10px)}}.zoomInLeft{animation-name:zoomInLeft}@keyframes zoomInRight{0%{opacity:0;animation-timing-function:cubic-bezier(.55,.055,.675,.19);transform:scale3d(.1,.1,.1)translate(1000px)}60%{opacity:1;animation-timing-function:cubic-bezier(.175,.885,.32,1);transform:scale3d(.475,.475,.475)translate(-10px)}}.zoomInRight{animation-name:zoomInRight}@keyframes zoomInUp{0%{opacity:0;animation-timing-function:cubic-bezier(.55,.055,.675,.19);transform:scale3d(.1,.1,.1)translateY(1000px)}60%{opacity:1;animation-timing-function:cubic-bezier(.175,.885,.32,1);transform:scale3d(.475,.475,.475)translateY(-60px)}}.zoomInUp{animation-name:zoomInUp}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{animation-name:zoomOut}@keyframes zoomOutDown{40%{opacity:1;animation-timing-function:cubic-bezier(.55,.055,.675,.19);transform:scale3d(.475,.475,.475)translateY(-60px)}to{opacity:0;transform-origin:bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1);transform:scale3d(.1,.1,.1)translateY(2000px)}}.zoomOutDown{animation-name:zoomOutDown}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475)translate(42px)}to{opacity:0;transform-origin:0;transform:scale(.1)translate(-2000px)}}.zoomOutLeft{animation-name:zoomOutLeft}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475)translate(-42px)}to{opacity:0;transform-origin:100%;transform:scale(.1)translate(2000px)}}.zoomOutRight{animation-name:zoomOutRight}@keyframes zoomOutUp{40%{opacity:1;animation-timing-function:cubic-bezier(.55,.055,.675,.19);transform:scale3d(.475,.475,.475)translateY(60px)}to{opacity:0;transform-origin:bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1);transform:scale3d(.1,.1,.1)translateY(-2000px)}}.zoomOutUp{animation-name:zoomOutUp}@keyframes slideInDown{0%{visibility:visible;transform:translateY(-100%)}to{transform:translate(0,0)}}.slideInDown{animation-name:slideInDown}@keyframes slideInLeft{0%{visibility:visible;transform:translate(-100%)}to{transform:translate(0,0)}}.slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{0%{visibility:visible;transform:translate(100%)}to{transform:translate(0,0)}}.slideInRight{animation-name:slideInRight}@keyframes slideInUp{0%{visibility:visible;transform:translateY(100%)}to{transform:translate(0,0)}}.slideInUp{animation-name:slideInUp}@keyframes slideOutDown{0%{transform:translate(0,0)}to{visibility:hidden;transform:translateY(100%)}}.slideOutDown{animation-name:slideOutDown}@keyframes slideOutLeft{0%{transform:translate(0,0)}to{visibility:hidden;transform:translate(-100%)}}.slideOutLeft{animation-name:slideOutLeft}@keyframes slideOutRight{0%{transform:translate(0,0)}to{visibility:hidden;transform:translate(100%)}}.slideOutRight{animation-name:slideOutRight}@keyframes slideOutUp{0%{transform:translate(0,0)}to{visibility:hidden;transform:translateY(-100%)}}.slideOutUp{animation-name:slideOutUp}.animated{animation-duration:1s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}.animated.delay-1s{animation-delay:1s}.animated.delay-2s{animation-delay:2s}.animated.delay-3s{animation-delay:3s}.animated.delay-4s{animation-delay:4s}.animated.delay-5s{animation-delay:5s}.animated.fast{animation-duration:.8s}.animated.faster{animation-duration:.5s}.animated.slow{animation-duration:2s}.animated.slower{animation-duration:3s}@keyframes custom-shake{0%,to{transform:translate(0,0)}10%,50%,90%{transform:translate(-10px,10px)}20%,40%,60%,80%{transform:translate(0)}30%,70%{transform:translate(10px,10px)}}.custom-shake{animation-name:custom-shake;animation-duration:.5s}@keyframes app-custom-shake{0%,to{transform:translate(0,0)}10%,50%,90%{transform:translate(-5px,5px)}20%,40%,60%,80%{transform:translate(0)}30%,70%{transform:translate(5px,5px)}}.app-custom-shake{animation-name:app-custom-shake;animation-duration:.5s}@keyframes spriteloading{0%{background-position:0 0}8.32%{background-position:0 0}8.33%{background-position:-24px 0}16.65%{background-position:-24px 0}16.66%{background-position:-48px 0}24.99%{background-position:-48px 0}25%{background-position:-72px 0}33.32%{background-position:-72px 0}33.33%{background-position:-96px 0}41.65%{background-position:-96px 0}41.66%{background-position:-120px 0}49.99%{background-position:-120px 0}50%{background-position:-144px 0}58.32%{background-position:-144px 0}58.33%{background-position:-168px 0}66.65%{background-position:-168px 0}66.66%{background-position:-192px 0}74.99%{background-position:-192px 0}75%{background-position:-216px 0}83.32%{background-position:-216px 0}83.33%{background-position:-240px 0}91.65%{background-position:-240px 0}91.66%{background-position:-264px 0}99.99%{background-position:-264px 0}to{background-position:-288px 0}}@keyframes rotate{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.text-line1{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.text-line3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.scroll-y-box{width:100%;height:100%;overflow-y:scroll}.scroll-init{overflow:initial}.static{position:static}.text-color{color:var(--text-color)}.text-description-color{color:var(--text-description-color)}.text-tip-color,.text-desc-link{color:var(--text-tip-color)}.text-desc-link:hover{color:var(--text-description-color)}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.block{display:block}.inline{display:inline}.flex{display:flex}.flex-between{display:flex;justify-content:space-between!important}.flex-end{justify-content:flex-end;display:flex}.flex-grow{flex-grow:1}.flex-center{justify-content:center!important}.flex-v-center{display:flex;align-items:center!important}.no-shrink{flex-shrink:0}.flex-column{flex-direction:column}.flex1{flex:1}.rel{position:relative}.ab{position:absolute}.clearfix{zoom:1}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.f-l{float:left}.f-r{float:right}.mt-20{margin-top:20px}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-40{margin-top:40px}.mb-20{margin-bottom:20px}.mb-21{margin-bottom:21px}.mb-24{margin-bottom:24px}.ml-2{margin-left:2px}.mr-2{margin-right:2px}.mr-4{margin-right:4px}.mr-8{margin-right:8px}.mr-20{margin-right:20px}.ml-4{margin-left:4px}.ml-8{margin-left:8px}.ml-20{margin-left:20px}.ml-24{margin-left:24px}.mr-10{margin-right:10px}.mr-16{margin-right:16px}.pointer{cursor:pointer}.app-kaihei-link{cursor:pointer;color:var(--color-link)}.app-kaihei-link:hover{color:var(--color-link-hover);text-decoration:underline}.app-kaihei-link:active{color:var(--color-link-active)}.app-kaihei-link .emoji{height:14px;margin-top:-2px;display:inline-block}.button-disabled{cursor:not-allowed;opacity:.5}.button-disabled:hover{color:var(--color-link);text-decoration:none}.button-disabled:active{color:var(--color-link)}.app-simple-link{cursor:pointer;color:var(--color-link)}.app-simple-link:hover{color:var(--color-link-hover);text-decoration:underline}.app-simple-link:active{color:var(--color-link-active)}.app-text-button{color:var(--color-primary);border:none;padding:0;font-weight:600}.app-text-button:hover{color:var(--color-primary-hover)}.app-text-button:active{color:var(--color-primary-active)}.page-over-scroll{overflow-y:scroll}.page-over-scroll::-webkit-scrollbar{background-color:transparent;width:6px;height:16px}.page-over-scroll::-webkit-scrollbar-thumb{background-color:#393e60;border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.over-scroll{overflow-y:scroll}.over-scroll::-webkit-scrollbar{background-color:transparent;width:0;height:16px}.over-scroll::-webkit-scrollbar-thumb{background-color:transparent;border-radius:10px;-webkit-box-shadow:inset 0 0 6px transparent}.full{width:100%;height:100%}.full-height{height:100%}.fw-light{font-weight:300}.fw-regular{font-weight:400}.fw-medium{font-weight:600}.fw-semibold{font-weight:800}.chuanyu-link{color:var(--text-tip-color);font-size:12px}.chuanyu-link:hover{color:var(--text-description-color)}.lh-18{line-height:18px}.lh-20{line-height:20px}.white-color{color:#fff}.mr-sm{margin-right:5px}.mb-sm{margin-bottom:5px}.mt-10{margin-top:10px}.mt-12{margin-top:12px}.mt-24{margin-top:24px}.mb-10{margin-bottom:12px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px!important}.mb-18{margin-bottom:18px}.fixed{position:fixed}.font-12{font-size:12px}.font-14{font-size:14px}.font-16{font-size:16px}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-khtml-user-select:none}.bold{font-weight:700}@noselect{-webkit-touch-callout: none;   -webkit-user-select: none;   -khtml-user-select: none;   -moz-user-select: none;   -ms-user-select: none;   user-select: none;  }.inline-loading-wrapper{justify-content:center;align-items:center;height:20px;display:flex}.inline-loading-wrapper .kaihei-loading-spin{margin-right:8px}.inline-loading-wrapper .inline-loading-text{align-items:center;height:18px;line-height:1;display:flex}.inline-block{display:inline-block}.ovh{overflow:hidden}.loadings{vertical-align:middle;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:20px;height:20px;padding:20px 0;font-size:20px;font-style:normal;display:inline-block;font-family:iconfont!important}.loadings:before{content:"";animation:1s linear infinite rotate;display:block}.pre-wrap{white-space:pre-wrap}.status-button{box-sizing:border-box;display:block;position:relative}.status-button:after{content:"";width:100%;height:100%;display:none;position:absolute;top:0;left:0}.status-button:hover:after{background-color:rgba(255,255,255,.1);display:block}.status-button:active:after{background-color:rgba(0,0,0,.1);display:block}.status-button:disabled{cursor:default;background-color:rgba(0,0,0,.3)}.status-button:disabled:after{display:none}.theme-dark .status-button:disabled{background-color:rgba(255,255,255,.3)}.hide-scroll-bar{scrollbar-width:none;scrollbar-width:0}.hide-scroll-bar::-webkit-scrollbar{width:0}.hide-scroll-bar.theme-scroll-bar{scrollbar-width:none;scrollbar-width:0}.hide-scroll-bar.theme-scroll-bar::-webkit-scrollbar{width:0}.custom-scroll-bar{overflow-x:hidden;overflow-y:scroll;overflow-y:overlay}.custom-scroll-bar::-webkit-scrollbar{width:0}.custom-scroll-bar:hover::-webkit-scrollbar{width:8px}.custom-scroll-bar::-webkit-scrollbar-track{background-color:transparent}.custom-scroll-bar::-webkit-scrollbar-thumb{background-color:var(--color-bbb);background-clip:content-box;border:2px solid transparent;border-radius:4px}.scroll-bar-auto-hide{overflow-x:hidden;overflow-y:scroll}.scroll-bar-auto-hide::-webkit-scrollbar{width:8px}.scroll-bar-auto-hide::-webkit-scrollbar-track{background-color:transparent}.scroll-bar-auto-hide::-webkit-scrollbar-thumb{background-color:transparent;background-clip:content-box;border:2px solid transparent;border-radius:4px}.scroll-bar-auto-hide:hover::-webkit-scrollbar-thumb{background-color:var(--color-bbb)}.thin-scroll-bar{overflow-x:hidden;overflow-y:auto}.thin-scroll-bar.horizontal{overflow-x:auto}.thin-scroll-bar.horizontal.overlay{overflow-x:overlay}.thin-scroll-bar.horizontal::-webkit-scrollbar{height:8px}.thin-scroll-bar::-webkit-scrollbar{width:8px}.thin-scroll-bar::-webkit-scrollbar-track{background-color:transparent}.thin-scroll-bar::-webkit-scrollbar-thumb{background-color:var(--color-bbb);background-clip:content-box;border:2px solid transparent;border-radius:4px}.app-color-link{color:var(--color-link);cursor:pointer}.app-color-link:hover{color:var(--color-link-hover);text-decoration:underline}.app-color-link:active{color:var(--color-link-active)}.border-radius-lg{border-radius:24px}.button-radius{border-radius:8px}.center-icon-16{justify-content:center;align-items:center;width:16px;height:16px;font-size:16px;display:flex}.center-icon-24{justify-content:center;align-items:center;width:24px;height:24px;font-size:24px;display:flex}.text-tip-button{color:var(--text-tip-color)}.text-tip-button:not(.disabled):hover{color:var(--text-description-color)}.text-tip-button:not(.disabled):active{color:var(--text-color)}.bg-color-button{color:var(--text-tip-color);border-radius:8px}.bg-color-button:not(.disabled){cursor:pointer}.bg-color-button:not(.disabled):hover{background-color:var(--menu-hover)}.bg-color-button:not(.disabled):active{background-color:var(--menu-active)}.bg-color-button:not(.disabled).active{color:var(--color-primary)}.bg-button:not(.disabled):hover{background-color:var(--menu-hover)}.bg-button:not(.disabled):active{background-color:var(--menu-active)}.animate-button:not(.disabled):hover{background-color:var(--menu-hover)}.animate-button:not(.disabled):active{background-color:var(--menu-active)}.animate-button:not(.disabled).active{color:var(--color-primary)}.animate-button:not(.disabled).animate-button-danger:hover{color:var(--color-error-hover)}.animate-button:not(.disabled).animate-button-danger:active,.animate-button:not(.disabled).animate-button-danger.active{color:var(--color-error-active)}.full-center{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.clip-path-20{clip-path:path("M 0,10 C 0,1.06,1.06,0,10,0 C 18.94,0,20,1.06,20,10 C 20,18.94,18.94,20,10,20 C 1.06,20,0,18.94,0,10")}.clip-path-40{clip-path:path("M 0,20 C 0,2.13,2.13,0,20,0 C 37.87,0,40,2.13,40,20 C 40,37.87,37.87,40,20,40 C 2.13,40,0,37.87,0,20")}.icon-clip,.clip-path-48{clip-path:path("M 0,24 C 0,2.55,2.55,0,24,0  C 45.45,0,48,2.55,48,24   C 48,45.45,45.45,48,24,48   C 2.55,48,0,45.45,0,24")}.clip-path-56{clip-path:path("M 0,28 C 0,2.97,2.97,0,28,0 C 53.03,0,56,2.97,56,28 C 56,53.03,53.03,56,28,56 C 2.97,56,0,53.03,0,28")}.clip-path-80{clip-path:path("M 0,40 C 0,4.25,4.25,0,40,0 C 75.75,0,80,4.25,80,40 C 80,75.75,75.75,80,40,80 C 4.25,80,0,75.75,0,40")}.poptip{position:relative}.poptip:before,.poptip:after{visibility:hidden;opacity:0;transition:all 0 ease .2s;box-sizing:border-box;z-index:100;transform:translate(0,0)}.poptip:before{content:"";border:10px solid transparent;border-top:8px solid #121315;border-bottom-width:0;width:0;height:0;position:absolute;top:-3px;left:calc(50% - 10px);transform:translate(0%)translateY(-12px)}.poptip:after{color:#fff;content:attr(data-poptip);white-space:nowrap;background:#121315;border-radius:10px;padding:4px 8px;font-size:14px;line-height:20px;position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(-12px)}.poptip:hover:before,.poptip:hover:after{visibility:visible;opacity:1}.poptip.place-left:after{top:50%;bottom:auto;left:auto;right:100%;transform:translate(-12px)translateY(-50%)}.poptip.place-left:before{border-width:10px 0 10px 10px;margin-top:2px;top:50%;bottom:auto;left:auto;right:100%;transform:translate(-13px)translateY(-50%)rotate(45deg)}.poptip.place-right:after{pointer-events:none;top:50%;bottom:auto;left:100%;right:auto;transform:translate(10px)translateY(-50%)}.poptip.place-right:before{border-width:10px 0 10px 10px;margin-top:-3px;top:50%;bottom:auto;left:100%;right:auto;transform:translate(10px)translateY(-50%)rotate(-135deg)}.word-keep-all{word-break:keep-all}.new-tips{word-break:break-all;white-space:pre-wrap;background-color:#121315;max-width:180px}.new-tips.hide{display:none}.new-tips.bgcolor-red{background-color:var(--color-error)}.new-tips.bgcolor-red .kook-tootip-arrow{color:var(--color-error)}.new-tips.bgcolor-yellow{background-color:var(--color-warn)}.new-tips.bgcolor-yellow .kook-tootip-arrow{color:var(--color-warn)}.new-tips.bgcolor-green{background-color:var(--color-primary)}.new-tips.bgcolor-green .kook-tootip-arrow{color:var(--color-primary)}.new-tips-arrow{color:#121315}.kook-tootip.nostyle{background-color:initial;padding:0}:root,.theme-light{--color-primary:#7acc35;--color-primary-hover:#87d149;--color-primary-active:#6db72f;--color-primary-bg:rgba(122,204,53,.1);--color-link:#0096ff;--color-link-hover:#29a6ff;--color-link-active:#007dd6;--color-error:#ff3200;--color-error-hover:#ff5229;--color-error-active:#d62900;--color-warn:#ff8200;--color-warn-hover:#ff9629;--color-warn-active:#d66d00;--color-success:#00d287;--color-success-hover:#29d99a;--color-success-active:#00b071;--color-primary-default:#7acc35;--color-primary-default-hover:#87d149;--color-primary-default-active:#6db72f;--color-pink:#f65299;--color-purple:#853efd;--color-white:#fff;--slider-handle-active:rgba(181,244,128,.5);--theme-light-text-color:#333436;--color-error-pure:#ff3200;--color-line:rgba(0,0,0,.04);--color-shop-token-count-bg:rgba(0,0,0,.06);--color-controls:rgba(0,0,0,.08);--text-color:#2e303a;--text-description-color:rgba(46,48,58,.64);--text-tip-color:rgba(46,48,58,.4);--color-deep-bg:#ebedf5;--color-grey-bg:#f5f6fa;--color-light-bg:#fefefe;--box-shadow:0 2px 8px 0 rgba(0,0,0,.08);--box-shadow-md:0px 4px 24px 0px rgba(0,0,0,.08);--box-shadow-lg:0px 4px 32px 0px rgba(0,0,0,.08);--border-color:rgba(0,0,0,.08);--border-hover-color:#7acc35;--border-active-color:rgba(100,220,0,.2);--border-color-light:#f2f3f5;--menu-hover:rgba(0,0,0,.04);--menu-active:rgba(0,0,0,.08);--menu-active-deep:rgba(0,0,0,.12);--color-guild-boost:#8b72e6;--color-e5e:#e5e5ea;--color-bbb:#bbbec4;--color-ede:#edeef0;--color-f7f:#f7f7f8;--win-title-bar:#4b5460;--win-background:#6d7888;--background-primary:#fff;--left-nav-background:#edeef0;--menu-background:#fefefe;--audio-menu-background:#fefefe;--menu-head:#f2f3f5;--menu-hover-bg-primary:#ebecf0;--menu-active-bg-primary:#e1e2e6;--menu-hover-bg-left-nav:#e2e3e6;--box-shadow-filter:drop-shadow(0 2px 6px #caced5);--light-background:rgba(102,102,204,.08);--main-color:#333436;--secondary-color:#66686b;--button-radius:6px;--mention-message-bg:#f9f4ec;--scroll-bar-color:#bbbec4;--deep-hover:rgba(102,104,107,.12);--button-default:#e1e4f0;--button-default-hover:#e4e6f1;--button-default-active:#caccd7;--button-simple:transparent;--button-simple-hover:#e4e6f1;--button-simple-active:#caccd7;--light-them-card-content:#fff;--light-them-card-padding:#edeef2;--light-them-card-border:#e1e4f0;--dark-them-card-content:#999ca3;--dark-them-card-padding:#838591;--dark-them-card-border:#6c6e76;--color-bottom-bg:#ebedf5;--color-middle-bg:rgba(255,255,255,.5);--color-top-bg:#fefefe;--blind-box-level-0:#fc3276;--blind-box-level-1:#ffbe02;--blind-box-level-2:#d367f4;--blind-box-level-3:#42d7ed;--intimacy-couple-text-color:#ff66ca;--intimacy-couple-bg-color:rgba(255,102,202,.2);--intimacy-bestie-text-color:#ff8e00;--intimacy-bestie-bg-color:rgba(255,142,0,.2);--intimacy-bro-text-color:#b261ff;--intimacy-bro-bg-color:rgba(178,97,255,.2);--set-top-color:rgba(0,0,0,.02);--guild-display-tag-bg:#c6c9d2}.theme-dark{--color-primary:#6cbf00;--color-primary-hover:#7ac51a;--color-primary-active:#60ab00;--color-primary-bg:rgba(122,204,53,.1);--color-link:#3af;--color-link-hover:#47b2ff;--color-link-active:#2d98e5;--color-white:#fff;--color-error:#ff4d42;--color-error-hover:#ff5f55;--color-error-active:#e5453b;--color-warn:#ff8f19;--color-warn-hover:#ff9a30;--color-warn-active:#e58016;--color-success:#00d287;--color-success-hover:#1ad693;--color-success-active:#00bc79;--color-pink:#f765a5;--color-purple:#9557fe;--color-line:rgba(255,255,255,.06);--color-shop-token-count-bg:rgba(255,255,255,.12);--color-controls:rgba(255,255,255,.1);--text-color:#e6eaf0;--text-description-color:rgba(230,234,240,.64);--text-tip-color:rgba(230,234,240,.4);--color-deep-bg:#17181a;--color-grey-bg:#25262a;--color-light-bg:#35373d;--box-shadow:0 2px 8px 0 rgba(0,0,0,.32);--box-shadow-md:0px 4px 24px 0px rgba(0,0,0,.32);--box-shadow-lg:0px 4px 32px 0px rgba(0,0,0,.32);--border-color:rgba(255,255,255,.1);--border-hover-color:#6cbf00;--border-active-color:rgba(100,220,0,.2);--border-color-light:rgba(242,243,245,.05);--menu-hover:rgba(255,255,255,.06);--menu-active:rgba(255,255,255,.1);--menu-active-deep:rgba(255,255,255,.12);--color-guild-boost:rgba(139,114,230,.8);--color-e5e:rgba(229,229,234,.1);--color-bbb:rgba(187,190,196,.25);--color-ede:rgba(237,238,240,.07);--color-f7f:rgba(247,247,248,.03);--win-background:#484b52;--win-title-bar:#323439;--background-primary:#2f3237;--left-nav-background:#26282c;--menu-background:#35373d;--audio-menu-background:#777;--menu-head:#2f3237;--menu-hover-bg-primary:#2d2e31;--menu-active-bg-primary:#363739;--menu-hover-bg-left-nav:#323538;--box-shadow-filter:drop-shadow(0 2px 6px #1c1e21);--main-color:#e6eaf0;--secondary-color:rgba(230,234,240,.7);--light-background:rgba(102,102,204,.16);--button-radius:6px;--mention-message-bg:#3e3c39;--scroll-bar-color:rgba(187,190,196,.25);--deep-hover:rgba(102,104,107,.28);--button-default:#404247;--button-default-hover:#4c4e50;--button-default-active:#323436;--button-simple:transparent;--button-simple-hover:#4c4e50;--button-simple-active:#323436;--light-them-card-content:#dbdde2;--light-them-card-padding:#bec0c6;--light-them-card-border:#a7aab5;--dark-them-card-content:#7f848e;--dark-them-card-padding:#636570;--dark-them-card-border:#4d4f56;--color-bottom-bg:#17181a;--color-middle-bg:rgba(225,235,255,.07);--color-top-bg:rgba(225,235,255,.09);--blind-box-level-0:#ff5a92;--blind-box-level-1:#fad701;--blind-box-level-2:#df74ff;--blind-box-level-3:#34dcf5;--set-top-color:rgba(255,255,255,.02);--guild-display-tag-bg:rgba(198,201,210,.18)}.theme-personal.theme-light{--color-bottom-bg:rgba(235,237,245,.8);--color-top-bg:rgba(255,255,255,.5)}.theme-light.theme-bg-img{--color-middle-bg:rgba(255,255,255,.1)}.theme-menu-blur.theme-personal.theme-light{--menu-background:rgba(255,255,255,.6);--menu-background-filter:blur(8px)}.theme-personal.theme-dark{--color-bottom-bg:rgba(23,24,26,.8)}.theme-menu-blur.theme-personal.theme-dark{--menu-background:rgba(0,0,0,.3);--menu-background-filter:blur(8px)}html,body,#root{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;width:100%;height:100%;overflow:hidden}#root{flex-direction:column;display:flex}.modal-login-code{height:130px}div[contenteditable=true],.user-select-text{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}html{--global-font-family:"PingFang SC","Microsoft YaHei New","微软雅黑","Microsoft Yahei","Microsoft JhengHei","宋体","SimSun","Helvetica Neue","Helvetica","Arial",sans-serif;border-radius:24px}body,textarea,input,button,select,keygen,legend{font-family:var(--global-font-family)}label{cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-khtml-user-select:none}img.emoji{height:1em;display:inline-block}img.emoji[alt]{text-indent:-10000000px}.bottom-error-label{color:#ff3200;margin-top:8px;font-size:12px;font-weight:400;line-height:18px}.chuanyu-form-item{margin-bottom:24px;position:relative}.chuanyu-form-item.is-error .multi-function-input-wrapper,.chuanyu-form-item.is-error .login-code-new,.chuanyu-form-item.is-error .suffix-input-wrapper,.chuanyu-form-item.is-error .prefix-input-wrapper{box-shadow:none;border-color:var(--color-error)}.chuanyu-form-item .chuanyu-form-label{color:var(--text-tip-color);margin-bottom:8px;font-size:12px;line-height:18px}.chuanyu-form-item:last-child{margin-bottom:32px}.error-label{color:#ff3200}.error-label i{font-style:italic}.xunyou-bg-image-layer{background-size:100%;width:100%;height:100%;overflow:hidden}.xunyou-bg-mask-layer{background:linear-gradient(#12181f 0%,rgba(18,24,31,.9) 100%);width:100%;height:100%;position:relative}.xunyou-bg-mask-layer .item1{opacity:.3;-webkit-filter:blur(320px);filter:blur(320px);background:linear-gradient(#5a4d4d 0%,#666 100%);border-radius:240px;width:480px;height:480px;position:absolute;top:-80px;left:-80px}.xunyou-bg-mask-layer .item2{opacity:.15;-webkit-filter:blur(90px);filter:blur(90px);background:#00ad59;border-radius:120px;width:240px;height:240px;position:absolute;top:180px;left:160px}.xunyou-bg-mask-layer .item3{-webkit-filter:blur(200px);filter:blur(200px);background:linear-gradient(rgba(71,85,96,0) 0%,#12181f 100%);width:603px;height:603px;position:absolute;bottom:-42px;right:-183px}.xunyou-bg-mask-layer .item4{-webkit-filter:blur(100px);filter:blur(100px);background:linear-gradient(rgba(0,173,89,.4),#121820);width:289px;height:411px;position:absolute;top:586px;left:1150px}.xunyou-content-layer{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.common-center-layout{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.xunyou-layout .accelerator-logo{content:url(https://static.kookapp.cn/app/static/media/kook-jiasuqi_logo@2x.2d5f14de.png);width:251px;height:32px;position:absolute;top:36px;left:32px}.xunyou-layout .kaihei-form-box,.xunyou-layout .modal-body.theme-abled{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:none;background:rgba(255,255,255,.08)}.xunyou-layout .register-login-box .next-autologin,.xunyou-layout .login-box .check-box-parent,.xunyou-layout .kaihei-form-box:not(.qrcode-login-box) .login-right-qrcode,.xunyou-layout .kaihei-form-box .third-app-login-title,.xunyou-layout .third-icon-qr{display:none!important}.common-between-layout{justify-content:space-between;align-items:center;width:100%;height:100%;display:flex;position:relative}.common-between-layout .login-back-left{background:linear-gradient(#f9ffb9 0%,#a2ff9f 100%);width:50%;height:100%;position:absolute;left:0}.common-between-layout .login-back-right{background:#efffee;width:50%;height:100%;position:absolute;right:0}.common-between-layout .login-back-img{width:100%;max-width:1920px;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.common-between-layout .electron-platform-img-url{content:url(https://static.kookapp.cn/app/static/media/login-back.2b123f01.png)}.common-between-layout .web-platform-img-url{content:url(https://img.kookapp.cn/assets/item/resources/login-back.png?x-oss-process=style)}.common-between-layout .common-between-layout-right{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.common-between-layout .common-between-layout-right img{width:36.458vw;min-width:400px;max-width:700px}.common-between-layout .common-between-layout-right .electron-platform-img-url{content:url(https://static.kookapp.cn/app/static/media/login-icon.88e67dc4.png)}.common-between-layout .common-between-layout-right .web-platform-img-url{content:url(https://img.kookapp.cn/assets/item/resources/login-icon.png?x-oss-process=style)}.common-between-layout .common-between-layout-left{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.common-between-layout .common-between-layout-left .login-head-title{color:var(--text-color);margin-bottom:32px;font-size:32px;font-weight:600;line-height:36px}.common-between-layout .common-between-layout-left .login-head-title .login-head-left-star{background-image:url(https://static.kookapp.cn/app/static/media/star-left.f932aef5.svg);background-size:100%;width:12px;height:14px;position:absolute;top:6px;left:-23px}.common-between-layout .common-between-layout-left .login-head-title .login-head-right-star{background-image:url(https://static.kookapp.cn/app/static/media/star-right.0940c6a1.svg);background-size:100%;width:43px;height:46px;position:absolute;top:-8px;right:-34px}.common-between-layout .common-between-layout-left .login-head-content{color:#fff;margin-bottom:40px;font-size:16px;font-weight:400;line-height:22px}.app-filtershow{-webkit-filter:blur(2px);filter:blur(2px)}.fixed-mask{z-index:1000;width:100%;height:100%;position:fixed;top:0;left:0}.fixed-container{z-index:10}.close-btn-container{background-image:url(https://static.kookapp.cn/app/static/media/close_buttons_bg.35b490b3.svg);background-position-x:0;background-repeat:no-repeat;background-size:90px;justify-content:center;align-items:center;width:90px;height:90px;transition:all .5s;display:flex;position:absolute;top:25px;left:100%}.close-btn{color:var(--secondary-color);box-sizing:border-box;background-color:var(--menu-background);width:40px;height:40px;box-shadow:var(--box-shadow);border-radius:50%;justify-content:center;align-items:center;font-size:24px;font-weight:700;display:flex;position:relative}.close-btn.iconfont{font-size:24px}.close-btn:hover{color:var(--main-color);background-color:#f2f3f5}.theme-dark .close-btn:hover{background-color:#42464c}.esc-text{text-align:center;width:100%;color:var(--secondary-color);font-size:12px;font-weight:700;position:absolute;top:73%;left:0}@media (max-width:1366px){.close-btn-container{left:748px;right:auto}}@media (max-width:1200px){.close-btn-container{pointer-events:none;background-image:none;position:absolute;top:-20px;left:calc(100% - 75px)}.close-btn-container .close-btn{box-shadow:none;pointer-events:auto;background:0 0;border:0;margin-top:-4px;margin-left:4px}.close-btn-container .close-btn:hover{background:0 0}.close-btn-container .esc-text{display:none}}.cancel-btn{height:42px;color:var(--text-description-color);border:1px solid transparent;border-radius:12px;padding:0 15px;font-size:16px}.cancel-btn.md{min-width:81px;height:36px}.cancel-btn.size-sm{height:30px}.cancel-btn:hover{color:var(--text-description-color);background-color:rgba(187,190,196,.3)}.cancel-btn:active{color:var(--text-description-color);background-color:rgba(187,190,196,.5)}.connect-center-layout{text-align:center;background-color:#efffee;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.connect-center-layout .connect-box{text-align:center;width:500px}.connect-center-layout .connect-box .connect-logo{width:420px;height:330px;margin:0 auto 40px}.connect-center-layout .connect-box .connect-logo img{width:100%;height:100%}.connect-center-layout .connect-box .connect-info{color:#222;font-size:28px;font-style:italic;line-height:41px}.connect-center-layout .connect-box .connect-info .shi{text-align:left;margin-bottom:40px;line-height:41px}.connect-center-layout .connect-box .connect-info .autor{text-align:right;height:29px;font-size:20px;font-style:normal;line-height:29px}.connect-center-layout .connect-box .connect-tips{color:#999;height:20px;margin-top:60px;font-size:14px}.connect-center-layout .connect-box .connect-tips-error{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.connect-center-layout .connect-box .checkupdate-tip{color:#222;text-align:center;height:71px;margin-top:46px;font-size:20px;line-height:71px}.win-wapper{z-index:2;flex-direction:column;height:100%;display:flex}.win-wapper .channel-setting-modal,.win-wapper .guild-setting-modal{height:auto;top:28px;bottom:0}.win-wapper .kaihei-tips[data-id=tooltip]{z-index:999}.theme-personal .win-wapper{background-color:initial}.win-title-bar{color:#fff;width:100%;height:40px;position:relative}.win-title-bar.medium{height:44px}.win-title-bar.theme-dark,.win-title-bar.setting-page-active{background-color:var(--color-deep-bg)}.win-title-bar .win-title-inner{justify-content:space-between;align-items:center;height:100%;padding-left:16px;padding-right:18px;display:flex}.win-title-bar .win-title-inner>.left,.win-title-bar .win-title-inner>.right{display:flex}.win-title-bar .win-title-drag{-webkit-app-region:drag;z-index:-1;width:100%;position:absolute;top:4px;bottom:0}.win-title-bar .win-title-drag.no-drag{-webkit-app-region:none}.win-title-bar .win-title-drag.ismax{top:0}.win-title-bar .win-title{padding:0 15px;font-weight:700}.win-title-bar .win-logo{-webkit-app-region:no-drag;background-image:url(https://static.kookapp.cn/app/static/media/kooklogo_light.a18a7c98.svg);background-repeat:no-repeat;background-size:100%;width:52px;height:22px;margin-top:5px}.theme-dark .win-title-bar .win-logo{background-image:url(https://static.kookapp.cn/app/static/media/kooklogo_dark.dd9babc3.svg)}.win-title-bar .win-title-url{color:var(--text-tip-color);font-size:12px;font-weight:700;line-height:16px}.win-title-bar .win-title-search-btn{cursor:pointer;width:16px;height:16px;margin-right:20px}.win-title-bar .win-title-input-btn{-webkit-app-region:no-drag;background-color:var(--color-light-bg);color:var(--text-tip-color);cursor:pointer;border-radius:8px;width:212px;height:28px;margin-right:24px;padding:5px 16px;font-size:12px;font-weight:400;line-height:18px}.win-title-bar-icon-group{display:flex;position:relative}.win-title-bar-icon-group:empty{display:none}.win-title-bar-icon-group:not(:last-child){padding-right:12px}.win-title-bar-icon-group:not(:last-child):after{content:"";background-color:var(--color-line);width:1px;height:16px;position:absolute;top:6px;right:0}.win-title-bar-icon-group:not(:first-child){padding-left:12px}.win-title-bar-icon-group>.win-title-bar-icon{-webkit-app-region:no-drag;width:24px;height:24px;color:var(--text-tip-color);border-radius:8px;justify-content:center;align-items:center;font-size:16px;display:flex;position:relative}.win-title-bar.medium .win-title-bar-icon-group>.win-title-bar-icon{width:28px;height:28px}.win-title-bar-icon-group>.win-title-bar-icon:not(:last-child){margin-right:8px}.win-title-bar.medium .win-title-bar-icon-group>.win-title-bar-icon:not(:last-child){margin-right:20px}.win-title-bar-icon-group>.win-title-bar-icon:not(.disabled){cursor:pointer}.win-title-bar-icon-group>.win-title-bar-icon.active{color:var(--color-primary)}.win-title-bar-icon-group .win-title-bar-tag{-webkit-app-region:no-drag;cursor:pointer;align-items:center;height:24px;display:flex}.chuanyu-modal-container .modal-body.show-video{max-width:100%;padding:45px 20px 20px}.show-video .close-modal-btn{cursor:pointer;position:absolute;top:20px;right:20px}.show-video video{outline:none;width:889px;height:500px}.pannel-button-remove{color:#898989;border:1px solid transparent;border-radius:4px;padding:2px 3px;font-size:14px}.pannel-button-remove:hover{border-color:#e5e5e5}.pannel-button-remove:active{background-color:#e5e5e5}.switch-item{border-bottom:1px solid var(--border-color);margin-bottom:24px;padding-bottom:24px;font-size:14px}.switch-item .switch-item-content{justify-content:space-between;align-items:center;display:flex}.switch-item .switch-item-content .ui-switch{flex-shrink:0}.switch-item .switch-item-content .sub-title{font-weight:700}.switch-item .switch-item-tips{margin-top:12px}.switch-item.simple{border-bottom:none;padding-bottom:0}.gray-code-time{color:#999}.kaihei-bottom-copyright{text-align:center;color:var(--text-tip-color);margin-top:24px;font-size:14px;line-height:20px}.kaihei-bottom-copyright a{color:var(--text-tip-color);font-weight:600}.kaihei-bottom-copyright a:hover{color:var(--text-color)}.kaihei-form-box{background-color:var(--color-light-bg);border-radius:16px;width:440px;padding:32px 24px 24px;line-height:1;box-shadow:0 2px 8px rgba(0,0,0,.08)}.kaihei-form-box .check-box-link{color:var(--text-color);font-size:12px;font-weight:400;line-height:18px}.third-app-login-iframe-container{background-color:#fff;border-radius:16px;width:440px;height:100%;padding-top:32px;position:absolute;top:0;left:0}.third-app-login-iframe-container iframe{border-radius:16px;width:100%;height:100%}.third-app-login-iframe-container .iframe-close-btn{color:#999;cursor:pointer;justify-content:center;align-items:center;font-size:24px;display:flex;position:absolute;top:24px;right:24px}.login-form-check{flex-direction:row;margin-bottom:24px;display:flex}.login-form-check .check-margin{margin-left:24px}.login-form-check .login-form-check-text{color:var(--text-description-color);cursor:pointer;flex-direction:column;align-items:center;font-size:20px;font-weight:400;line-height:26px;display:flex}.login-form-check .login-form-check-text .login-form-check-line{background-color:#7acc35;width:24px;height:3px;margin-top:4px}.login-form-check .text-checked{color:var(--text-color);font-weight:600}.kaihei-form-title{color:var(--text-color);text-align:center;margin-bottom:40px;font-size:24px;font-weight:700;line-height:24px}.kaihei-net-error-page{background-color:transparent!important}.kaihei-net-error-page img{content:url(https://static.kookapp.cn/app/static/media/network-error.2203d259.svg)!important}.kaihei-error-page{background-color:#ebedf5;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.kaihei-error-page img{content:url(https://static.kookapp.cn/app/static/media/error-center.23621831.png);width:440px;height:182px}.kaihei-error-page .error-page-exit{color:#999;cursor:pointer;margin-top:16px;font-size:14px;font-weight:400;line-height:20px}.kaihei-error-page .error-page-exit:hover{color:#666}.kaihei-error-page .error-page-btn{text-align:center;color:#fff;cursor:pointer;background:#7acc35;border-radius:12px;width:102px;height:40px;margin-top:32px;font-size:14px;font-weight:600;line-height:40px}.kaihei-error-page .error-page-btn:hover{background:#7ce129}.kaihei-error-page .error-page-btn:active{background:#53b800}.kaihei-error-page .error-page-title{color:#222;margin-top:24px;font-size:20px;font-weight:600;line-height:26px}.kaihei-error-page .error-page-content{color:#666;margin-top:16px;font-size:16px;font-weight:400;line-height:22px}.kaihei-error-page .error-page-content span{color:#0096ff;cursor:pointer}.kaihei-error-page .error-page-content span:hover{color:#29a6ff;text-decoration:underline}.modal-title-text{color:var(--text-color);height:26px;margin-bottom:18px;padding-right:24px;font-size:20px;font-weight:600;line-height:26px}.modal-title-text.modal-type-b{margin-bottom:21px}.modal-desc-text{color:var(--text-color);margin-bottom:24px;font-size:14px;line-height:20px}.modal-tip-text,.form-item-tips{color:var(--text-tip-color);margin-bottom:8px;font-size:12px;line-height:18px}.m-t-24{margin-top:24px}.m-b-24{margin-bottom:24px}.m-b-8{margin-bottom:8px}.button-list-remove{text-align:center;width:24px;height:24px;color:var(--color-error);border-radius:8px;line-height:24px;display:none}.button-list-remove:hover{background-color:var(--menu-hover)}.button-list-remove:active{background-color:var(--menu-active)}.kaihei-tips .description{max-width:100%;display:inline-block}.tab-header{justify-content:space-between;margin-bottom:24px;display:flex}.tab-header .tab-header-list{gap:24px;display:flex}.tab-header .tab-header-list .tab-header-item{color:var(--text-description-color);cursor:pointer;padding-bottom:6px;font-size:14px;line-height:20px;position:relative}.tab-header .tab-header-list .tab-header-item.active{color:var(--text-color);font-weight:600}.tab-header .tab-header-list .tab-header-item.active:after{content:"";background-color:var(--color-primary);width:24px;height:2px;margin-left:-12px;position:absolute;bottom:0;left:50%}.tab-header .tab-header-list .tab-header-item.disable{cursor:not-allowed;color:var(--text-tip-color)}.tab-header .tab-header-tips{color:var(--text-tip-color);font-size:12px}.message-wraper .kui-card{background-color:var(--color-top-bg)}.theme-menu-blur.theme-light .message-wraper .kui-card .show-all{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:rgba(255,255,255,.6)}.theme-menu-blur.theme-dark .message-wraper .kui-card .show-all{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:rgba(0,0,0,.2)}.message-wraper .kui-card .kui-hour-countdown strong{background-color:var(--color-line)}.mention-my-card.hide-more{overflow:hidden;max-height:1000px!important}.mention-my-card.hide-more .show-all{display:flex}.max-w-325{max-width:325px}.hongyun{width:52px;height:16px}.kook-select-dropdown-wrapper.menu-background{background-color:var(--color-light-bg)!important}.kook-select-dropdown-wrapper.menu-background:before{display:none}.theme-light .theme-color-base,.theme-light .theme-color-87{color:var(--text-color)}.theme-light .theme-color-60{color:var(--text-description-color)}.theme-light .theme-color-38{color:var(--text-tip-color)}.theme-light .theme-color-20{color:rgba(0,0,0,.2)}.theme-light .theme-border-color-38{border-color:#eee}.theme-light .theme-font-button-color-38{color:rgba(0,0,0,.3)}.theme-light .theme-font-button-color-38:hover{color:rgba(0,0,0,.2)}.theme-light .theme-font-button-color-38:active{color:rgba(0,0,0,.4)}.theme-light .theme-border-color-e{border-color:#eee}.theme-light .theme-color-placeholder-38::-webkit-input-placeholder{color:rgba(0,0,0,.3)}.theme-light .theme-input-color{color:var(--text-color)}.theme-light .theme-input-color::-webkit-input-placeholder{color:var(--text-tip-color)}.theme-light .theme-input-bg-base{background-color:transparent}.theme-color-base-dark,.theme-dark .theme-color-base,.theme-dark .theme-color-87{color:var(--text-color)}.theme-dark .theme-color-87.noTheme{color:rgba(0,0,0,.87)}.theme-dark .theme-color-60{color:var(--text-description-color)}.theme-dark .theme-border-color-38{border-color:rgba(255,255,255,.12)}.theme-dark .theme-border-color-38.noTheme{border-color:#eee}.theme-dark .theme-font-button-color-38{color:rgba(255,255,255,.38)}.theme-dark .theme-font-button-color-38:hover{color:rgba(255,255,255,.48)}.theme-dark .theme-font-button-color-38:active{color:rgba(255,255,255,.28)}.theme-dark .theme-border-color-e{border-color:rgba(255,255,255,.1)}.theme-dark .theme-color-38{color:var(--text-tip-color)}.theme-dark .theme-color-20{color:rgba(255,255,255,.3)}.theme-dark .theme-color-placeholder-38::-webkit-input-placeholder{color:rgba(255,255,255,.38)}.theme-dark .theme-input-color{color:var(--text-color)}.theme-dark .theme-input-color::-webkit-input-placeholder{color:var(--text-tip-color)}.theme-dark .theme-input-bg-base{background:0 0}.theme-sad-gray{-webkit-filter:progid:dximagetransform.microsoft.basicimage(grayscale=1);filter:progid:dximagetransform.microsoft.basicimage(grayscale=1);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%)}.color-error{color:var(--color-error)}.color-warn{color:var(--color-warn)}.theme-dark .show-menu-btn{color:rgba(255,255,255,.87)}.theme-light .theme-debug-tips-bg{background-color:#474c73}.theme-dark .theme-debug-tips-bg{background-color:#2a3440}.noTheme.theme-scroll-bar::-webkit-scrollbar{background-color:rgba(0,0,0,.12);background-clip:content-box;border:3px solid transparent;border-radius:10px;width:14px}.noTheme.theme-scroll-bar::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);background-clip:content-box;border:4px solid transparent;border-radius:10px}.noTheme.theme-scroll-bar::-webkit-scrollbar-corner{background-color:transparent}.theme-msg-uname-color{color:var(--text-color)}.theme-light .input-wrap{border-color:#e3e8ee}.theme-dark .input-wrap{border-color:transparent transparent transparent #34363e}.theme-light .theme-line-border{border-color:var(--border-color)}.theme-light .theme-upload-button{color:var(--color-primary);border-color:var(--color-primary)}.theme-light .theme-setting-form-group-line{background-color:var(--border-color)}.theme-light .selector-search-option,.theme-light .theme-selector-option-bg{background-color:var(--color-light-bg)}.theme-light .theme-tab-button-color{color:var(--color-primary)}.theme-dark .theme-line-border{border-color:var(--border-color)}.theme-dark .theme-upload-button{color:#e6eaf0;border-color:#e6eaf0}.theme-dark .theme-upload-button.no-theme{color:var(--color-primary-default);border:1px solid var(--color-primary-default);background-color:#fff}.theme-dark .theme-setting-form-group-line{background-color:rgba(255,255,255,.12)}.theme-dark .selector-search-option,.theme-dark .theme-selector-option-bg{background-color:var(--color-light-bg)}.theme-dark .selector-search-option.noTheme,.theme-dark .theme-selector-option-bg.noTheme{background-color:#fefefe}.theme-dark .theme-tab-button-color{color:rgba(255,255,255,.87)}.theme-light .modal-body.theme-abled .theme-modal-cancel-button{color:var(--text-description-color)}.theme-light .modal-body.theme-abled .theme-modal-cancel-button:hover{color:var(--text-description-color);background-color:rgba(187,190,196,.3)}.theme-light .modal-body.theme-abled .theme-modal-cancel-button:active{color:var(--text-description-color);background-color:rgba(187,190,196,.5)}.theme-light .modal-body.theme-abled .theme-modal-cancel-button.danger{color:var(--color-error)}.theme-dark .modal-body.theme-abled{background-clip:padding-box}.theme-dark .modal-body.theme-abled .theme-modal-cancel-button{color:var(--text-description-color)}.theme-dark .modal-body.theme-abled .theme-modal-cancel-button:hover{color:var(--text-description-color);background-color:rgba(187,190,196,.3)}.theme-dark .modal-body.theme-abled .theme-modal-cancel-button:active{color:var(--text-description-color);background-color:rgba(187,190,196,.5)}.theme-dark .modal-body.theme-abled .theme-modal-cancel-button.danger{color:var(--color-error)}.theme-light .audio-controller-icos .ico-nhome_ic_microphone{background-image:url(https://static.kookapp.cn/app/static/media/home_ic_microphone.dc142925.svg)}.theme-light .audio-controller-icos .icon-home_ic_nomicrophone{background-image:url(https://static.kookapp.cn/app/static/media/home_ic_nomicrophone.a3279f11.svg)}.theme-light .icon-home_ic_headset_off{background-image:url(https://static.kookapp.cn/app/static/media/home_ic_headset_off.21fca089.svg)}.theme-light .icon-home_ic_headset{background-image:url(https://static.kookapp.cn/app/static/media/home_ic_headset.e673860d.svg)}.theme-light .setting-icon{background-image:url(https://static.kookapp.cn/app/static/media/captain_setup.e08f89f1.svg)}.theme-dark .audio-controller-icos .ico-nhome_ic_microphone{background-image:url(https://static.kookapp.cn/app/static/media/dark_home_ic_microphone.99d8e8fe.svg)}.theme-dark .audio-controller-icos .icon-home_ic_nomicrophone{background-image:url(https://static.kookapp.cn/app/static/media/dark_home_ic_nomicrophone.5a3b932b.svg)}.theme-dark .icon-home_ic_headset_off{background-image:url(https://static.kookapp.cn/app/static/media/dark_home_ic_headset_off.f68d9344.svg)}.theme-dark .icon-home_ic_headset{background-image:url(https://static.kookapp.cn/app/static/media/dark_home_ic_headset.f3fcfa14.svg)}.theme-dark .setting-icon{background-image:url(https://static.kookapp.cn/app/static/media/dark_captain_setup.42dd509e.svg)}.theme-cancel-button{color:var(--text-tip-color)}.theme-cancel-button:hover{background-color:rgba(187,190,196,.3)}.theme-cancel-button:active{background-color:rgba(187,190,196,.5)}.theme-light .theme-user-selector-hover:hover{background-color:rgba(0,0,0,.05)}.theme-dark .theme-user-selector-hover:hover{background-color:rgba(255,255,255,.09)}.theme-light .theme-clip-line-border-color{border-color:#eee}.theme-dark .theme-clip-line-border-color{border-color:rgba(255,255,255,.12)}.theme-light .theme-color-hover-87:hover{color:rgba(0,0,0,.87)}.theme-light .theme-item-bg{background-color:#f6f6f6}.theme-color-hover-87-dark:hover,.theme-dark .theme-color-hover-87:hover{color:rgba(255,255,255,.87)}.theme-dark .theme-item-bg{background-color:rgba(255,255,255,.1)}.theme-scroll-bar::-webkit-scrollbar{border-radius:10px;width:14px}.theme-scroll-bar::-webkit-scrollbar-track{background-color:transparent}.theme-scroll-bar::-webkit-scrollbar-thumb{background-clip:content-box;background-color:var(--scroll-bar-color);border:4px solid transparent;border-radius:10px;min-height:40px}.theme-scroll-bar::-webkit-scrollbar-thumb:hover{background-color:var(--text-tip-color)}.theme-scroll-bar::-webkit-scrollbar-corner{background-color:transparent}.theme-scroll-bar .small-scroll-bar::-webkit-scrollbar-thumb{border-width:5px}.theme-input{border-style:solid;border-width:1px;border-color:var(--border-color);border-radius:6px}.theme-dark .theme-input{background-color:rgba(237,238,240,.07)}.theme-input:hover{border-color:var(--border-hover-color)}.theme-input:focus{border-color:var(--border-hover-color);box-shadow:0 0 3px var(--border-active-color);outline:none}.theme-input:active{border-color:var(--border-hover-color);box-shadow:0 0 3px var(--border-active-color)}.theme-input-simple{border-style:solid;border-width:1px;border-color:var(--border-color);border-radius:6px}.theme-input-simple:hover{border-color:var(--border-hover-color)}.theme-input-simple:focus{border-color:var(--border-hover-color);box-shadow:0 0 3px var(--border-active-color);outline:none}.theme-input-simple:active{border-color:var(--border-hover-color);box-shadow:0 0 3px var(--border-active-color)}
/*# sourceMappingURL=widget.2ff4b08e.css.map*/