.article{padding:20px;background-color:#fff}.article .title{text-align:center}.article blockquote{font-size:14px;border-color:#f46a6a;color:#f46a6a;font-style:oblique}.article img{max-width:100%}.article pre{background-color:#fcf8e3}
.article-list li{margin:5px;clear:both;border-bottom:2px dashed #92a8d1}.article-list li:last-of-type,.article-list li:first-of-type{margin-bottom:0}.article-list li .title,.article-list li>div{margin:0;display:inline-block;line-height:40px;vertical-align:middle}.article-list li>div{float:right}.article-list li a{text-decoration:none}.article-list .article-list-categories{margin-bottom:20px}.article-list .article-list-categories>span{background-color:#f4d66a;font-size:20px;height:40px;display:inline-block;line-height:40px;padding:0 20px;color:white}.article-list .article-list-categories::after{content:'';display:inline-block;border:20px solid #f4d66a;border-right-color:transparent;border-top-color:transparent;border-bottom-color:transparent}.article-list .letter{padding:0 10px;color:white}.article-list .letter-E{background-color:#5d985b}.article-list .letter-R{background-color:#f4983d}.article-list .letter-C{background-color:#7d6acc}.article-list .icon{width:20px;height:20px}@media (min-width: 1300px){.article-list li{width:48%;display:inline-block;border-left:2px solid #92a8d1}}
.l-nav{width:300px;position:fixed;left:0;top:0;height:100%;padding-top:100px;background-color:#f4d66a}.r-box{min-height:100%;padding:50px;margin-left:300px;width:calc(100% - 300px);background-color:#f6f6f6;background:url("../img/mushrom.png") repeat-x;background-position:bottom}.icon{vertical-align:-0.15em;fill:currentColor;overflow:hidden}
.l-nav .nav-img{height:100px;width:100%;text-align:center}.l-nav .nav-img>img{width:100px;height:100px;border-radius:50%}.l-nav li{margin:20px;padding:10px;font-size:20px;text-align:center;color:#92a8d1;vertical-align:bottom;line-height:40px}.l-nav li a{text-decoration:none}.l-nav li.li-active{background-color:#fff;color:#f7cac9}.l-nav .icon{width:40px;height:40px}.l-nav .intro{text-align:center;margin-top:50%}.l-nav .intro a{padding:0 10px;text-decoration:none}
::-webkit-scrollbar{width:10px;height:10px;background-color:#fff}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{border-radius:5px;background-color:#ddd}html,body{height:100vh}html,body,ul{margin:0;padding:0}body{color:#5e5e5e;margin:0;padding:0}a{color:inherit;cursor:pointer}li{list-style:none}*{box-sizing:border-box;vertical-align:top}