.main>.cover{margin:auto;display:block;max-width:1920px;width:100%}.main .article-title-container{margin-top:-120px;display:grid;grid-template-columns:repeat(3, 1fr);gap:20px}.main .article-title-container a{padding:30px 20px;display:flex;align-items:center;flex-direction:column;gap:10px;color:#272b32;border-radius:10px;background-color:#fff;box-shadow:0px 4px 10px #e4eafe;border:3px solid rgba(0,0,0,0)}.main .article-title-container a.checked,.main .article-title-container a:hover{font-weight:700;color:#1e5eb0;border:3px solid #73b9ff}.main .article-container{min-height:calc(100vh - 970px)}.main .article-container>div{margin-top:30px;padding-bottom:30px;display:grid;align-items:center;grid-template-columns:repeat(4, 1fr);gap:20px}.main .article-container>div a{padding:15px 20px;display:flex;align-items:center;gap:10px;height:80px;color:var(--color-blue);border:1px solid var(--color-blue);border-radius:8px;background-color:#fff;transition:all .3s}.main .article-container>div a i{display:block;min-width:4px;width:4px;height:42px;background-color:var(--color-blue);transition:all .3s}.main .article-container>div a p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:18px}.main .article-container>div a:hover{color:#fff;background-color:var(--color-blue)}.main .article-container>div a:hover i{background-color:#fff}@media screen and (max-width: 1200px){.main .article-container>div{grid-template-columns:repeat(3, 1fr)}}