.blog-root{--fg:#1a1a1a;--muted:#5c5c5c;--line:#dbe4f0;--accent:#1f6feb;--accent-strong:#1a5fd0;--bg-soft:#f5f7fa;--bg-hero:#e9f0fa;--cta:#e8590c;--cta-strong:#d9480f;--shadow:0 4px 14px #102c5414;color:var(--fg);background:#fff;flex-direction:column;flex:1;font-size:1.0625rem;line-height:1.9;display:flex}.blog-inner{width:100%;max-width:780px;margin:0 auto;padding:0 20px}.blog-head{background:#fff;border-bottom:1px solid #e7ecf3;padding:10px 0}.blog-head-row{align-items:center;gap:12px;display:flex}.blog-head-row a{align-items:center;gap:12px;text-decoration:none;display:flex}.blog-head-logo{width:auto;height:40px}.blog-brand{color:var(--accent);letter-spacing:.02em;font-size:1.15rem;font-weight:800;line-height:1.25}.blog-brand small{letter-spacing:.22em;color:var(--muted);font-size:.68rem;font-weight:700;display:block}.blog-foot{background:var(--bg-soft);border-top:1px solid var(--line);color:var(--muted);margin-top:auto;padding:28px 0 36px;font-size:.9rem}.blog-foot a{color:var(--accent-strong)}.blog-list-title{margin:36px 0 6px;font-size:1.7rem;line-height:1.5}.blog-list-lead{color:var(--muted);margin-bottom:28px}.blog-card{border:1.5px solid var(--line);color:var(--fg);box-shadow:var(--shadow);border-radius:14px;margin-bottom:16px;padding:20px 22px;text-decoration:none;display:block}.blog-card:hover{border-color:var(--accent)}.blog-card h2{color:var(--accent-strong);font-size:1.15rem;line-height:1.6}.blog-card p{color:var(--muted);margin-top:6px;font-size:.95rem}.blog-card time{color:var(--muted);margin-top:8px;font-size:.85rem;display:block}.article-head{padding:36px 0 8px}.article-head h1{letter-spacing:.01em;font-size:1.75rem;line-height:1.55}.article-dates{color:var(--muted);flex-wrap:wrap;gap:16px;margin-top:10px;font-size:.88rem;display:flex}.breadcrumb{color:var(--muted);padding-top:18px;font-size:.85rem}.breadcrumb a{color:var(--accent-strong);text-decoration:none}.article-toc{background:var(--bg-soft);border:1.5px solid var(--line);border-radius:14px;margin:26px 0;padding:18px 22px}.article-toc p{font-size:.95rem;font-weight:700}.article-toc ol{margin:8px 0 0;padding-left:1.4em;font-size:.95rem;list-style:decimal}.article-toc li{margin:4px 0}.article-toc a{color:var(--accent-strong);text-decoration:none}.article-toc a:hover{text-decoration:underline}.article-body{overflow-wrap:anywhere;padding-bottom:24px}.article-body h2{background:var(--bg-hero);border-left:5px solid var(--accent);border-radius:6px;margin:52px 0 18px;padding:10px 16px;scroll-margin-top:16px;font-size:1.4rem;line-height:1.55}.article-body h3{border-bottom:2px solid var(--line);margin:36px 0 12px;padding-bottom:6px;scroll-margin-top:16px;font-size:1.15rem;line-height:1.6}.article-body p{margin:14px 0}.article-body ul,.article-body ol{margin:14px 0;padding-left:1.6em}.article-body ul{list-style:outside}.article-body ol{list-style:decimal}.article-body li{margin:6px 0;list-style-position:outside}.article-body li::marker{color:var(--muted)}.article-body strong{background:linear-gradient(#0000 68%,#ffe9a8 68%)}.article-body a{color:var(--accent-strong)}.article-body blockquote{background:var(--bg-soft);border-left:4px solid var(--line);color:var(--muted);border-radius:6px;margin:16px 0;padding:12px 18px}.article-body table{border-collapse:collapse;white-space:nowrap;margin:18px 0;font-size:.95rem;display:block;overflow-x:auto}.article-body th,.article-body td{border:1px solid var(--line);text-align:left;white-space:nowrap;padding:8px 14px}.article-body th{background:var(--bg-hero);font-weight:700}.article-cta{border:2px solid var(--accent);box-shadow:var(--shadow);background:#fff;border-radius:14px;margin:40px 0;padding:24px}.article-cta p.cta-title{color:var(--accent-strong);font-size:1.1rem;font-weight:700}.article-cta p{margin:8px 0 0;font-size:.98rem}.article-cta .cta-btn{background:var(--cta);color:#fff;min-height:52px;box-shadow:0 3px 0 var(--cta-strong);border-radius:14px;justify-content:center;align-items:center;margin-top:14px;padding:12px 28px;font-size:1.02rem;font-weight:700;text-decoration:none;display:inline-flex}.article-cta .cta-btn:hover{background:var(--cta-strong)}.related{margin:40px 0 56px}.related h2{margin-bottom:14px;font-size:1.2rem}