.blog-toc{border-left:1px solid var(--border);max-height:calc(100vh - 8rem);font-family:var(--font-sans);scrollbar-color:color-mix(in oklch, var(--muted-foreground) 35%, transparent) transparent;scrollbar-width:thin;padding-left:1.25rem;padding-right:.5rem;overflow-y:auto}.blog-toc-icon{width:1.75rem;height:1.75rem;color:var(--primary);flex-direction:column;justify-content:center;align-items:center;gap:.25rem;display:inline-flex}.blog-toc-icon span{background:currentColor;border-radius:9999px;width:.875rem;height:.125rem;display:block}.blog-toc-link{letter-spacing:0;border-radius:.25rem;transition:background-color .16s,color .16s;position:relative}.blog-toc-link:hover{background:color-mix(in oklch, var(--muted) 45%, transparent)}.blog-toc-link.is-active{background:var(--vermillion-tint);box-shadow:none;color:var(--foreground);font-weight:600}.blog-toc-link.is-active:before{content:"";inset-block:.375rem;background:var(--primary);width:1px;position:absolute;left:-1.25rem}.blog-prose{color:color-mix(in oklch, var(--muted-foreground) 40%, var(--foreground) 60%);font-family:var(--font-sans);font-size:1.0625rem;line-height:1.75}.blog-summary{border-left:2px solid var(--primary);margin-top:1.5rem;padding-left:1.25rem}.blog-summary p{color:color-mix(in oklch, var(--foreground) 78%, transparent);max-width:none;margin:0;font-size:1.2rem;line-height:1.9}.guide-reading h1{font-weight:600}.blog-share-dialog{background:var(--card);width:min(100% - 2rem,39rem);max-width:none;color:var(--foreground);border:0;border-radius:1.5rem;margin:auto;padding:0;box-shadow:0 1.5rem 5rem #1a1a1a38}.blog-share-dialog::backdrop{backdrop-filter:blur(2px);background:#1a1a1a7a}.blog-share-panel{font-family:var(--font-sans);padding:2rem 2.5rem 2.5rem}.blog-share-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.blog-share-header h2{letter-spacing:0;margin:0;font-size:1.25rem;font-weight:600;line-height:1.4}.blog-share-close{width:2.5rem;height:2.5rem;color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;transition:background-color .16s,color .16s;display:inline-flex}.blog-share-close:hover{background:var(--muted);color:var(--foreground)}.blog-share-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:1.75rem;display:grid}.blog-share-option{min-width:0;color:var(--muted-foreground);flex-direction:column;align-items:center;gap:.65rem;font-size:.875rem;font-weight:500;text-decoration:none;display:flex}.blog-share-icon{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:3.75rem;height:3.75rem;font-size:1.55rem;font-weight:600;line-height:1;transition:transform .16s,filter .16s;display:inline-flex}.blog-share-option:hover .blog-share-icon{filter:brightness(.94);transform:translateY(-2px)}.blog-share-icon--facebook{background:#1877f2;font-family:Arial,sans-serif;font-size:2rem}.blog-share-icon--x{background:#171717;font-family:Arial,sans-serif;font-size:1.35rem}.blog-share-icon--reddit{background:#ff4500}.blog-share-icon--email{background:#d64c45}.blog-share-link{border-top:1px solid var(--border);margin-top:1.75rem;padding-top:1rem}.blog-share-link label{color:var(--muted-foreground);margin-bottom:.55rem;font-size:.8125rem;font-weight:500;display:block}.blog-share-copy-row{background:var(--muted);border-radius:.75rem;align-items:center;gap:.5rem;padding:.35rem;display:flex}.blog-share-copy-row input{min-width:0;color:var(--muted-foreground);font:inherit;background:0 0;border:0;outline:none;flex:1;padding:.5rem .6rem;font-size:.875rem}.blog-share-copy-row button{border:1px solid var(--border);background:var(--card);min-height:2.5rem;color:var(--foreground);font:inherit;cursor:pointer;border-radius:.55rem;flex:none;align-items:center;gap:.45rem;padding:.45rem .8rem;font-size:.8125rem;font-weight:600;display:inline-flex}html:lang(zh) .guide-reading h1{line-height:1.12}.blog-prose>:first-child{margin-top:0}.blog-prose>h2:first-child{border-top:0;padding-top:0}.blog-prose>*+*{margin-top:1.125rem}.blog-prose h2{border-top:1px solid color-mix(in oklch, var(--border) 80%, transparent);color:var(--foreground);font-family:var(--font-reading);letter-spacing:-.02em;margin-top:3.5rem;padding-top:1.75rem;scroll-margin-top:6rem;font-size:1.75rem;font-weight:600;line-height:1.35}.blog-prose h3{color:var(--foreground);font-family:var(--font-sans);letter-spacing:0;margin-top:2.25rem;scroll-margin-top:6rem;font-size:1.3125rem;font-weight:600;line-height:1.45}.blog-prose h4{color:var(--foreground);font-family:var(--font-sans);letter-spacing:0;margin-top:1.75rem;scroll-margin-top:6rem;font-size:1.0625rem;font-weight:600;line-height:1.5}.blog-prose p{color:inherit;font-size:inherit;line-height:inherit;max-width:none}.blog-prose a{color:color-mix(in oklch, var(--primary) 82%, black 8%);text-decoration-line:underline;text-decoration-thickness:.1em;text-decoration-color:color-mix(in oklch, var(--primary) 56%, transparent);text-underline-offset:.18em;transition:color .18s,text-decoration-color .18s}.blog-prose a:hover{color:color-mix(in oklch, var(--primary) 92%, black 4%);text-decoration-color:currentColor}.blog-prose a:focus-visible{border-radius:.2rem}.blog-prose blockquote{border-left:3px solid color-mix(in oklch, var(--primary) 70%, transparent);background:var(--vermillion-tint);max-width:none;margin-block:1.5rem;margin-inline:0;padding:1rem 1.25rem}.blog-prose blockquote>:first-child{margin-top:0}.blog-prose blockquote>:last-child{margin-bottom:0}.blog-prose blockquote p{color:color-mix(in oklch, var(--foreground) 90%, transparent);max-width:none}.blog-prose ul,.blog-prose ol{margin-top:1rem;margin-left:1.25rem}.blog-prose li{padding-left:.375rem}.blog-prose li+li{margin-top:.625rem}.blog-prose li::marker{color:color-mix(in oklch, var(--primary) 78%, var(--foreground));font-weight:600}.blog-prose .steps ol{list-style:decimal}.blog-prose strong{color:var(--foreground);font-weight:600}.blog-prose table{border-collapse:collapse;width:100%;margin-block:1.75rem;font-size:.95rem;line-height:1.65;display:block;overflow-x:auto}.blog-prose th,.blog-prose td{text-align:left;vertical-align:top;border-bottom:1px solid color-mix(in oklch, var(--border) 85%, transparent);padding:.6rem .85rem}.blog-prose thead th{color:var(--foreground);border-bottom:2px solid color-mix(in oklch, var(--foreground) 20%, transparent);font-weight:600}.blog-prose tbody tr:nth-child(2n){background:color-mix(in oklch, var(--muted) 35%, transparent)}.blog-prose tbody tr:last-child td{border-bottom:none}.blog-video{margin-block:1.5rem}.blog-video video{background:var(--muted);border-radius:.75rem;width:100%}.blog-video figcaption{text-align:center;color:var(--muted-foreground);margin-top:.5rem;font-size:.875rem}html:lang(zh) .blog-prose h2,html:lang(zh) .blog-prose h3,html:lang(zh) .blog-prose h4{letter-spacing:0}@media (width<=47.999rem){.blog-share-dialog{border-radius:1rem;width:min(100% - 1rem,39rem)}.blog-share-panel{padding:1.25rem 1rem 1rem}.blog-share-options{gap:.5rem}.blog-share-icon{width:3.25rem;height:3.25rem}.blog-share-copy-row button span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.blog-prose{font-size:1rem;line-height:1.75}.blog-prose h2{margin-top:3rem;padding-top:1.5rem;font-size:1.5rem;line-height:1.4}.blog-prose h3{margin-top:2rem;font-size:1.1875rem}}