.ArticleItemLarge{min-height:140px;display:block;width:500px;max-width:100%;margin:0 auto}.article_index_section_l{display:flex;height:100%;flex-direction:column;overflow:hidden}.article_index_text_l{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;margin-top:auto;padding:0 20px 20px}.article_index_text_l_category{margin-bottom:10px;--category-tag-color:#818181}.article_index_text_l_category[category=life]{--category-tag-color:#1ba000}.article_index_text_l_category[category=study]{--category-tag-color:#b19000}.article_index_text_l_category[category=about]{--category-tag-color:#0035c5}.article_index_text_l_category>span{background-color:var(--category-tag-color);color:#fff;border-radius:calc(var(--border-radius)/2);padding:5px 10px;font-size:14px;display:inline-block;z-index:1;position:relative}.article_index_text_l h2{font-size:24px;line-height:1.5}.article_index_text_l h3{color:var(--text-sub-color);font-size:16px;margin-bottom:5px}.article_index_text_l p{color:var(--text-sub-color);font-size:16px;line-height:1.6;margin-top:10px;word-break:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-wrap:break-word;display:-webkit-box;overflow:hidden}.article_index_section_info_l{margin:10px -2px 0;display:flex;flex-wrap:wrap}.article_index_section_info_l div{display:flex;align-items:center}.article_index_section_info_l img,.article_index_section_info_l svg{margin:3px 5px 3px 2px;width:16px;height:16px;fill:var(--text-sub-color-opaque)}.article_index_section_info_l span{font-size:12px;color:var(--text-sub-color);padding:3px 10px 3px 0}.article_index_img_l{aspect-ratio:16/9;width:100%;border-radius:var(--border-radius) var(--border-radius) 0 0;position:relative;display:block;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;flex-shrink:0;height:auto;-webkit-mask-image:linear-gradient(180deg,#fff,#fff,transparent);mask-image:linear-gradient(180deg,#fff,#fff,transparent)}@media(max-width:450px){.article_index_text_l h2{font-size:20px}.article_index_text_l p{font-size:15px}}.article_items_container{display:grid}.article_items_container.large{gap:30px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}@media(max-width:400px){.article_items_container.large{display:flex;flex-direction:column}}.article_items_container.middle{gap:20px;grid-template-columns:repeat(auto-fill,minmax(min(500px,100%),1fr))}