*{margin:0;padding:0}html,body{font-family:pingfang SC,helvetica neue,arial,hiragino sans gb,microsoft yahei ui,microsoft yahei,simsun,sans-serif;background-color:#F4F5F9;line-height:2}a{color:#00AAFF;text-decoration:underline;outline:none}a:hover{color:#0088CC;text-decoration:underline}ol,ul,li{list-style:none;display:block}.container{max-width:960px;width:100%;margin:0 auto}.header{padding:0 16px;margin-bottom:16px}.header .header-wrapper{height:80px;font-size:32px;background-color:#0088CC;border-bottom-right-radius:8px;border-bottom-left-radius:8px;margin:0 auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.header .header-wrapper a{color:#FFFFFF;padding:0 16px;text-decoration:none}.header .header-wrapper a:hover{text-decoration:none}.header .header-wrapper .slogan{font-size:16px;line-height:1;display:inline-block;align-items:center;margin-left:8px}.main{padding:0 16px}.welcome{padding:64px;background:#FFFFFF;border-radius:8px}.welcome h1{font-size:32px;color:#18191C}.welcome p{font-size:16px;color:#9499A0}.divider{border-bottom:1px solid #DDDDDD;margin:32px 0px}.categories{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:32px}.categories .category-item{background-color:white;padding:16px;border-radius:8px;border:1px solid #ddd}.categories .category-item .category-item-title{margin-bottom:8px}.categories .category-item .category-item-description{font-size:16px;color:#9499A0}.articles{margin-bottom:16px}.articles .article-item{margin-bottom:16px;border-bottom:1px solid #E0E0E0}.articles .article-item:last-child{border-bottom:none;margin-bottom:0;padding:0}.articles .article-item .article-item-title{font-size:18px;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.articles .article-item .article-item-description{margin-bottom:16px;color:#9499A0;font-size:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.article-detail{width:100%;font-size:18px;margin-bottom:24px;padding:0 0 16px 0;box-sizing:border-box}.article-detail:last-child{border-bottom:none;margin-bottom:0;padding:0}.article-detail-title h1{font-size:32px;color:#18191C}.article-detail-meta{border-bottom:1px solid #e3e3e3}.article-detail-meta span{display:inline-block;font-size:16px;line-height:1.5;color:#00AAFF;border:1px solid #00AAFF;border-radius:2px;padding:2px 4px;margin-right:8px;margin-bottom:8px}.article-detail-meta span a{color:#00AAFF;text-decoration:none}.article-detail-meta span a:hover{text-decoration:underline}.article-detail-content{margin:16px 0;color:#18191C}.article-detail-content p{color:#18191C;font-size:18px}.article-like{text-align:center;font-style:normal;margin-bottom:24px}.article-like span{border:1px solid;border-radius:4px;display:inline-block;padding:4px 24px;text-decoration:none;color:#00AAFF;cursor:pointer}.article-like span:hover{color:#FFFFFF;background-color:#0088CC}.article-extend{margin-bottom:16px}.article-extend-title h3{color:#333333;font-size:24px;margin-top:32px;margin-bottom:16px}.article-extend-content{margin-top:16px}.article-extend-content ul li{margin-left:0;padding:8px 0px 8px 16px}.article-extend-content ul li:before{content:"\002022";float:left;margin-left:-16px}.article-extend-content ul li a{text-decoration:underline}.footer{font-size:16px;color:#BDBDBD;text-align:center;padding:16px 0 16px;margin-top:16px;box-sizing:border-box}.footer a{font-size:16px;color:#BDBDBD;text-decoration:none}@media screen and (max-width:480px){.welcome{padding:16px}.article-detail-title h1{font-size:24px;line-height:1.5}}