html,body{-webkit-user-select:none;user-select:none;width:100%;height:100%;margin:0}.background,.background .image,.background .mask{width:100%;height:100%;top:0;left:0}.background{z-index:-1;position:fixed}.background .image{object-fit:cover;position:absolute}.background .mask{backdrop-filter:blur(10px)brightness(.9);position:absolute}.background .info{border-radius:6px;width:178px;height:80px;position:absolute;bottom:0;left:0}.background .info svg{width:40px;height:40px;position:absolute;top:20px;left:20px}.background .info h1{color:#fff;margin:0;font-size:20px;position:absolute;top:15px;left:75px}.background .info p{color:#fff;margin:0;font-size:14px;position:absolute;top:45px;left:75px}.background .music{background-color:#ffffffe6;border-radius:6px;width:270px;height:70px;transition:all .5s;position:fixed;bottom:15px;right:-114%;box-shadow:0 5px 15px #00000026}.background .music img{border-radius:4px;height:calc(100% - 10px);position:absolute;top:5px;left:5px}.background .music h1{margin:0;font-size:20px;position:absolute;top:10px;left:75px}.background .music p{margin:0;font-size:14px;position:absolute;top:40px;left:75px}.window{background-color:#ffffffe6;border-radius:8px;width:calc(100% - 30px);height:calc(100% - 30px);position:fixed;top:48%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 50px #00000040}.main{max-width:880px;max-height:560px}.main .home{opacity:0;transition:all .2s}.main .home .left{text-align:center;width:380px;height:100%;position:absolute;top:0;left:0}.main .home .left .avatar,.main .home .left .cover{border-radius:114514px;position:absolute;top:60px;left:50%;transform:translate(-50%)}.main .home .left .avatar{border:4px solid #0078d4;width:160px;height:160px;padding:8px}.main .home .left .avatar img,.main .home .left .cover img{border-radius:114514px;width:100%;height:100%}@keyframes coverAnimation{to{transform:rotate(360deg)}}.main .home .left .cover{border:32px solid #333;width:120px;height:120px;display:none}.main .home .left .cover img{animation:20s linear infinite coverAnimation}.main .home .left .cover p{color:#fff;opacity:0;background:linear-gradient(90deg,#0078d4,#1e9fff);border-radius:8px;margin:0;padding:10px 14px;font-size:16px;transition:all .2s;position:absolute;top:180px;left:200px;box-shadow:0 0 2px #00000026}.main .home .title{width:100%;margin:0;font-size:34px;position:absolute;bottom:250px;left:0}.main .home .left .intro{width:100%;position:absolute;bottom:54px;left:0}.main .home .left .text{margin:14px 0;font-size:16px}.main .home .left .text a{color:#00b935;text-decoration:none}.main .home .left .text a:hover{text-decoration:underline}.main .home .right{width:500px;height:calc(100% - 60px);padding:30px 0;position:absolute;top:0;right:0}.main .home .right .menu{background-color:#fff;border-radius:6px;width:calc(100% - 42px);height:106px;margin:15px 0;position:relative;box-shadow:0 0 2px #00000026}.main .home .right .menu:hover{background-color:#ffffff80}.main .home .right .menu svg{width:38px;height:38px;position:absolute;top:20px;left:18px}.main .home .right .menu .title{margin:0;font-size:26px;position:absolute;top:20px;left:64px}.main .home .right .menu .subtitle{margin:0;font-size:16px;position:absolute;top:60px;left:64px}.main .loading{display:none;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.main .content{opacity:0;width:100%;height:100%;transition:all .2s;display:none;position:absolute;top:0;left:0}.main .content .titleBar{width:100%;height:50px;position:absolute}.main .content .titleBar .btn{border-radius:4px;width:30px;height:30px;padding:5px 6px 5px 4px;position:absolute;top:5px;left:5px}.main .content .titleBar .btn:hover{background-color:#00000008}.main .content .titleBar .btn:active{background-color:#0000000d}.main .content .titleBar .btn svg{width:100%;height:100%}.main .content .titleBar p{margin:0;font-size:17px;line-height:17px;position:absolute;top:50%;left:50px;transform:translateY(-50%)}.main .content .frame{border:none;width:100%;height:calc(100% - 50px);position:absolute;bottom:0;left:0}