.main{width:100%;max-width:900px;margin:0 auto;padding:20px}.blog-hero{text-align:center;padding:0}.blog-hero-title{font-size:3rem;font-weight:700;margin-bottom:20px;background:linear-gradient(135deg,#08c,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.blog-hero-subtitle{font-size:1.25rem;color:#b0b6c3;line-height:1.6}.blog-grid{display:flex;flex-direction:column;gap:30px;margin-top:40px}.blog-card{background:linear-gradient(180deg,rgba(255,255,255,0.03),rgba(255,255,255,0.01));backdrop-filter:blur(20px);border-radius:20px;padding:30px;border:1px solid rgba(255,255,255,0.06);transition:all .3s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden;cursor:pointer}.blog-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#26a5e4,#1e8bc3);transform:scaleX(0);transition:transform .3s ease}.blog-card:hover{border-color:rgba(38,165,228,0.5);box-shadow:0 12px 30px rgba(38,165,228,0.2)}.blog-card:hover::before{transform:scaleX(1)}.blog-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.blog-card-date{display:inline-flex;align-items:center;gap:6px;color:#b0b6c3;font-size:.9rem}.blog-card-date svg{color:#26a5e4}.blog-card-social{display:flex;align-items:center;gap:8px}.blog-card-social img{width:28px;height:28px;border-radius:6px;transition:transform .2s ease}.blog-card-social img:hover{transform:scale(1.1)}.blog-card-title{margin:0 0 16px 0;font-size:1.8rem;font-weight:600;line-height:1.3;color:#fff;transition:color .2s ease}.blog-card:hover .blog-card-title{color:#26a5e4}.blog-card-excerpt{color:#b0b6c3;line-height:1.6;font-size:1rem;margin-bottom:16px}.blog-empty{text-align:center;padding:80px 20px;background:linear-gradient(180deg,rgba(255,255,255,0.02),rgba(255,255,255,0.01));backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,0.06);margin-top:40px}.blog-empty-icon{font-size:4rem;margin-bottom:20px;opacity:.5}.blog-empty p{color:#b0b6c3;font-size:1.2rem}[data-theme="light"] .blog-hero-title{background:linear-gradient(135deg,var(--accent-color) 0,#0a58ca 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme="light"] .blog-hero-subtitle,[data-theme="light"] .blog-card-date,[data-theme="light"] .blog-card-excerpt,[data-theme="light"] .blog-empty p{color:var(--text-secondary)}[data-theme="light"] .blog-card,[data-theme="light"] .blog-empty{background:var(--bg-primary);border-color:var(--border-color)}[data-theme="light"] .blog-card:hover{background:var(--bg-secondary);border-color:var(--accent-color)}[data-theme="light"] .blog-card-title{color:var(--text-primary)}[data-theme="light"] .blog-card:hover .blog-card-title,[data-theme="light"] .blog-card-date svg{color:var(--accent-color)}@media(max-width:768px){.main{padding:15px}.blog-hero{padding:40px 15px 30px}.blog-hero-title{font-size:2rem}.blog-hero-subtitle{font-size:1.1rem}.blog-card{padding:25px}.blog-card-title{font-size:1.5rem}}@media(max-width:480px){.blog-hero{padding:30px 10px 20px}.blog-hero-title{font-size:1.6rem}.blog-hero-subtitle{font-size:1rem}.blog-card{padding:20px}.blog-card-title{font-size:1.3rem}}