body{background-color:#e6f7ff}.main>.cover{width:100%}.main .article-container{padding-bottom:30px;display:grid;align-items:center;grid-template-columns:repeat(6, 1fr);gap:20px}.main .article-container a{padding:20px 20px;background-color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;height:230px;border-radius:8px;transition:box-shadow .6s}.main .article-container a:hover{box-shadow:0 0 12px #62cbfc}.main .article-container a i{box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:24px;width:100px;height:100px;border-radius:50%;background-color:#eef7ff}.main .article-container a i img{max-height:100%;width:100%}.main .article-container a p{text-align:center}@media screen and (max-width: 1200px){.main .article-container{grid-template-columns:repeat(5, 1fr)}}@media screen and (max-width: 920px){.main .article-container{grid-template-columns:repeat(4, 1fr)}}@media screen and (max-width: 760px){.main .article-container{grid-template-columns:repeat(3, 1fr)}}@media screen and (max-width: 580px){.main .article-container{grid-template-columns:repeat(2, 1fr)}}