.swiper .swiper-slide{position:relative}.swiper .swiper-slide img{position:absolute;border-radius:8px;width:360px;-o-object-fit:cover;object-fit:cover;cursor:pointer}.swiper .swiper-slide .slide-content{position:absolute;left:400px;top:0;right:0;cursor:pointer}.swiper .swiper-slide .slide-content h3{font-size:34px;margin:4px 0;color:var(--color-blog-text);line-height:1.3}.swiper .swiper-slide .slide-content p{font-size:18px;color:var(--color-18);margin:8px 0;line-height:1.5}.swiper .swiper-slide .slide-content p.slide-date{font-size:14px}@media(max-width:768px){.swiper .swiper-slide{display:flex;flex-direction:column}.swiper .swiper-slide img{position:static;width:100%;margin-bottom:12px}.swiper .swiper-slide .slide-content{position:static;left:auto;right:auto;top:auto}.swiper .swiper-slide .slide-content h3{font-size:18px;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.swiper .swiper-slide .slide-content p{font-size:14px;margin:4px 0;line-height:1.4}.swiper .swiper-slide .slide-content p:first-of-type{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}.swiper .swiper-pagination-bullet-custom{width:34px;height:4px;border-radius:0;background:var(--color-blog-text);opacity:.3}.swiper .swiper-pagination-bullet-custom.swiper-pagination-bullet-active{background:var(--color-blog-text);opacity:1}.slide-description,.slide-title{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-page{min-height:100vh;color:var(--color-blog-text)}.blog-header{padding:60px 0 30px;text-align:left}@media(max-width:768px){.blog-header{padding:50px 0 10px}}.blog-title{font-size:28px;font-weight:700;margin-bottom:1rem}.blog-subtitle{font-size:1.1rem;opacity:.8;max-width:600px;margin:0 auto}.category-filter{padding:10px 0;position:-webkit-sticky;position:sticky;top:60px;z-index:100;background:var(--bg-1)}.category-filter:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#e5e5e5,transparent);background:linear-gradient(90deg,transparent,var(--border-color,#e5e5e5),transparent);opacity:0}.filter-buttons{display:flex;justify-content:left;grid-gap:15px;gap:15px;flex-wrap:wrap}.filter-btn{padding:8px 16px;background:transparent;color:var(--color-18);border:none;border-radius:4px;cursor:pointer;font-weight:500;font-size:.9rem}.filter-btn.active,.filter-btn:hover{background:var(--bg-26);color:var(--color-6)}.pagination-dots{display:flex;grid-gap:8px;gap:8px}.dot{width:8px;height:8px;border-radius:50%;background:#ddd;cursor:pointer;transition:all .3s ease}.dot.active{background:#4a90e2;transform:scale(1.2)}.blog-content{padding:20px 0 40px}.articles-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:32px;gap:32px;margin-bottom:40px;margin-left:-20px;margin-right:-20px}.article-card{padding:16px;border-radius:8px;overflow:hidden;cursor:pointer;position:relative}.article-card:hover{background:var(--bg-10)}.article-image{overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;border-radius:8px}.article-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.article-content{padding:0;position:relative}.article-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;margin-top:15px}.category-tag{display:inline-block;background:var(--bg-10);padding:2px 8px;margin:0 8px;font-size:12px;border-radius:4px;font-weight:500}.category-tag,.date{color:var(--color-6)}.date{font-size:.9rem}.article-title{font-size:1.1rem;font-weight:600;margin-bottom:10px;color:var(--color-blog-text);line-height:1.4;-webkit-line-clamp:2;line-clamp:2}.article-description,.article-title{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.article-description{color:var(--color-6);line-height:1.6;margin-bottom:15px;-webkit-line-clamp:3;line-clamp:3;font-size:.9rem}.article-tags{display:flex;grid-gap:8px;gap:8px;flex-wrap:wrap}.tag{background:var(--bg-10);color:var(--color-6);padding:4px 8px;border-radius:12px;font-size:.8rem}.empty-state{text-align:center;padding:80px 20px}.empty-icon{font-size:4rem;margin-bottom:20px}.empty-state h3{font-size:1.5rem;margin-bottom:10px}.empty-state p{opacity:.8}.container{max-width:1200px;margin:0 auto;padding:0}@media(max-width:1024px){.articles-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.container{padding:0 20px}.blog-title{font-size:20px}.blog-content{padding:0 0 40px}.articles-grid{grid-template-columns:1fr;grid-gap:20px;gap:20px}.filter-buttons{grid-gap:10px;gap:10px}.filter-btn{padding:6px 12px;font-size:.8rem}}