.blog-scroll{height:calc(100vh - var(--header-height));background:var(--bg-primary);overflow-y:auto}.header{position:sticky;top:0}.blog-container{width:100%;max-width:1200px;margin:0 auto;padding:32px 24px}.breadcrumbs{color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:24px;font-size:14px;display:flex}.breadcrumbs a:hover{color:var(--accent-color)}.breadcrumbs .separator{opacity:.5}.blog-header{text-align:left;margin-bottom:40px}.blog-title{color:var(--text-primary);margin-bottom:12px;font-size:36px;font-weight:800}.blog-subtitle{color:var(--text-secondary);max-width:600px;font-size:18px;line-height:1.5}.blog-tags{flex-wrap:wrap;gap:12px;margin-bottom:40px;display:flex}.category-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:#fff;border-radius:100px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.category-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.category-btn.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.articles-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.article-card.featured{flex-direction:row;grid-column:span 2;display:flex}.article-card.featured .card-img-wrapper{width:50%;height:auto}.article-card.featured .card-content{justify-content:center;width:50%}.article-card.featured .card-title{font-size:28px}.article-card{background:#fff;border:1px solid #0000000d;border-radius:20px;flex-direction:column;height:100%;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden}.article-card:hover{box-shadow:var(--shadow-lg);border-color:#0000;transform:translateY(-4px)}.card-img-wrapper{background:#e5e7eb;width:100%;height:220px;position:relative;overflow:hidden}.card-img-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.article-card:hover .card-img-wrapper img{transform:scale(1.05)}.card-category{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--text-primary);z-index:2;background:#fffffff2;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;position:absolute;top:16px;left:16px}.card-content{flex-direction:column;flex:1;padding:20px;display:flex}.card-meta{color:var(--text-secondary);align-items:center;gap:12px;margin-bottom:12px;font-size:13px;display:flex}.meta-item{align-items:center;gap:4px;display:flex}.card-title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:12px;font-size:20px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.card-excerpt{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin-bottom:20px;font-size:15px;line-height:1.5;display:-webkit-box;overflow:hidden}.card-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;display:flex}.author{align-items:center;gap:8px;display:flex}.author-img{object-fit:cover;background:#ccc;border-radius:50%;width:24px;height:24px}.author-name{color:var(--text-primary);font-size:13px;font-weight:500}.read-more{color:var(--accent-color);align-items:center;gap:4px;font-size:14px;font-weight:600;display:flex}.newsletter{color:#fff;text-align:center;background:linear-gradient(135deg,#69afdf 0%,#4a90e2 100%);border-radius:24px;flex-direction:column;align-items:center;margin-top:60px;padding:40px;display:flex}.newsletter h2{margin-bottom:12px;font-size:28px}.newsletter p{opacity:.9;max-width:500px;margin-bottom:24px}.newsletter-form{gap:8px;width:100%;max-width:400px;display:flex}.newsletter-input{border:none;border-radius:12px;outline:none;flex:1;padding:12px 20px;font-size:16px}.newsletter-btn{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:12px;padding:0 24px;font-weight:600;transition:transform .2s}.newsletter-btn:hover{transform:scale(1.05)}.footer{border-top:1px solid var(--border-color);background:#fff;margin-top:40px;padding:40px 0}.footer-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;max-width:1200px;margin:0 auto;padding:0 24px;display:flex}.footer-logo{filter:grayscale();opacity:.7;height:30px}.copyright{color:var(--text-secondary);font-size:14px}.footer-links{gap:20px;display:flex}.footer-links a{color:var(--text-secondary);font-size:14px}@media (max-width:1024px){.articles-grid{grid-template-columns:repeat(2,1fr)}.article-card.featured{grid-column:span 2}}@media (max-width:768px){.blog-title{font-size:28px}.articles-grid{grid-template-columns:1fr}.article-card.featured{flex-direction:column;grid-column:span 1}.article-card.featured .card-img-wrapper,.article-card.featured .card-content{width:100%}.article-card.featured .card-title{font-size:20px}.newsletter{padding:24px}.newsletter-form{flex-direction:column}.newsletter-btn{padding:12px}}