.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--text-muted);margin-bottom:24px;letter-spacing:-.01em}.breadcrumb a{color:var(--text-muted);transition:color .15s ease}.article-body a,.breadcrumb a:hover{color:var(--accent)}.breadcrumb span[aria-hidden]{color:var(--text-dim)}.nav-menu .nav-active{color:var(--text)!important;font-weight:700}.blog-hero{padding:64px 0 40px;border-bottom:1px solid var(--border)}.blog-hero-title{font-size:clamp(38px,5vw,68px);font-weight:600;line-height:1.05;letter-spacing:-.035em;margin:16px 0;max-width:900px}.blog-hero-desc{font-size:clamp(16px,1.6vw,19px);color:var(--text-muted);max-width:720px;line-height:1.6;margin-bottom:32px}.blog-filters{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.blog-filters .filter-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;border:1px solid var(--border);background:0 0;font-size:13px;font-weight:600;color:var(--text-muted);letter-spacing:-.01em;transition:all .18s ease;text-decoration:none;cursor:pointer}.blog-filters .filter-btn:hover{border-color:var(--border-strong);color:var(--text)}.blog-filters .filter-btn.active{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.filter-count{font-size:11px;opacity:.7;font-variant-numeric:tabular-nums}.blog-featured-section{padding:48px 0 32px}.blog-featured{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center;padding:24px;border:1px solid var(--border);border-radius:24px;background:var(--bg-elev);transition:border-color .2s ease,transform .3s ease;text-decoration:none;color:inherit}.blog-card:hover,.blog-featured:hover{border-color:var(--border-strong);transform:translateY(-2px)}.blog-featured-media{position:relative;aspect-ratio:16/10;border-radius:16px;overflow:hidden;background:var(--bg)}.blog-card-media img,.blog-featured-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.blog-featured:hover .blog-featured-media img{transform:scale(1.03)}.blog-featured-badge{position:absolute;top:16px;left:16px;padding:6px 12px;background:var(--accent);color:var(--on-accent);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-radius:999px}.blog-featured-body{padding:8px 8px 8px 0}.article-body h2,.blog-cta h2,.blog-featured-title{font-size:clamp(26px,3vw,38px);font-weight:600;letter-spacing:-.025em}.blog-featured-title{line-height:1.15;margin:14px 0}.blog-featured-excerpt{font-size:16px;color:var(--text-muted);line-height:1.6;margin-bottom:20px}.blog-meta,.blog-read-more{align-items:center;letter-spacing:-.01em}.blog-read-more{display:inline-flex;gap:8px;font-weight:600;font-size:14px;color:var(--accent)}.blog-read-more svg{transition:transform .2s ease}.blog-featured:hover .blog-read-more svg{transform:translateX(4px)}.blog-meta{display:flex;gap:10px;flex-wrap:wrap;font-size:12.5px;color:var(--text-muted);font-variant-numeric:tabular-nums}.blog-cat{padding:4px 10px;border-radius:6px;background:rgba(0,0,0,.06);color:var(--text);font-weight:600;font-size:11.5px;text-transform:uppercase;letter-spacing:.06em}.blog-dot{color:var(--text-dim)}.blog-grid-section{padding:32px 0 80px}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px}.blog-card{border:1px solid var(--border);border-radius:20px;overflow:hidden;background:var(--bg);transition:border-color .2s ease,transform .3s ease}.blog-card:hover{transform:translateY(-3px)}.blog-card-link{display:block;color:inherit;text-decoration:none}.blog-card-media{aspect-ratio:16/10;overflow:hidden;background:var(--bg-elev)}.blog-card-media img{transition:transform .5s ease}.blog-card:hover .blog-card-media img{transform:scale(1.04)}.blog-card-body{padding:24px}.article-body h3,.blog-card-title{font-size:20px;font-weight:600;letter-spacing:-.02em}.blog-card-title{line-height:1.25;margin:14px 0 10px}.blog-card-excerpt{font-size:14.5px;color:var(--text-muted);line-height:1.6;margin-bottom:18px;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-cover figcaption,.blog-card-foot{font-size:12.5px;color:var(--text-muted);border-top:1px solid var(--border)}.blog-card-foot{display:flex;align-items:center;justify-content:space-between;padding-top:16px;font-weight:600}.blog-card-arrow{font-size:18px;color:var(--accent);transition:transform .25s ease}.blog-card:hover .blog-card-arrow{transform:translateX(5px)}.blog-empty-section{padding:80px 0}.blog-cta p,.blog-empty{font-size:16px;color:var(--text-muted)}.blog-empty{text-align:center}.blog-cta-section{padding:48px 0 96px}.article-body code,.blog-cta{border:1px solid var(--border)}.blog-cta{border-radius:24px;padding:56px 40px;text-align:center;background:var(--bg-elev)}.article-body h2,.blog-cta h2{margin-bottom:14px}.blog-cta p{max-width:560px;margin:0 auto 28px;line-height:1.6}.reading-progress{position:fixed;top:var(--nav-h);left:0;right:0;height:3px;background:0 0;z-index:99;pointer-events:none}.reading-progress span{display:block;height:100%;width:0%;background:linear-gradient(90deg,var(--accent),var(--accent-bright));transition:width .06s linear}.container-article{max-width:1100px}.article{padding:48px 0 24px}.article-head{max-width:760px;margin:0 auto 40px;padding-top:8px}.article-title{font-size:clamp(32px,4.4vw,56px);font-weight:600;line-height:1.08;letter-spacing:-.035em;margin:18px 0 20px}.article-body blockquote,.article-lead{color:var(--text-muted);line-height:1.55}.article-lead{font-size:clamp(16px,1.7vw,20px);margin-bottom:28px}.article-author{display:flex;align-items:center;gap:14px;padding:16px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.article-author-avatar{width:44px;height:44px;border-radius:50%;background:var(--accent);color:var(--on-accent);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;letter-spacing:.02em;flex-shrink:0}.article-author-info{display:flex;flex-direction:column;gap:2px}.article-author-name{font-weight:600;font-size:15px;color:var(--text)}.article-author-role{font-size:13px;color:var(--text-muted)}.article-cover{max-width:100%;margin:0 auto 48px;border-radius:20px;overflow:hidden;background:var(--bg-elev)}.article-cover img{width:100%;height:auto;display:block}.article-cover figcaption{padding:12px 16px;background:var(--bg);letter-spacing:-.01em}.article-layout{display:grid;grid-template-columns:60px minmax(0,1fr);gap:40px;max-width:820px;margin:0 auto}.article-share{position:sticky;top:calc(var(--nav-h) + 24px);align-self:start;display:flex;flex-direction:column;align-items:center;gap:10px}.article-share-label{writing-mode:vertical-rl;transform:rotate(180deg);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);margin-bottom:8px}.article-share-list{display:flex;flex-direction:column;gap:8px;list-style:none;padding:0}.share-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--border);background:var(--bg);color:var(--text-muted);transition:all .18s ease;position:relative;cursor:pointer}.share-btn:hover{color:var(--accent);border-color:var(--accent);transform:translateY(-2px)}.blog-read-more svg,.share-btn svg,.share-btn-large svg{width:16px;height:16px}.share-copy-flash{position:absolute;left:50px;background:var(--accent);color:var(--on-accent);padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap;opacity:0;transform:translateX(-8px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.share-copy-flash.is-visible{opacity:1;transform:translateX(0)}.article-body{font-size:17px;line-height:1.78;color:var(--text);word-wrap:break-word;overflow-wrap:break-word;min-width:0}.article-body>*{max-width:100%}.article-body>*+*{margin-top:1.2em}.article-body .lead{font-size:19px;color:var(--text);line-height:1.6;font-weight:500;padding-bottom:8px;border-bottom:1px solid var(--border);margin-bottom:1.6em}.article-body h2{font-size:clamp(24px,2.4vw,30px);line-height:1.2;margin-top:2.2em!important;margin-bottom:.6em;scroll-margin-top:100px}.article-body h3{line-height:1.3;margin-top:1.8em!important;margin-bottom:.4em}.article-body h4{font-size:17px;font-weight:600;margin-top:1.5em!important}.article-body p{color:var(--text)}.article-body a{text-decoration:underline;text-decoration-color:rgba(0,0,0,.3);text-underline-offset:3px;text-decoration-thickness:1px;transition:text-decoration-color .15s ease}.article-body a:hover{text-decoration-color:var(--accent)}.article-body ol,.article-body ul{padding-left:26px}.article-body ul li{list-style:disc;margin-bottom:8px}.article-body ol li{list-style:decimal;margin-bottom:8px}.article-body strong,.breadcrumb span[aria-current]{font-weight:600;color:var(--text)}.article-body em{font-style:italic}.article-body code{font-family:var(--font-mono);font-size:.9em;background:rgba(0,0,0,.05);padding:2px 6px;border-radius:4px;color:var(--text)}.article-body pre{background:#0c0c0c;color:#f5f5f5;padding:22px 24px;border-radius:14px;overflow-x:auto;font-size:13.5px;line-height:1.65;margin:1.5em 0!important;border:1px solid #222;max-width:100%;box-sizing:border-box}.article-body pre code{background:0 0;padding:0;border:0;color:inherit;font-size:inherit}.article-body blockquote{border-left:3px solid var(--accent);padding:8px 0 8px 22px;margin:1.6em 0!important;font-style:italic;font-size:18px}.article-body img{border-radius:12px;margin:1.5em 0!important;width:100%;height:auto}.article-body hr,.article-tags{border-top:1px solid var(--border)}.article-body hr{border:0;margin:2.4em 0!important}.article-tags{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding-top:32px;margin-top:48px!important}.article-tags-label{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);margin-right:8px}.article-tags .tag{display:inline-flex;padding:6px 12px;border-radius:999px;border:1px solid var(--border);font-size:12.5px;font-weight:500;color:var(--text-muted);text-decoration:none;transition:all .15s ease}.article-tags .tag:hover{border-color:var(--accent);color:var(--accent)}.article-share-bottom{max-width:820px;margin:64px auto 0;padding:32px;border:1px solid var(--border);border-radius:20px;background:var(--bg-elev);text-align:center}.article-share-bottom h3,.author-bio-body h3{font-size:20px;font-weight:600;margin-bottom:20px;letter-spacing:-.02em}.share-list-bottom{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.share-btn-large{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:10px;border:1px solid var(--border);background:var(--bg);font-size:13.5px;font-weight:600;color:var(--text);text-decoration:none;cursor:pointer;transition:all .18s ease;font-family:inherit;letter-spacing:-.01em}.share-btn-large:hover{transform:translateY(-2px);border-color:var(--border-strong)}.share-x:hover{background:#000;color:#fff;border-color:#000}.share-li:hover{background:#0a66c2;color:#fff;border-color:#0a66c2}.share-fb:hover{background:#1877f2;color:#fff;border-color:#1877f2}.share-wa:hover{background:#25d366;color:#fff;border-color:#25d366}.share-copy:hover{border-color:var(--accent)}.article-author-bio{max-width:820px;margin:48px auto 0;padding:32px;border:1px solid var(--border);border-radius:20px;display:flex;gap:24px;align-items:flex-start}.author-bio-avatar,.share-copy:hover{background:var(--accent);color:var(--on-accent)}.author-bio-avatar{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;letter-spacing:.02em;flex-shrink:0}.author-bio-body h3{margin-bottom:8px}.author-bio-body p{color:var(--text-muted);font-size:14.5px;line-height:1.65;margin-bottom:20px}.author-bio-links{display:flex;flex-wrap:wrap;gap:10px}.author-bio-links .btn{padding:9px 18px;font-size:13px}.related-section{padding:64px 0 32px;border-top:1px solid var(--border)}.related-section .blog-grid{margin-top:32px}@media (max-width:960px){.blog-featured{grid-template-columns:1fr;gap:24px;padding:20px}.blog-featured-body{padding:0 8px 8px}.article-layout{grid-template-columns:minmax(0,1fr);gap:24px}.article-share{position:static;flex-direction:row;align-items:center;justify-content:flex-start;width:100%;flex-wrap:wrap}.article-share-label{writing-mode:horizontal-tb;transform:none;margin:0 8px 0 0}.article-share-list{flex-direction:row;flex-wrap:wrap}.article-author-bio{flex-direction:column;gap:16px}}@media (max-width:640px){.blog-hero{padding:40px 0 24px}.blog-hero-title{font-size:32px}.blog-filters .filter-btn{padding:8px 14px;font-size:12.5px}.blog-grid{grid-template-columns:1fr;gap:20px}.blog-cta{padding:40px 24px}.article{padding:32px 0}.article-cover{border-radius:14px}.article-body{font-size:16px;line-height:1.7}.article-body pre{padding:16px;font-size:12.5px;border-radius:10px}.article-body h2{font-size:22px}.article-body h3{font-size:18px}.article-share-bottom{padding:24px 20px}.share-btn-large{padding:8px 14px;font-size:12.5px}.article-author-bio{padding:24px 20px}}