.blog-header{background:linear-gradient(135deg, #4361ee 0%, #3a0ca3 50%, #7209b7 100%);color:#fff;padding:100px 0 60px;position:relative;overflow:hidden;text-align:center}.blog-header::after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:60px;background:linear-gradient(160deg, #f0f4ff 0%, #e8eeff 40%, #f5f0ff 100%);clip-path:ellipse(55% 100% at 50% 100%)}.blog-header h1{font-size:clamp(2rem,4vw,2.8rem);font-weight:800;margin-bottom:16px}.blog-header p{font-size:1.1rem;opacity:.9;max-width:600px;margin:0 auto}.blog-list{max-width:800px;margin:0 auto;padding:60px 20px}.blog-card{background:#fff;border-radius:20px;padding:36px;margin-bottom:28px;box-shadow:0 4px 24px rgba(67,97,238,.06);border:1px solid rgba(67,97,238,.06);transition:all .25s}.blog-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(67,97,238,.1)}.blog-card h2{font-size:1.4rem;font-weight:700;margin-bottom:12px;line-height:1.4}.blog-card h2 a{color:var(--dark);text-decoration:none}.blog-card h2 a:hover{color:#4361ee}.blog-card p{color:#475569;line-height:1.7;margin-bottom:20px;font-size:.95rem}.blog-card .read-more{color:#4361ee;font-weight:600;text-decoration:none;font-size:.95rem}.blog-card .read-more:hover{text-decoration:underline}.blog-meta{display:flex;gap:16px;font-size:.85rem;color:#64748b;margin-bottom:12px;flex-wrap:wrap}.blog-cat{color:#4361ee;font-weight:600}@media(max-width: 768px){.blog-card{padding:24px}}.article-header{background:linear-gradient(135deg, #1e293b 0%, #334155 100%);color:#fff;padding:100px 0 60px;position:relative;overflow:hidden}.article-header::after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:60px;background:linear-gradient(160deg, #f0f4ff 0%, #e8eeff 40%, #f5f0ff 100%);clip-path:ellipse(55% 100% at 50% 100%)}.article-header .cat{color:#93c5fd;font-size:.9rem;font-weight:600;margin-bottom:12px;display:block}.article-header h1{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;margin-bottom:16px;line-height:1.3}.article-header .meta{color:#94a3b8;font-size:.9rem}.article-body{max-width:760px;margin:0 auto;padding:60px 20px}.article-body h2{font-size:1.5rem;font-weight:700;margin:40px 0 16px;color:var(--dark)}.article-body h3{font-size:1.2rem;font-weight:600;margin:32px 0 12px;color:var(--dark)}.article-body p{color:#475569;line-height:1.9;margin-bottom:20px;font-size:1.05rem}.article-body ul{color:#475569;line-height:1.9;margin-bottom:24px;padding-left:24px}.article-body li{margin-bottom:8px}.article-body .tip-box{background:#f0f4ff;border-left:4px solid #4361ee;padding:24px;border-radius:12px;margin:32px 0}.article-body .tip-box p{margin-bottom:0;color:#1e293b}.article-body .tip-box strong{color:#4361ee}.back-link{display:inline-block;margin-top:48px;color:#4361ee;font-weight:600;text-decoration:none}.back-link:hover{text-decoration:underline}.author-box{display:flex;gap:20px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:24px;margin:48px 0 32px;align-items:flex-start}.author-avatar{flex-shrink:0;width:56px;height:56px;background:#e0e7ff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#4361ee}.author-info strong{display:block;font-size:1.05rem;color:#1e293b;margin-bottom:2px}.author-info p{margin:0;font-size:.9rem;color:#475569;line-height:1.6}.author-title{display:block;font-size:.85rem;color:#64748b;margin-bottom:8px}@media(max-width: 600px){.author-box{flex-direction:column;align-items:center;text-align:center}}@media(max-width: 768px){.article-body{padding:40px 20px}}