.top{background:var(--gray-100);overflow:hidden;padding:26px;position:relative}.top:after{background:var(--primary);background:linear-gradient(240deg,#008862,#00a175 80%);content:"";display:block;height:100%;position:absolute;transform:translateX(-400px) skewX(-8deg);width:100%;z-index:-2}[data-theme=dark] .top:after{background:linear-gradient(240deg,rgba(0,161,117,.2),rgba(0,161,117,.05) 40%)}.top:before{opacity:0;z-index:-1}.top .top-header,.top .top-popular-meta{align-items:center;display:flex;justify-content:space-between;margin-bottom:0}.top .top-popular-meta{padding-right:34px}.top .top-popular-meta li+li{margin-left:12px}.top .top-popular-meta a{transform:skewX(-8deg)}.top .top-popular-meta a span{transform:skewX(8deg)}.top .top-main{grid-template-columns:repeat(3,1fr)}[data-theme=light] .top .top-main .top-header{color:#fff}[data-theme=light] .top .top-main i{color:var(--text)}.top .top-aside{display:flex;flex-direction:column}.top .top-aside .top-header{margin-bottom:20px}.top .top-aside .scrollable{flex:1}.top .top-aside ul{position:absolute}.top .top-aside li{border-bottom:1px solid var(--gray-300);margin-bottom:8px;padding-bottom:8px}.top .top-aside li:last-child{margin-bottom:0}.top .btn-light{background:var(--gray-100)}.top .btn-light i{margin-right:5px}.top .btn-light:hover{border-bottom:3px solid #007857}.top svg{height:35px;width:35px}.top .pulse-line{fill:none;stroke:var(--primary);stroke-width:8;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:150 100;stroke-dashoffset:0;animation:pulseMove 18s infinite}@keyframes pulseMove{0%{stroke-dashoffset:0}92%{stroke-dashoffset:0}to{stroke-dashoffset:-250}}