.home-header{position:relative;width:100%;height:200px;overflow:hidden}.home-header header .view{transform:translatex(calc(var(--percentage)*var(--full-width)/1500*100px))}.home-header header .tree{transform:translatex(calc(var(--percentage)*var(--full-width)/1500*50px));filter:blur(3px)}.home-header header .tree,.home-header header .view{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center}.home-header header .afternoon,.home-header header .morning,.home-header header .tree,.home-header header .view{transition:all .2s ease-in}.home-header header .afternoon.is-moving,.home-header header .morning.is-moving,.home-header header .tree.is-moving,.home-header header .view.is-moving{transition:none}.home-header header .morning{z-index:20;opacity:calc(2 - var(--percentage)/.25)}.home-header header .afternoon{z-index:10;opacity:calc(2 - var(--percentage)/.5)}.home-header header img,.home-header header video{position:absolute;display:block;width:120%;height:100%;-o-object-fit:cover;object-fit:cover}.home-header header .window-cover{opacity:calc(var(--percentage)/.1 - 9)}@-webkit-keyframes waterWave{0%{width:0;height:0;border:2px solid #fff}10%{border:5px solid #fff}to{width:100px;height:100px;border:1px solid hsla(0,0%,100%,0)}}@keyframes waterWave{0%{width:0;height:0;border:2px solid #fff}10%{border:5px solid #fff}to{width:100px;height:100px;border:1px solid hsla(0,0%,100%,0)}}.blog-lists{width:100%;display:flex;flex-direction:column;align-items:center}.blog-lists .lists{width:100%}.blog-lists .lists .lists-item{position:relative;height:240px;display:flex;align-items:center;background-color:#fff;border-radius:6px;margin-bottom:20px}.blog-lists .lists .lists-item:hover .background-shadow{width:calc(100% + 4px);transform:translate(-50%,8px);background:rgba(85,85,85,.2)}.blog-lists .lists .lists-item:hover .lists-item-left:after{position:absolute;top:0;left:0;content:"";width:100%;height:100%;background:rgba(0,0,0,.3);z-index:1}.blog-lists .lists .lists-item:hover .water-wave{visibility:visible!important}.blog-lists .lists .lists-item .background-shadow{position:absolute;top:0;left:50%;transform:translate(-50%,4px);content:"";width:100%;height:100%;border-radius:8px;background:rgba(51,51,51,.1);filter:blur(3px);transition:all .2s linear;z-index:-1}.blog-lists .lists .lists-item .lists-item-left{position:relative;height:240px;border-radius:6px 0 0 6px;overflow:hidden}.blog-lists .lists .lists-item .lists-item-left .water-wave{visibility:hidden;position:absolute;top:50%;left:50%;border-radius:50%;transform:translate(-50%,-50%);-webkit-animation:waterWave 3.6s ease-out infinite;animation:waterWave 3.6s ease-out infinite;z-index:2}.blog-lists .lists .lists-item .lists-item-left .water-wave:nth-child(2){-webkit-animation-delay:1.2s;animation-delay:1.2s}.blog-lists .lists .lists-item .lists-item-left .water-wave:nth-child(3){-webkit-animation-delay:2.4s;animation-delay:2.4s}.blog-lists .lists .lists-item .lists-item-left img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.blog-lists .lists .lists-item .lists-item-center{display:flex;flex-direction:column;justify-content:space-between;height:100%;flex:7;padding-left:10px}.blog-lists .lists .lists-item .lists-item-center .content{color:#333;line-height:24px;display:-webkit-box;/*! autoprefixer: off */-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}.blog-lists .lists .lists-item .lists-item-center .label{display:flex;align-items:center;margin:18px 0}.blog-lists .lists .lists-item .lists-item-center .label i{font-size:20px;color:#8b8282}.blog-lists .lists .lists-item .lists-item-center .label .label-item{line-height:22px;color:#fff;background:#fa93a3;border-radius:3px;padding:0 6px;margin-left:20px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.blog-lists .lists .lists-item .lists-item-right{flex:1;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:20px}.blog-lists .lists .lists-item .lists-item-right .time{display:flex;justify-content:center;align-items:center;font-size:16px;color:#666}.blog-lists .lists .lists-item .lists-item-right .time i{font-size:20px}.blog-lists .lists .lists-item .lists-item-right .complete{font-size:16px;color:#fff;line-height:26px;text-align:center;background:#409eff;border-radius:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.blog-lists .lists .lists-item .lists-item-right .complete:active{background:#6af}@-webkit-keyframes iconRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes iconRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.player{min-height:100px;width:100%;box-shadow:0 2px 2px 0 rgba(0,0,0,.07),0 1px 5px 0 rgba(0,0,0,.1);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.player .player-body{display:flex;height:100px;width:100%;background-color:#fff;border-bottom:1px solid #e9e9e9}.player .player-body .player-left{position:relative;width:100px;height:100px;cursor:pointer}.player .player-body .player-left:hover .player-left-icon i,.player .player-body .player-left:hover .player-left-modal{opacity:1}.player .player-body .player-left .player-left-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);content:"";width:100%;height:100%;background:rgba(0,0,0,.1);transition:all .3s ease;opacity:0;z-index:1}.player .player-body .player-left img{width:100%;height:100%}.player .player-body .player-left .player-left-icon{position:absolute;right:50%;bottom:50%;transform:translate(50%,50%);transition:all .1s ease;z-index:2}.player .player-body .player-left .player-left-icon i{font-size:42px;color:#fff;opacity:.8;transition:all .1s ease}.player .player-body .player-left .player-left-icon-is_play{position:absolute;right:0;bottom:0;transform:translate(-10%,-10%);transition:all .1s ease}.player .player-body .player-left .player-left-icon-is_play i{font-size:22px}.player .player-body .player-right{position:relative;flex:1;padding:10px 8px 0}.player .player-body .player-right .title{font-size:14px;color:#333}.player .player-body .player-right .title span{font-size:12px;color:#666}.player .player-body .player-right .lrc{position:relative;height:30px;text-align:center;overflow:hidden;margin:10px 0}.player .player-body .player-right .lrc:after{position:absolute;bottom:0;content:" ";display:block;width:100%;height:33%;background:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.8));overflow:hidden;z-index:1}.player .player-body .player-right .lrc .lrc-contents{width:100%;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;cursor:default;transition:all .5s ease-out}.player .player-body .player-right .lrc .lrc-contents p{font-size:12px;color:#666;height:auto!important;min-height:16px;padding:0!important;margin:0!important;transition:all .5s ease-out;opacity:.4}.player .player-body .player-right .lrc .lrc-contents .lrc-current{opacity:1}.player .player-body .player-right .controller{display:flex;align-items:center;height:18px}.player .player-body .player-right .controller .progress{flex:1;display:flex;justify-content:center;align-items:center;height:100%;cursor:pointer}.player .player-body .player-right .controller .progress:hover .progress-item>.progress-item-dot>span{width:10px;height:10px}.player .player-body .player-right .controller .progress .progress-item{position:relative;width:100%;height:2px;background:#cdcdcd}.player .player-body .player-right .controller .progress .progress-item:after{position:absolute;top:0;left:0;content:"";width:var(--progressBuffered);height:100%;background:linear-gradient(90deg,#73d6b4,#0fd6e6);z-index:1}.player .player-body .player-right .controller .progress .progress-item .progress-item-dot{position:absolute;top:50%;left:calc(var(--progressBuffered) - 5px);transform:translateY(-50%);width:10px;height:10px;pointer-events:none}.player .player-body .player-right .controller .progress .progress-item .progress-item-dot span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;border-radius:50%;background-color:rgb(calc(115 - var(--dotBuffered)),214,calc(180 + var(--dotBuffered)/2));transition:all .3s ease-in-out}.player .player-body .player-right .controller .progress .progress-item-transition:after,.player .player-body .player-right .controller .progress .progress-item .progress-item-dot-transition{transition:all .1s linear}.player .player-body .player-right .controller .time{display:flex;align-items:center;height:100%;padding-left:8px}.player .player-body .player-right .controller .time span{font-size:11px;color:#999}.player .player-body .player-right .controller .time .play-lists,.player .player-body .player-right .controller .time .play-type,.player .player-body .player-right .controller .time .reset,.player .player-body .player-right .controller .time .volume{width:15px;height:15px;line-height:15px;text-align:center;margin:0 2px}.player .player-body .player-right .controller .time .play-lists i,.player .player-body .player-right .controller .time .play-type i,.player .player-body .player-right .controller .time .reset i,.player .player-body .player-right .controller .time .volume i{font-size:15px;color:#666}.player .player-body .player-right .controller .time .play-lists i:hover,.player .player-body .player-right .controller .time .play-type i:hover,.player .player-body .player-right .controller .time .reset i:hover,.player .player-body .player-right .controller .time .volume i:hover{color:#000}.player .player-body .player-right .controller .time .volume{position:relative;margin-left:8px}.player .player-body .player-right .controller .time .volume:hover .volume-wrap{height:45px}.player .player-body .player-right .controller .time .volume .volume-wrap{position:absolute;bottom:15px;right:-3px;width:25px;height:0;z-index:99;overflow:hidden;transition:all .2s ease-in-out}.player .player-body .player-right .controller .time .volume .volume-wrap .volume-wrap-bar{position:absolute;bottom:0;right:10px;width:5px;height:40px;background:#cdcdcd;border-radius:2.5px;overflow:hidden}.player .player-body .player-right .controller .time .volume .volume-wrap .volume-wrap-bar .volume-wrap-bar-inner{position:absolute;bottom:0;right:0;width:5px;background:#7fdab4;pointer-events:none;transition:all .1s ease}.player .player-body .player-right .controller .time .volume .volume-wrap-height{height:45px}.player .player-body .player-right .right-top-icon{position:absolute;top:10px;right:8px;width:22px;height:22px;line-height:22px;text-align:center}.player .player-body .player-right .right-top-icon i{font-size:22px;color:rgb(calc(115 - var(--dotBuffered)),214,calc(180 + var(--dotBuffered)/2))}.player .player-body .player-right .right-top-icon-rotate{-webkit-animation:iconRotate 2s linear infinite;animation:iconRotate 2s linear infinite}.player .player-list{width:100%;max-height:0;overflow-y:auto;transition:all .5s ease}.player .player-list ol{list-style:none;padding:0;margin:0;width:100%;background-color:#fff}.player .player-list ol li{position:relative;width:100%;line-height:32px;font-size:12px;border-top:1px solid #e9e9e9;padding:0 15px;cursor:pointer;transition:all .2s ease}.player .player-list ol li:hover{background-color:#efefef}.player .player-list ol li:first-child{border-top:none}.player .player-list ol li .list-cur{position:absolute;left:0;top:5px;display:block;width:3px;height:22px;background-color:transparent}.player .player-list ol li .list-index{color:#666;margin-right:12px}.player .player-list ol li .list-title{color:#333}.player .player-list ol li .list-author{float:right;color:#666}.player .player-list ol .li-focus{background-color:#e9e9e9}.player .player-list ol .li-focus .list-cur{background-color:#7fdab4}.player .player-list-show{max-height:220px}.blog-panel{position:relative;width:100%;height:100%;padding:20px;background-color:#fff;border-radius:6px}.blog-panel:hover .background-shadow{width:calc(100% + 2px);transform:translate(-50%,6px);background:rgba(85,85,85,.2)}.blog-panel .background-shadow{position:absolute;top:0;left:50%;transform:translate(-50%,3px);content:"";width:100%;height:100%;border-radius:8px;background:rgba(51,51,51,.1);filter:blur(3px);transition:all .2s linear;z-index:-1}.popover-recommend-link{min-width:0!important}.home-content-aside-recommend{display:flex;flex-direction:column;align-items:center;width:100%;min-height:300px}.home-content-aside-recommend .recommend-header{position:relative;width:100%;height:80px;display:flex;justify-content:center;margin-bottom:20px}.home-content-aside-recommend .recommend-header:after{position:absolute;top:-20px;left:-20px;content:"";width:calc(100% + 40px);height:calc(100% + 40px);background:url(../img/home-content-aside-recommend-background.a19f96fd.png) no-repeat;background-size:100%;border-radius:6px 6px 0 0}.home-content-aside-recommend .recommend-header .img{position:relative;width:80px;height:80px;background:#668592;border-radius:50%;border:1px solid #fff;z-index:2}.home-content-aside-recommend .recommend-text p{text-indent:2em}.home-content-aside-recommend .recommend-link{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.home-content-aside-recommend .recommend-link a{display:block;text-decoration:none}.home-content-aside-recommend .recommend-link .link-bilibili,.home-content-aside-recommend .recommend-link .link-email,.home-content-aside-recommend .recommend-link .link-gitee,.home-content-aside-recommend .recommend-link .link-github,.home-content-aside-recommend .recommend-link .link-juejin,.home-content-aside-recommend .recommend-link .link-qq{width:45px;height:45px;line-height:45px;text-align:center;margin:0 8px}.home-content-aside-recommend .recommend-link .link-bilibili a,.home-content-aside-recommend .recommend-link .link-email a,.home-content-aside-recommend .recommend-link .link-gitee a,.home-content-aside-recommend .recommend-link .link-github a,.home-content-aside-recommend .recommend-link .link-juejin a,.home-content-aside-recommend .recommend-link .link-qq a{height:100%}.home-content-aside-recommend .recommend-link .link-email a i{font-size:40px;color:#3b98ba}.home-content-aside-recommend .recommend-link .link-github a i{font-size:34px;color:#000}.home-content-aside-recommend .recommend-link .link-gitee a i{font-size:34px;color:#c71d23}.home-content-aside-recommend .recommend-link .link-bilibili a i{font-size:45px;color:#fb7299}.home-content-aside-recommend .recommend-link .link-qq a i{font-size:40px;color:#00abff}.home-content{display:flex;flex-direction:column;align-items:center}.home-content .home-music{width:40%;margin:20px 0}.home-content .home-content-center{width:82%;display:flex;justify-content:space-between}.home-content .home-content-center .aside{width:30%;margin-right:20px}.home-content .home-content-center .aside .aside-recommend{min-height:300px;margin-bottom:20px}.home-content .home-content-center .learning-records{flex:1}.home-footer{width:100vw;height:60px;background:#0a0a2e}.home-footer .home-footer-content{display:flex;justify-content:center;align-items:center;width:100%;height:100%;font-size:20px;color:#fff;box-shadow:0 0 0 2px rgba(10,10,46,.5)}.home{position:relative;width:100%;min-height:100vh;padding-bottom:100px}.home .home-footer{position:absolute;bottom:0;left:0;margin-top:40px}