.blog-hero{background:var(--bg-gray,#f8f8fc);padding:80px 0 48px;border-bottom:1px solid #ebebf5}.blog-hero .hat{display:inline-block;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#6439ff;margin-bottom:12px}.blog-hero h1{font-size:2.2rem;font-weight:800;line-height:1.25;color:#0f0f1a;margin-bottom:16px;max-width:780px}.blog-hero .subtitle{font-size:1.1rem;color:#555;max-width:680px;margin-bottom:24px}.blog-meta{font-size:13px;color:#888;display:flex;gap:20px;flex-wrap:wrap;align-items:center}.blog-meta strong{color:#444}.blog-article{padding:56px 0 80px}.article-cover{max-width:740px;margin:0 auto 40px}.article-cover img{width:100%;border-radius:14px;display:block;max-height:420px;-o-object-fit:cover;object-fit:cover}.blog-article .article-body{max-width:740px;margin:0 auto}.blog-article h2{font-size:1.5rem;font-weight:700;color:#0f0f1a;margin:40px 0 16px}.blog-article h3{font-size:1.2rem;font-weight:700;color:#1a1a2e;margin:32px 0 12px}.blog-article p{font-size:1.05rem;line-height:1.8;color:#333;margin-bottom:20px}.blog-article ol,.blog-article ul{padding-left:24px;margin-bottom:24px}.blog-article li{font-size:1.05rem;line-height:1.75;color:#333;margin-bottom:8px}.blog-article blockquote{border-left:4px solid #6439ff;background:#f5f2ff;margin:32px 0;padding:20px 24px;border-radius:0 8px 8px 0}.blog-article blockquote p{font-size:1.1rem;font-style:italic;color:#3a2060;margin:0}.blog-article .highlight-box{background:#fff8e1;border:1px solid #ffe082;border-radius:10px;padding:20px 24px;margin:28px 0}.blog-article .highlight-box p{margin:0;font-size:1rem;color:#5a4200}.blog-article .cta-box{background:#6439ff;border-radius:14px;padding:32px;text-align:center;margin:48px 0 32px}.blog-article .cta-box h3{color:#fff;margin:0 0 12px;font-size:1.3rem}.blog-article .cta-box p{color:rgba(255,255,255,.85);margin-bottom:20px}.blog-article .cta-box a{background:#fff;color:#6439ff;font-weight:700;padding:12px 28px;border-radius:8px;text-decoration:none;display:inline-block;transition:background .2s}.blog-article .cta-box a:hover{background:#f0e8ff}.blog-listing{padding:64px 0 80px}.blog-listing-header{margin-bottom:40px}.blog-listing-header h1{font-size:2rem;font-weight:800;margin-bottom:8px;color:#0f0f1a}.blog-listing-header .subtitle{color:#666;margin-bottom:28px;font-size:1.05rem}.blog-search-wrapper{position:relative;max-width:480px}.blog-search-wrapper input{width:100%;padding:12px 16px 12px 44px;border:1.5px solid #ddd;border-radius:10px;font-size:.95rem;color:#333;outline:none;transition:border-color .2s,box-shadow .2s;background:#fff}.blog-search-wrapper input:focus{border-color:#6439ff;box-shadow:0 0 0 3px rgba(100,57,255,.1)}.blog-search-wrapper .search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#aaa;font-size:16px;pointer-events:none}.blog-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media (max-width:991px){.blog-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:575px){.blog-cards-grid{grid-template-columns:1fr}}.blog-card{background:#fff;border:1px solid #ebebf5;border-radius:16px;overflow:hidden;transition:box-shadow .2s,transform .2s;display:flex;flex-direction:column}.blog-card,.blog-card:hover{text-decoration:none;color:inherit}.blog-card:hover{box-shadow:0 10px 36px rgba(100,57,255,.13);transform:translateY(-3px)}.blog-card-cover{width:100%;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;display:block;background:#f0ecff}.blog-card-body{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1}.blog-card .card-tag{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#6439ff;margin-bottom:8px}.blog-card h2{font-size:1.05rem;font-weight:700;color:#0f0f1a;margin-bottom:10px;line-height:1.4}.blog-card p{color:#666;font-size:.88rem;line-height:1.6;margin-bottom:16px;flex:1}.blog-card .card-meta{font-size:12px;color:#aaa;margin-top:auto}.blog-no-results{grid-column:1/-1;text-align:center;color:#999;padding:48px 0;font-size:1rem}.back-to-blog{display:flex;align-items:center;gap:6px;color:#6439ff;font-size:14px;font-weight:600;text-decoration:none;margin-bottom:32px}.back-to-blog:hover{text-decoration:underline}