.cn-pills{display:flex;flex-wrap:wrap;gap:8px}.cn-pill{display:inline-block;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;line-height:1.5;color:#2563eb;background:rgba(37,99,235,.08);text-decoration:none;transition:background .2s,color .2s;white-space:nowrap}.cn-pill:hover{background:rgba(37,99,235,.14)}.cn-pill.is-active{background:#2563eb;color:#fff}.cn-blog-grid{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width:640px){.cn-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.cn-blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.cn-post-card{transition:border-color .25s,transform .25s,box-shadow .25s}.cn-post-card:hover{transform:translateY(-4px)!important;border-color:#2563eb!important;box-shadow:0 12px 32px rgba(37,99,235,.1)}.cn-blog-empty{margin-top:28px;padding:48px 24px;text-align:center;color:#64748b;font-size:15px;border:1px solid #e2e8f0;border-radius:16px;background:#fff}.cn-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:40px;flex-wrap:wrap}.cn-page-btn{display:inline-flex;align-items:center;gap:4px;padding:8px 14px;border-radius:20px;font-size:13px;font-weight:600;color:#2563eb;background:rgba(37,99,235,.08);text-decoration:none;transition:background .2s}.cn-page-btn:hover{background:rgba(37,99,235,.14)}.cn-page-btn.is-disabled{opacity:.4;pointer-events:none}.cn-page-numbers{display:none;align-items:center;gap:6px}.cn-page-num{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 8px;border-radius:18px;font-size:14px;font-weight:600;color:#2563eb;background:rgba(37,99,235,.08);text-decoration:none;transition:background .2s}.cn-page-num:hover{background:rgba(37,99,235,.14)}.cn-page-num.is-active{background:#2563eb;color:#fff}.cn-page-ellipsis{color:#94a3b8;padding:0 2px}.cn-page-compact{font-size:13px;color:#64748b;font-variant-numeric:tabular-nums}@media (min-width:640px){.cn-page-numbers{display:flex}.cn-page-compact{display:none}}.cn-post{padding:clamp(32px,6vw,64px) 0 clamp(48px,7vw,80px);color:#1a1a2e}.cn-post-header{max-width:800px;margin:0 auto}.cn-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;color:#64748b}.cn-breadcrumb a{color:#64748b;text-decoration:none}.cn-breadcrumb a:hover{color:#2563eb;text-decoration:underline}.cn-post-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.cn-chip{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#2563eb;background:rgba(37,99,235,.08);border-radius:6px;padding:4px 10px;line-height:1.4;text-decoration:none}.cn-chip:hover{background:rgba(37,99,235,.14)}.cn-post-title{margin:16px 0 0;font-size:clamp(26px,3.6vw,38px);font-weight:800;line-height:1.35;color:#1a1a2e;word-break:keep-all;overflow-wrap:anywhere;background:none;-webkit-background-clip:unset;-webkit-text-fill-color:#1a1a2e}.cn-post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:18px;font-size:13px;color:#64748b}.cn-post-meta-authors{display:inline-flex;align-items:center;gap:8px;color:#1a1a2e;font-weight:600}.cn-post-meta-avatars{display:inline-flex}.cn-post-meta-avatars>*+*{margin-left:-8px}.cn-post-hero{margin-top:28px;border-radius:16px;overflow:hidden;aspect-ratio:16/9;background:#f1f5f9}.cn-post-hero img{width:100%;height:100%;object-fit:cover;display:block}.cn-post-layout{position:relative;margin:clamp(32px,5vw,56px) auto 0;max-width:800px}.cn-post-main{min-width:0}.cn-post-side{display:none}@media (min-width:1200px){.cn-post-side{display:block;position:absolute;top:0;bottom:0;left:100%;margin-left:40px;width:240px}.cn-post-side .cn-toc{position:sticky;top:100px}.cn-toc-mobile{display:none}}.cn-toc{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px 18px}.cn-toc-title{margin:0 0 10px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#64748b}.cn-toc-list{list-style:none;margin:0;padding:0}.cn-toc-item a{display:block;padding:5px 0 5px 10px;border-left:2px solid transparent;font-size:13px;line-height:1.5;color:#64748b;text-decoration:none;transition:color .2s,border-color .2s}.cn-toc-item.lv3 a{padding-left:22px;font-size:12.5px}.cn-toc-item a:hover{color:#1a1a2e}.cn-toc-item.is-active a{color:#2563eb;border-left-color:#2563eb;font-weight:600}.cn-toc-mobile{margin:0 0 28px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;padding:0 16px}.cn-toc-mobile summary{cursor:pointer;padding:12px 0;font-size:13px;font-weight:700;letter-spacing:.08em;color:#64748b}.cn-toc-mobile ol{list-style:none;margin:0;padding:0 0 12px}.cn-toc-mobile li a{display:block;padding:6px 0;font-size:14px;color:#1a1a2e;text-decoration:none}.cn-toc-mobile li.lv3 a{padding-left:16px;font-size:13px;color:#64748b}.cn-article{font-size:16px;line-height:1.9;color:#1a1a2e;overflow-wrap:anywhere}@media (min-width:1024px){.cn-article{font-size:17px}}.cn-article>:first-child{margin-top:0}.cn-article p{margin:0 0 1.4em}.cn-article h2,.cn-article h3,.cn-article h4{font-weight:700;line-height:1.4;color:#1a1a2e;word-break:keep-all;scroll-margin-top:100px;background:none;-webkit-background-clip:unset;-webkit-text-fill-color:#1a1a2e}.cn-article h2{font-size:26px;margin:2.4em 0 .9em;padding:.1em 0 .35em .6em;border-left:4px solid #2563eb;border-bottom:1px solid #e5e7eb}.cn-article h3{font-size:21px;margin:1.8em 0 .7em}.cn-article h4{font-size:18px;margin:1.5em 0 .6em}@media (min-width:1024px){.cn-article h2{font-size:28px}}.cn-article ol,.cn-article ul{margin:0 0 1.4em;padding-left:1.5em}.cn-article ul{list-style:disc}.cn-article ol{list-style:decimal}.cn-article li{margin:.35em 0}.cn-article li>ol,.cn-article li>ul{margin:.3em 0}.cn-article a{color:#2563eb;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.cn-article a:hover{opacity:.8}.cn-article strong{font-weight:700}.cn-article blockquote{margin:1.6em 0;padding:.6em 1.2em;border-left:3px solid #2563eb;background:rgba(37,99,235,.05);color:#475569;border-radius:0 8px 8px 0}.cn-article blockquote p:last-child{margin-bottom:0}.cn-article code{font-family:var(--font-source-code-pro),ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;background:#eef2f7;color:#1d4ed8;padding:.15em .4em;border-radius:4px}.cn-article hr{border:0;border-top:1px solid #e5e7eb;margin:3em 0}.cn-article-figure{margin:2em 0}.cn-article-figure img{display:block;width:100%;height:auto;border-radius:12px}.cn-article-figure figcaption{margin-top:.6em;font-size:13px;color:#64748b;text-align:center}.cn-table-scroll{overflow-x:auto;margin:1.8em 0;-webkit-overflow-scrolling:touch}.cn-article table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.6}.cn-article td,.cn-article th{padding:.6em .9em!important;border:1px solid #e5e7eb!important;text-align:left;vertical-align:top;min-width:6em}.cn-article th{background:#f8fafc;font-weight:700}.cn-article td p,.cn-article th p{margin:0}.cn-code{margin:2em 0;border:1px solid #e2e8f0;border-radius:12px;background:#f6f8fa;overflow:hidden}.cn-code-head{display:flex;align-items:center;justify-content:space-between;height:36px;padding:0 8px 0 16px;background:#eef2f7;border-bottom:1px solid #e2e8f0}.cn-code-lang{font-family:var(--font-source-code-pro),ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}.cn-code-copy,.cn-code-lang{font-size:12px;color:#64748b}.cn-code-copy{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;border:1px solid transparent;border-radius:6px;background:transparent;font-family:inherit;cursor:pointer;transition:border-color .2s,color .2s,background .2s}.cn-code-copy:hover{border-color:#cbd5e1;color:#1a1a2e;background:#fff}.cn-code-copy.is-copied{color:#059669;border-color:#a7f3d0;background:#ecfdf5}.cn-code-body pre{margin:0;padding:16px 18px;overflow-x:auto;font-family:var(--font-source-code-pro),ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13.5px;line-height:1.7;tab-size:2;background:transparent!important}.cn-code-body code{font-family:inherit;font-size:inherit;background:none;color:inherit;padding:0;border-radius:0}.cn-callout{display:flex;gap:12px;margin:1.8em 0;padding:16px 18px;border-left:4px solid;border-radius:12px}.cn-callout-icon{flex-shrink:0;display:inline-flex;margin-top:2px}.cn-callout-content{min-width:0;flex:1}.cn-callout-title{margin:0 0 .4em;font-size:14px;font-weight:700}.cn-callout-content p{margin:0 0 .8em;font-size:.95em}.cn-callout-content ol:last-child,.cn-callout-content p:last-child,.cn-callout-content ul:last-child{margin-bottom:0}.cn-callout-info{border-color:#2563eb;background:rgba(37,99,235,.08)}.cn-callout-info .cn-callout-icon,.cn-callout-info .cn-callout-title{color:#1d4ed8}.cn-callout-tip{border-color:#10b981;background:rgba(16,185,129,.08)}.cn-callout-tip .cn-callout-icon,.cn-callout-tip .cn-callout-title{color:#047857}.cn-callout-warning{border-color:#f59e0b;background:rgba(245,158,11,.1)}.cn-callout-warning .cn-callout-icon,.cn-callout-warning .cn-callout-title{color:#b45309}.cn-callout-danger{border-color:#ef4444;background:rgba(239,68,68,.08)}.cn-callout-danger .cn-callout-icon,.cn-callout-danger .cn-callout-title{color:#b91c1c}.cn-share{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:clamp(36px,5vw,56px);padding-top:20px;border-top:1px solid #e5e7eb}.cn-share-label{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#64748b;margin-right:4px}.cn-share-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1px solid #e2e8f0;background:#fff;color:#475569;cursor:pointer;padding:0;text-decoration:none;transition:color .2s,border-color .2s,background .2s,transform .2s}.cn-share-btn:hover{color:#2563eb;border-color:#2563eb;background:rgba(37,99,235,.06);transform:translateY(-1px)}.cn-share-btn.is-copied{color:#059669;border-color:#a7f3d0;background:#ecfdf5}.cn-share-copied{font-size:12px;color:#059669}.cn-author-card{margin-top:clamp(40px,6vw,64px);padding:22px 24px;background:#fff;border:1px solid #e2e8f0;border-radius:16px}.cn-author-card+.cn-author-card{margin-top:16px}.cn-author-card-heading{margin:0 0 14px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#64748b}.cn-author-card-body{display:flex;gap:18px;align-items:flex-start}.cn-author-card-text{min-width:0;flex:1}.cn-author-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.cn-author-card-name{margin:0;font-size:16px;font-weight:700;color:#1a1a2e}.cn-author-card-role{margin:2px 0 0;font-size:13px;color:#64748b}.cn-author-card-links{display:flex;gap:6px}.cn-author-card-links a{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;color:#64748b;background:#f1f5f9;transition:background .2s,color .2s}.cn-author-card-links a:hover{color:#2563eb;background:rgba(37,99,235,.1)}.cn-author-card-bio{margin:10px 0 0;font-size:14px;line-height:1.8;color:#475569}.cn-related{max-width:800px;margin:clamp(48px,7vw,80px) auto 0}.cn-related-title{margin:0 0 20px;font-size:22px;font-weight:800;color:#1a1a2e;background:none;-webkit-background-clip:unset;-webkit-text-fill-color:#1a1a2e}.cn-post-back{max-width:800px;margin:40px auto 0}.cn-post-back a{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:#2563eb;text-decoration:none}.cn-post-back a:hover{text-decoration:underline}