body{background-color:#f5faff}.main{padding-bottom:30px}.main .layout-center{padding:20px;background-color:#fff}.main .breadcrumb{padding:8px 20px;font-size:20px;font-weight:700;background-color:#f5faff;border-radius:6px}.main .breadcrumb a,.main .breadcrumb span{color:var(--color-gray)}.main .breadcrumb a:hover{color:var(--color-blue)}.main .primary-title{margin-top:30px;line-height:1;font-size:40px;font-weight:700}.main .article-list{margin-top:30px}.main .article-list .article-item{padding:20px;border-bottom:1px solid var(--color-border);border-radius:10px 10px 0 0;transition:background-color .3s}.main .article-list .article-item:hover{background-color:#f5f6f7}.main .article-list .article-item:hover .box .title,.main .article-list .article-item:hover .box .description{color:var(--color-blue)}.main .article-list .article-item:not(:first-child){margin-top:30px}.main .article-list .article-item a{display:grid;grid-template-columns:140px 1fr;gap:10px}.main .article-list .article-item .date-box{display:flex;align-items:center;justify-content:center;flex-direction:column;height:100px;color:#fff;line-height:1;background-color:var(--color-blue);border-radius:10px}.main .article-list .article-item .date-box span{font-size:18px}.main .article-list .article-item .date-box p{margin-top:10px;font-size:40px;font-weight:700}.main .article-list .article-item .cover-box{width:100px;height:140px}.main .article-list .article-item .cover-box img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:10px}.main .article-list .article-item .box{overflow:hidden}.main .article-list .article-item .box .title{padding-bottom:10px;font-size:30px;font-weight:700;line-height:1.5;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid var(--color-border);transition:color .3s}.main .article-list .article-item .box .description{margin-top:10px;color:var(--color-gray);font-size:26px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;transition:color .3s}.main .article-list .article-item .box .more{margin-top:10px;color:var(--color-blue);font-size:20px;line-height:1;text-align:right}.main #pagination-container{margin-top:30px}@media screen and (max-width: 768px){.main .article-list .article-item a{grid-template-columns:repeat(1, 1fr)}.main .article-list .article-item .date-box{height:50px;flex-direction:row}.main .article-list .article-item .date-box span::after{content:"-"}.main .article-list .article-item .date-box span,.main .article-list .article-item .date-box p{margin-top:0;font-size:28px;font-weight:700}.main .article-list .article-item .box .title{border:none}}