.section:first-child{padding-bottom:30px}.list-box{background-color:var(--list-box-bg-color);display:flex;justify-content:center;padding:15px}.list-box .box-content{display:flex;flex-wrap:wrap;max-width:1400px}.list-box .item-content{flex:0 0 25%;max-width:25%;overflow:hidden;padding:10px}.list-box .item-content .item-content-wrapper{background-color:var(--item-content-bg-color);border-bottom:5px solid transparent;border-radius:6px;box-shadow:0 0 10px hsla(0,0%,55%,.15);display:flex;flex-direction:column;height:200px;padding:15px;text-decoration:none;transition:background-color .2s,color .2s,box-shadow .2s,border .2s}.list-box .item-content .item-content-wrapper svg{fill:var(--text-color);transition:.2s}.list-box .item-content .item-content-wrapper:hover svg{fill:var(--text-color)}.list-box .item-content .item-content-wrapper:hover{background-color:var(--item-content-bg-hover-color);border-bottom-color:var(--item-content-border-color);box-shadow:0 0 10px hsla(0,0%,55%,.4)}.list-box .item-content svg{border-radius:6px;height:36px;margin-right:10px;width:36px}.list-box .item-content .item-content-text{display:flex;flex-direction:column;overflow:hidden}.list-box .item-content .item-content-title{align-items:center;color:var(--text-color);display:flex;font-size:16px;font-weight:600;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;transition:color .2s;white-space:nowrap}.list-box .item-content .item-content-desc{color:var(--text-color-sub);display:block;flex:1;font-size:14px;height:auto;overflow:hidden;text-overflow:ellipsis;transition:color .2s}@media (max-width:1550px){.list-box .item-content{flex:0 0 25%;max-width:25%}}@media (max-width:1200px){.list-box .item-content{flex:0 0 33.333333%;max-width:33.333333%}}@media (max-width:1024px){.list-box .item-content{flex:0 0 50%;max-width:50%}}@media (max-width:850px){.card-box.article-list .article-img img{height:108px;width:150px}.card-box.article-list .item-content-text{height:108px}}@media (max-width:570px){.list-box .item-content{flex:0 0 100%;max-width:100%}}#typing-test{position:relative}.overlay{align-items:center;background-color:hsla(0,0%,85%,.6);font-size:1.2857rem;height:120px;justify-content:center;opacity:0;position:absolute;transition:all .8s;width:100%;z-index:1}.overlay,.overlay .acts{display:none}.typing-box{padding-top:10px}.typing-box .typing-options{align-items:center;display:flex;justify-content:center;padding-bottom:20px}.typing-options .item{align-items:center;display:flex;padding:0 2px}.typing-options .item .label{margin-right:5px}.typing-options .countdown{font-size:1.2857rem;font-weight:500}.typing-options .restart{padding:.23rem!important}.typing-options .restart.rotate svg{transform:rotate(180deg);transition:all 1s}.__typing_box{display:flex;flex-wrap:wrap;font-family:Roboto Mono,"sans-serif",Helvetica,Microsoft YaHei;font-size:22px;height:120px;margin:0 auto;max-width:960px;overflow:hidden;transition:opacity .5s;user-select:none;-webkit-user-select:none}.__words{color:rgba(0,0,0,.25);margin:.3rem .4rem}.__words .__correct{color:#000}.__words .__incorrect{color:red}.__words.__incorrect{text-decoration:underline red}.__words char.active{animation:glow .8s ease-out infinite alternate}.__typing_input{background-color:transparent;border:none;color:transparent;height:1px;margin:0;outline:none;padding:0;position:absolute;width:1px;z-index:-100}@keyframes glow{0%{box-shadow:0 2px 0 #fff}to{box-shadow:0 2px 0 #000}}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.rotate-loading{animation:rotation 1s linear infinite}.__toggle_checkbox{align-items:center;cursor:pointer;display:inline-block;display:inline-flex;height:12px;margin-right:4px;position:relative;-webkit-user-select:none;user-select:none;width:32px}.__toggle_checkbox .__toggle_checkbox_bar{background-color:#bdc1c6;border-radius:8px;display:block;height:inherit;position:absolute;transition:background-color 80ms linear;width:inherit;z-index:0}.__toggle_checkbox[checked] .__toggle_checkbox_bar{background-color:#94b9f5}.__toggle_checkbox .__toggle_checkbox_knob{background-color:#fff;border-radius:50%;box-shadow:0 1px 3px 0 rgba(0,0,0,.4);display:block;height:16px;position:relative;transition:transform 80ms linear,background-color 80ms linear;width:16px;z-index:1}.__toggle_checkbox[checked] .__toggle_checkbox_knob{background-color:#1a73e8;transform:translate3d(18px,0,0)}