.md-blog-article.empty-blog{padding:130px 0 50px;flex-direction:column;align-items:center;display:flex}.md-blog-article.empty-blog .empty-blog{width:340px;height:156px}.md-blog-article.empty-blog .empty-text{padding-top:40px;font-family:var(--font-bold);font-size:24px;line-height:26px;letter-spacing:1.3px;color:#4a4a60}@media (max-width: 600px){.md-blog-article.empty-blog{padding:60px 0 40px}}

.blog-list.layout1 .empty-search-result{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0}.blog-list.layout1 .empty-search-result .empty-icon{font-size:64px;color:color-mix(in srgb, var(--g-primary-color, #191919) 10%, transparent)}.blog-list.layout1 .empty-search-result .empty-text{margin-top:20px;font-size:18px;font-weight:400;line-height:normal;font-family:var(--font-normal);color:var(--g-tip-color, #A8A8A8)}.blog-list.layout1 .blog-grid{display:grid;grid-template-columns:repeat(3, 1fr);column-gap:16px;row-gap:40px;list-style:none;padding:0;margin:0}.blog-list.layout1 .blog-card .card-link{display:block;text-decoration:none;color:inherit}.blog-list.layout1 .blog-card .image-wrapper{position:relative;width:100%;aspect-ratio:218 / 115;overflow:hidden;margin-bottom:20px}.blog-list.layout1 .blog-card .image-wrapper .blog-img{width:100%;height:100%}.blog-list.layout1 .blog-card .image-wrapper .blog-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.blog-list.layout1 .blog-card .card-content .blog-title{font-size:18px;font-family:var(--mg-title-font);font-weight:500;line-height:1;color:var(--g-primary-color, #191919);margin-bottom:15px;display:-webkit-box;white-space:normal;overflow:hidden;text-overflow:ellipsis;/*! autoprefixer: ignore next */-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break:break-word}.blog-list.layout1 .blog-card .card-content .blog-description{font-family:var(--font-normal);font-weight:400;font-size:14px;line-height:1.5;color:var(--g-primary-color, #191919);margin:0;display:-webkit-box;white-space:normal;overflow:hidden;text-overflow:ellipsis;/*! autoprefixer: ignore next */-webkit-box-orient:vertical;-webkit-line-clamp:3;word-break:break-word}.blog-list.layout1 .blog-card:hover .image-wrapper .blog-img img{transform:scale(1.1)}.blog-list.layout1 .blog-card:hover .blog-title{text-decoration:underline}@media (max-width: 1080px){.blog-list.layout1 .blog-grid{grid-template-columns:repeat(2, 1fr);gap:25px}}@media (max-width: 800px){.blog-list.layout1 .empty-search-result{padding:40px 0}.blog-list.layout1 .empty-search-result .empty-text{margin-top:10px;font-size:14px}.blog-list.layout1 .blog-grid{grid-template-columns:1fr;gap:30px}.blog-list.layout1 .blog-card .image-wrapper{aspect-ratio:16 / 10;margin-bottom:12px;border-radius:4px}.blog-list.layout1 .blog-card .card-content .blog-title{font-family:var(--mg-title-font);font-size:18px;font-weight:400;line-height:1.3;margin-bottom:8px;display:-webkit-box;white-space:normal;overflow:hidden;text-overflow:ellipsis;/*! autoprefixer: ignore next */-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break:break-word}.blog-list.layout1 .blog-card .card-content .blog-description{font-size:14px;line-height:1.5;color:var(--g-tip-color, #A8A8A8);display:-webkit-box;white-space:normal;overflow:hidden;text-overflow:ellipsis;/*! autoprefixer: ignore next */-webkit-box-orient:vertical;-webkit-line-clamp:3;word-break:break-word}}

.md-blog-list.layout1{overflow:hidden}.md-blog-list.layout1 .blog-container{display:flex;flex-direction:column}.md-blog-list.layout1 .blog-container.no-pagination{padding-bottom:80px}.md-blog-list.layout1 .filter-bar{position:relative;display:flex;align-items:center;gap:10px;margin-bottom:50px}.md-blog-list.layout1 .filter-bar .category-tabs{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.md-blog-list.layout1 .filter-bar .category-tabs .category-tab{display:inline-flex;align-items:center;padding:10px 20px;border-radius:30px;border:none;background-color:color-mix(in srgb, var(--g-primary-color, #191919) 10%, transparent);color:var(--g-primary-color, #191919);font-family:var(--font-normal);font-size:14px;line-height:21px;color:var(--g-primary-color, #191919);text-decoration:none;transition:all 0.2s ease;white-space:nowrap;position:relative}.md-blog-list.layout1 .filter-bar .category-tabs .category-tab.active{background-color:var(--g-primary-color, #191919);color:var(--g-bg-color, #fff)}.md-blog-list.layout1 .filter-bar .category-tabs .category-tab .count{margin-left:4px}.md-blog-list.layout1 .filter-bar .category-tabs .category-tab:hover::after{content:'';background:rgba(25,25,25,0.1);position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;border-radius:30px}.md-blog-list.layout1 .filter-bar .search-input-wrapper{position:relative;display:flex;align-items:center;flex-direction:row;width:41px;height:41px;border-radius:100px;background-color:color-mix(in srgb, var(--g-primary-color, #191919) 10%, transparent);overflow:hidden;flex-shrink:0;transition:width 0.4s cubic-bezier(0.4, 0, 0.2, 1)}.md-blog-list.layout1 .filter-bar .search-input-wrapper .search-input{width:0;height:100%;padding:0;border:none;border-right:none;outline:none;font-size:14px;font-family:var(--font-normal);background-color:transparent;color:var(--g-primary-color, #191919);box-shadow:none;transition:width 0.4s cubic-bezier(0.4, 0, 0.2, 1),padding 0.4s cubic-bezier(0.4, 0, 0.2, 1),opacity 0.3s ease;opacity:0}.md-blog-list.layout1 .filter-bar .search-input-wrapper .search-input::placeholder{color:var(--g-tip-color, #a8a8a8)}.md-blog-list.layout1 .filter-bar .search-input-wrapper .search-btn{display:flex;align-items:center;justify-content:center;width:41px;height:41px;border:none;border-left:none;background-color:transparent;cursor:pointer;flex-shrink:0;box-shadow:none}.md-blog-list.layout1 .filter-bar .search-input-wrapper .search-btn::before,.md-blog-list.layout1 .filter-bar .search-input-wrapper .search-btn::after{display:none}.md-blog-list.layout1 .filter-bar .search-input-wrapper .search-btn .icon-search{font-size:16px;color:var(--g-primary-color, #191919)}.md-blog-list.layout1 .filter-bar .search-input-wrapper.is-open{width:300px}.md-blog-list.layout1 .filter-bar .search-input-wrapper.is-open .search-input{width:calc(100% - 41px);padding:0 20px;opacity:1}.md-blog-list.layout1 .blog-grid{width:100%}.md-blog-list.layout1 .pagination{margin-top:40px}@media (max-width: 800px){.md-blog-list.layout1 .filter-bar{margin-bottom:20px;padding-right:40px}.md-blog-list.layout1 .filter-bar:has(.search-input-wrapper.is-open) .category-tabs{visibility:hidden}.md-blog-list.layout1 .filter-bar .category-tabs{display:flex;flex-wrap:nowrap;gap:10px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;transition:visibility 0.3s ease}.md-blog-list.layout1 .filter-bar .category-tabs::-webkit-scrollbar{display:none}.md-blog-list.layout1 .filter-bar .category-tabs .category-tab{padding:5px 10px;font-size:12px;line-height:16px;font-family:var(--font-normal);flex-shrink:0;border:none;border-radius:100px;background-color:color-mix(in srgb, var(--g-primary-color, #191919) 10%, transparent);color:var(--g-primary-color, #191919)}.md-blog-list.layout1 .filter-bar .category-tabs .category-tab.active{background-color:var(--g-primary-color, #191919);color:var(--g-bg-color, #fff)}.md-blog-list.layout1 .filter-bar .category-tabs .category-tab .count{margin-left:2px}.md-blog-list.layout1 .filter-bar .search-input-wrapper{position:absolute;right:0;top:50%;transform:translateY(-50%);height:26px;width:26px;border-radius:100px;background-color:color-mix(in srgb, var(--g-primary-color, #191919) 10%, transparent);z-index:2;flex-direction:row;transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1)}.md-blog-list.layout1 .filter-bar .search-input-wrapper .search-input{width:0;padding:0;font-size:12px;order:1}.md-blog-list.layout1 .filter-bar .search-input-wrapper .search-btn{width:28px;height:28px;order:2}.md-blog-list.layout1 .filter-bar .search-input-wrapper .search-btn .icon-search{font-size:14px}.md-blog-list.layout1 .filter-bar .search-input-wrapper.is-open{left:0;right:0;width:auto;height:26px;background-color:color-mix(in srgb, var(--g-primary-color, #191919) 10%, var(--g-bg-color, #fff))}.md-blog-list.layout1 .filter-bar .search-input-wrapper.is-open .search-input{flex:1;width:auto;padding:0 15px;opacity:1}.md-blog-list.layout1 .filter-bar .search-input-wrapper.is-open .search-btn{width:26px;height:26px}.md-blog-list.layout1 .filter-bar .search-input-wrapper.is-open .search-btn .icon-search{font-size:12px}.md-blog-list.layout1 .filter-bar::after{content:'';position:absolute;right:35px;top:0;bottom:0;width:25px;background:linear-gradient(to right, transparent, var(--g-bg-color, #fff) 100%);pointer-events:none;z-index:1}.md-blog-list.layout1 .pagination{margin-top:30px}}