.BlogHome-module__fcH8qG__page{--blog-ink:var(--mofei-text-primary,#f0f3f7);--blog-muted:var(--mofei-text-body,#aab3c1);--blog-line:var(--mofei-border-subtle,#28313d);--blog-accent:#ff6b63}[data-mofei-theme=light] .BlogHome-module__fcH8qG__page{--blog-accent:#b83d36}.BlogHome-module__fcH8qG__content{--mofei-media-placeholder-overlay:none;width:100%}.BlogHome-module__fcH8qG__category{scroll-margin-top:100px}.BlogHome-module__fcH8qG__categoryHeader{border-bottom:1px solid var(--blog-line);justify-content:space-between;align-items:center;gap:24px;padding-bottom:24px;display:flex}.BlogHome-module__fcH8qG__categoryTitle{width:fit-content;color:var(--blog-ink);flex-wrap:wrap;align-items:center;gap:12px;display:flex}.BlogHome-module__fcH8qG__categoryTitle>svg{color:var(--blog-accent)}.BlogHome-module__fcH8qG__categoryTitle h2{margin:0;font-size:25px;font-weight:500;line-height:1.4}.BlogHome-module__fcH8qG__count{color:var(--blog-muted);font-size:12px;font-weight:400}.BlogHome-module__fcH8qG__subtitle{color:var(--blog-muted);margin:10px 0 0;font-size:14px;line-height:1.8}.BlogHome-module__fcH8qG__archiveLink{color:var(--blog-muted);flex-shrink:0;align-items:center;gap:4px;font-size:13px;display:inline-flex}.BlogHome-module__fcH8qG__categoryGrid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:32px;padding-top:24px;display:grid}.BlogHome-module__fcH8qG__featured{align-self:start;min-width:0;display:block}.BlogHome-module__fcH8qG__featuredCover{aspect-ratio:16/10;background:var(--blog-line);border-radius:12px;width:100%;overflow:hidden}.BlogHome-module__fcH8qG__featuredMeta{color:var(--blog-muted);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:20px;font-size:12px;display:flex}.BlogHome-module__fcH8qG__featuredMeta>span:first-child{color:var(--blog-accent)}.BlogHome-module__fcH8qG__featured h3{color:var(--blog-ink);text-wrap:pretty;margin:12px 0 0;font-size:24px;font-weight:500;line-height:1.5}.BlogHome-module__fcH8qG__intro{color:var(--blog-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:14px;font-size:15px;line-height:1.9;display:-webkit-box;overflow:hidden}.BlogHome-module__fcH8qG__postList{min-width:0}.BlogHome-module__fcH8qG__postRow{border-bottom:1px solid var(--blog-line);align-items:center;gap:16px;padding:18px 0;display:flex}.BlogHome-module__fcH8qG__postRow:first-child{padding-top:0}.BlogHome-module__fcH8qG__postRow:last-child{border-bottom:0}.BlogHome-module__fcH8qG__rowText{min-width:0}.BlogHome-module__fcH8qG__date{color:var(--blog-muted);margin:0 0 7px;font-size:12px;line-height:1.5}.BlogHome-module__fcH8qG__postRow h3{color:var(--blog-ink);text-wrap:pretty;margin:0;font-size:17px;font-weight:500;line-height:1.65}.BlogHome-module__fcH8qG__rowCover{aspect-ratio:4/3;background:var(--blog-line);border-radius:8px;flex:0 0 112px;order:-1;width:112px;overflow:hidden}.BlogHome-module__fcH8qG__page a:focus-visible{outline:2px solid var(--blog-accent);outline-offset:5px;border-radius:4px}.BlogHome-module__fcH8qG__featured:hover h3,.BlogHome-module__fcH8qG__postRow:hover h3,.BlogHome-module__fcH8qG__archiveLink:hover,.BlogHome-module__fcH8qG__categoryTitle:hover h2{color:var(--blog-accent)}.BlogHome-module__fcH8qG__empty{color:var(--blog-muted);padding-block:32px}@media (min-width:1280px){.BlogHome-module__fcH8qG__categoryGrid{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}.BlogHome-module__fcH8qG__postList{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;column-gap:28px;display:grid}.BlogHome-module__fcH8qG__postRow{min-width:0;min-height:142px}.BlogHome-module__fcH8qG__postRow:nth-child(-n+2){padding-top:0}.BlogHome-module__fcH8qG__postRow:nth-last-child(-n+2){border-bottom:0}.BlogHome-module__fcH8qG__postRow h3{font-size:16px;line-height:1.6}}@media (max-width:767px){.BlogHome-module__fcH8qG__categoryHeader{flex-direction:column;align-items:flex-start;gap:12px;padding-bottom:20px}.BlogHome-module__fcH8qG__categoryGrid{grid-template-columns:minmax(0,1fr);gap:28px;padding-top:24px}.BlogHome-module__fcH8qG__featured h3{font-size:22px}.BlogHome-module__fcH8qG__postRow{gap:16px;padding-block:18px}.BlogHome-module__fcH8qG__postRow h3{font-size:16px}.BlogHome-module__fcH8qG__rowCover{flex-basis:88px;width:88px}}
