:root{--primary-color:#4a90e2;--primary-light:rgba(74,144,226,0.1);--text-primary:#333;--text-secondary:#666;--bg-light:#f8f9fa;--card-bg:#ffffff;--card-border:#e0e0e0;--card-shadow:0 2px 10px rgba(0,0,0,0.05);--card-radius:12px;--tag-bg:#e9ecef}.dark-mode{--text-primary:#e0e0e0;--text-secondary:#aaa;--bg-light:#222;--card-bg:#2d2d2d;--card-border:#444;--tag-bg:#444}.blog-container{padding:40px 0}.blog-header{margin-bottom:40px;position:relative;padding:60px 0;background-color:var(--bg-light);border-radius:var(--card-radius);overflow:hidden}.blog-header-content{position:relative;z-index:2}.blog-background{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0.1;z-index:1;background-image:url("data:image/svg+xml,%3Csvgwidth='100'height='100'viewBox='00100100'xmlns='http://www.w3.org/2000/svg'%3E%3Cpathd='M1118c3.86607-3.1347-7s-3.134-7-7-7-73.134-773.134777zm4825c3.86607-3.1347-7s-3.134-7-7-7-73.134-773.134777zm-43-7c1.65703-1.3433-3s-1.343-3-3-3-31.343-331.343333zm6331c1.65703-1.3433-3s-1.343-3-3-3-31.343-331.343333zM3490c1.65703-1.3433-3s-1.343-3-3-3-31.343-331.343333zm56-76c1.65703-1.3433-3s-1.343-3-3-3-31.343-331.343333zM1286c2.2104-1.794-4s-1.79-4-4-4-41.79-441.79444zm28-65c2.2104-1.794-4s-1.79-4-4-4-41.79-441.79444zm23-11c2.7605-2.245-5s-2.24-5-5-5-52.24-552.24555zm-660c2.2104-1.794-4s-1.79-4-4-4-41.79-441.79444zm2922c2.7605-2.245-5s-2.24-5-5-5-52.24-552.24555zM3263c2.7605-2.245-5s-2.24-5-5-5-52.24-552.24555zm57-13c2.7605-2.245-5s-2.24-5-5-5-52.24-552.24555zm-9-21c1.10502-.8952-2s-.895-2-2-2-2.895-22.895222zM6091c1.10502-.8952-2s-.895-2-2-2-2.895-22.895222zM3541c1.10502-.8952-2s-.895-2-2-2-2.895-22.895222zM1260c1.10502-.8952-2s-.895-2-2-2-2.895-22.895222z'fill='%234a90e2'fill-opacity='0.25'fill-rule='evenodd'/%3E%3C/svg%3E")}.blog-title{font-size:2.5rem;font-weight:700;margin-bottom:15px;color:var(--text-primary)}.blog-description{font-size:1.2rem;color:var(--text-secondary);margin-bottom:25px}.category-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.category-filter{padding:8px 15px;background-color:var(--tag-bg);border-radius:20px;font-size:0.9rem;color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all 0.2s;border:none}.category-filter:hover,.category-filter.active{background-color:var(--primary-color);color:white}.blog-posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;margin-bottom:40px}.blog-card{background-color:var(--card-bg);border-radius:var(--card-radius);overflow:hidden;box-shadow:var(--card-shadow);border:1px solid var(--card-border);transition:transform 0.3s ease,box-shadow 0.3s ease;height:100%;display:flex;flex-direction:column}.blog-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(0,0,0,0.1)}.blog-card-img{height:200px;overflow:hidden}.blog-card-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}.blog-card:hover .blog-card-img img{transform:scale(1.05)}.blog-card-content{padding:25px;flex-grow:1;display:flex;flex-direction:column}.blog-card-category{display:inline-block;padding:5px 10px;background-color:var(--primary-light);color:var(--primary-color);border-radius:4px;font-size:0.8rem;font-weight:500;margin-bottom:15px}.blog-card-title{font-size:1.3rem;font-weight:600;margin-bottom:15px;color:var(--text-primary)}.blog-card-title a{color:inherit;text-decoration:none;transition:color 0.2s}.blog-card-title a:hover{color:var(--primary-color)}.blog-card-description{color:var(--text-secondary);margin-bottom:20px;flex-grow:1;font-size:0.95rem;line-height:1.5}.blog-card-meta{display:flex;align-items:center;gap:15px;font-size:0.85rem;color:var(--text-secondary);margin-top:auto}.blog-card-author{display:flex;align-items:center;gap:8px}.blog-card-author img{width:30px;height:30px;border-radius:50%;object-fit:cover}.blog-card-author-name{font-weight:500}.blog-card-author-name a{color:var(--primary-color);text-decoration:none}.blog-card-author-name a:hover{text-decoration:underline}.blog-card-date{display:flex;align-items:center;gap:5px}.blog-sidebar{position:sticky;top:20px}.sidebar-card{background-color:var(--card-bg);border-radius:var(--card-radius);padding:25px;margin-bottom:30px;box-shadow:var(--card-shadow);border:1px solid var(--card-border)}.sidebar-title{font-size:1.2rem;font-weight:600;margin-bottom:20px;color:var(--text-primary);position:relative;padding-bottom:10px}.sidebar-title::after{content:'';position:absolute;bottom:0;left:0;width:50px;height:3px;background-color:var(--primary-color)}.tag-cloud{display:flex;flex-wrap:wrap;gap:10px}.tag{padding:5px 10px;background-color:var(--tag-bg);color:var(--text-secondary);border-radius:4px;font-size:0.85rem;transition:all 0.2s}.tag:hover{background-color:var(--primary-color);color:white;text-decoration:none}.popular-post{display:flex;gap:15px;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid var(--card-border)}.popular-post:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.popular-post-img{width:70px;height:70px;border-radius:8px;overflow:hidden;flex-shrink:0}.popular-post-img img{width:100%;height:100%;object-fit:cover}.popular-post-content{flex-grow:1}.popular-post-title{font-size:1rem;font-weight:500;margin-bottom:5px;line-height:1.4}.popular-post-title a{color:var(--text-primary);text-decoration:none}.popular-post-title a:hover{color:var(--primary-color)}.popular-post-date{font-size:0.8rem;color:var(--text-secondary)}.pagination{display:flex;padding-left:0;list-style:none;border-radius:0.25rem}.page-link{position:relative;display:block;padding:0.5rem 0.75rem;margin-left:-1px;line-height:1.25;color:var(--primary-color);background-color:var(--card-bg);border:1px solid var(--card-border)}.page-link:hover{z-index:2;color:var(--primary-color);text-decoration:none;background-color:var(--bg-light);border-color:var(--card-border)}.page-item.active .page-link{z-index:3;color:#fff;background-color:var(--primary-color);border-color:var(--primary-color)}.page-item.disabled .page-link{color:var(--text-secondary);pointer-events:none;cursor:auto;background-color:var(--card-bg);border-color:var(--card-border)}@media (max-width:991.98px){.blog-posts{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.blog-sidebar{position:static;margin-top:40px}}@media (max-width:767.98px){.blog-posts{grid-template-columns:1fr}.blog-header{padding:40px 0}.blog-title{font-size:2rem}}