.blog-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.blog-header__inner{display:flex;align-items:center;justify-content:space-between;min-height:var(--header-height);gap:var(--space-6)}.blog-brand{display:flex;align-items:center;gap:var(--space-3);font-weight:var(--font-bold)}.blog-brand__icon{display:grid;place-items:center;width:2.25rem;height:2.25rem;color:#fff;background:var(--color-primary);border-radius:var(--radius-md)}.blog-nav{display:flex;align-items:center;gap:var(--space-6);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary)}.blog-nav a:hover{color:var(--color-primary)}.blog-hero{padding-block:clamp(var(--space-16),8vw,var(--space-24));text-align:center;background:radial-gradient(ellipse 70% 80% at 50% 0,rgba(37,99,235,.1),transparent)}.blog-hero h1{font-size:var(--text-5xl);letter-spacing:-.03em}.blog-hero p{max-width:42rem;margin:var(--space-5) auto 0;font-size:var(--text-lg);color:var(--color-text-secondary)}.blog-list{min-height:45vh;background:var(--color-bg-secondary)}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6)}.blog-card{display:flex;flex-direction:column;overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.blog-card__image{display:block;overflow:hidden;background:var(--color-bg-tertiary)}.blog-card__image img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform var(--duration-slow) var(--ease-out)}.blog-card:hover .blog-card__image img{transform:scale(1.03)}.blog-card__body{display:flex;flex:1;flex-direction:column;padding:var(--space-6)}.blog-card__category{display:inline-flex;align-self:flex-start;padding:.3rem .7rem;color:var(--color-primary);background:var(--color-primary-light);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold)}.blog-card h2{margin:var(--space-4) 0 var(--space-3);font-size:var(--text-xl)}.blog-card p{flex:1;color:var(--color-text-secondary);font-size:var(--text-sm)}.blog-card__footer{display:flex;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-border);font-size:var(--text-xs);color:var(--color-text-tertiary)}.blog-card__footer a{color:var(--color-primary);font-weight:var(--font-semibold)}.blog-empty{grid-column:1/-1;padding:var(--space-20);text-align:center;background:#fff;border:1px dashed var(--color-border-strong);border-radius:var(--radius-xl)}.blog-empty p{margin-top:var(--space-2);color:var(--color-text-secondary)}.article{padding-block:var(--space-12) var(--space-20)}.breadcrumbs{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-10);font-size:var(--text-sm);color:var(--color-text-tertiary)}.breadcrumbs a:hover{color:var(--color-primary)}.article__header{text-align:center}.article__header .blog-card__category{display:inline-flex}.article__header h1{margin:var(--space-5) auto var(--space-4);font-size:clamp(2rem,6vw,3.5rem);letter-spacing:-.03em}.article__meta{display:flex;justify-content:center;gap:var(--space-4);color:var(--color-text-tertiary);font-size:var(--text-sm)}.article__cover{width:100%;aspect-ratio:16/9;margin:var(--space-10) 0;object-fit:cover;border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg)}.article__content{font-size:var(--text-lg);line-height:1.8;color:var(--color-text-secondary)}.article__content h2,.article__content h3{color:var(--color-text);scroll-margin-top:6rem}.article__content h2{margin:2.3em 0 .7em;font-size:var(--text-3xl)}.article__content h3{margin:1.8em 0 .6em;font-size:var(--text-2xl)}.article__content p{margin:0 0 1.25em}.article__content ul{display:grid;gap:var(--space-3);margin:0 0 1.5em;padding-left:1.4em;list-style:disc}.article__content code{padding:.15em .35em;color:var(--color-text);background:var(--color-bg-tertiary);border-radius:var(--radius-sm)}.article-cta{margin-top:var(--space-16);padding:var(--space-8);text-align:center;background:var(--color-primary-light);border:1px solid rgba(37,99,235,.15);border-radius:var(--radius-2xl)}.article-cta p{margin:var(--space-3) 0 var(--space-6);color:var(--color-text-secondary)}.blog-footer{padding-block:var(--space-10);color:rgba(248,250,252,.7);background:var(--color-gray-900)}.blog-footer__inner{display:flex;justify-content:space-between;gap:var(--space-4);font-size:var(--text-sm)}.blog-footer a:hover{color:#fff}@media(max-width:900px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.blog-nav>a:not(.btn){display:none}.blog-grid{grid-template-columns:1fr}.blog-card__body{padding:var(--space-5)}.blog-empty{padding:var(--space-12) var(--space-5)}.article{padding-top:var(--space-8)}.article__content{font-size:var(--text-base)}.article-cta{padding:var(--space-6)}.blog-footer__inner{flex-direction:column;text-align:center}}
.article__figure{margin:0 0 32px}.article__figure .article__cover{margin-bottom:0}.article__figure figcaption{padding:10px 4px 0;color:var(--color-text-muted,#64748b);font-size:.875rem;text-align:center}.article-faq{margin-top:48px}.article-faq h2{margin-bottom:18px}.article-faq details{padding:18px 0;border-top:1px solid var(--color-border,#e2e8f0)}.article-faq details:last-child{border-bottom:1px solid var(--color-border,#e2e8f0)}.article-faq summary{font-weight:700;cursor:pointer}.article-faq details p{margin:12px 0 0;color:var(--color-text-muted,#475569)}.article__content a{color:var(--color-primary,#2563eb);text-decoration:underline;text-underline-offset:3px}