.blog-home,.blog-reading{--blog-line:var(--color-surface-200);--blog-muted:var(--color-surface-500);--blog-soft:var(--color-surface-50);--blog-accent:var(--color-primary-600)}.dark :is(.blog-home,.blog-reading){--blog-line:var(--color-surface-800);--blog-muted:var(--color-surface-400);--blog-soft:var(--color-surface-900);--blog-accent:var(--color-primary-400)}.blog-home{max-width:1024px;margin:auto;padding:72px 24px 32px}.eyebrow{color:var(--blog-accent);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:9px;font-size:11px;font-weight:650;display:flex}.eyebrow>span{background:currentColor;border-radius:50%;width:6px;height:6px}.blog-hero h1{letter-spacing:-.055em;margin:24px 0 22px;font-size:clamp(40px,5.5vw,64px);font-weight:650;line-height:1.09}.blue-dot{color:var(--blog-accent)}.blog-hero>p{max-width:580px;color:var(--blog-muted);font-size:17px;line-height:1.8}.blog-hero .hero-chinese{margin-top:5px;font-size:14px}.notebook-stats{color:var(--blog-muted);flex-wrap:wrap;gap:10px 22px;margin:26px 0 34px;font-size:12px;display:flex}.notebook-stats span+span:before{content:"·";margin-right:22px}.blog-search{background:var(--blog-soft);border:1px solid var(--blog-line);border-radius:12px;padding:22px 24px}.blog-search label{margin-bottom:10px;font-size:12px;font-weight:600;display:block}.search-field{align-items:center;gap:12px;display:flex}.search-field>span{color:var(--blog-muted);font-size:25px}.search-field input{background:0 0;width:100%;min-width:0;padding:4px;scroll-margin-top:110px;font-size:15px}.search-field input:focus-visible{outline-offset:5px}.search-status{color:var(--blog-muted);font-size:12px}.search-status:not(:empty){margin-top:16px}.search-results{max-height:420px;margin-top:12px;overflow:auto}.search-results a{border-top:1px solid var(--blog-line);justify-content:space-between;gap:16px;padding:12px 0;font-size:14px;display:flex}.search-results span{color:var(--blog-muted);font-size:11px}.search-results a:hover{color:var(--blog-accent)}.blog-section{margin-top:48px}.section-label{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:18px;display:flex}.section-label h2{letter-spacing:-.025em;font-size:19px;font-weight:650}.section-label>span{color:var(--blog-muted);font-size:12px}.topic-grid,.featured-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.topic-card{border:1px solid var(--blog-line);border-radius:12px;flex-direction:column;padding:24px;transition:border-color .15s,background .15s;display:flex}.topic-card:hover{border-color:var(--blog-accent);background:var(--blog-soft)}.topic-top,.topic-bottom{justify-content:space-between;align-items:center;display:flex}.topic-top{color:var(--blog-muted);font-size:11px}.topic-symbol{width:36px;height:36px;color:var(--blog-accent);background:var(--blog-soft);border-radius:9px;place-items:center;font-size:24px;display:grid}.topic-card h3{margin:22px 0 10px;font-size:18px;font-weight:600}.topic-card p{color:var(--blog-muted);flex:1;font-size:13px;line-height:1.8}.topic-bottom{color:var(--blog-muted);margin-top:24px;font-size:12px}.topic-bottom>:last-child{color:var(--blog-accent);font-size:20px}.other-topics{flex-wrap:wrap;gap:12px 20px;margin-top:18px;font-size:12px;display:flex}.other-topics>span{color:var(--blog-muted)}.other-topics a:hover{color:var(--blog-accent)}.entry-card{border:1px solid var(--blog-line);border-radius:10px;min-width:0;padding:22px;transition:background .15s;display:block}.entry-card:hover{background:var(--blog-soft)}.entry-meta{color:var(--blog-muted);flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:11px;line-height:1.6;display:flex}.entry-card h3{overflow-wrap:anywhere;justify-content:space-between;gap:12px;margin-top:10px;font-size:16px;font-weight:600;line-height:1.6;display:flex}.entry-card h3>span{color:var(--blog-muted);flex-shrink:0;font-size:14px}.entry-card:hover h3{color:var(--blog-accent)}.entry-card p{color:var(--blog-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:12px;font-size:13px;line-height:1.8;display:-webkit-box;overflow:hidden}.entry-tags{flex-wrap:wrap;gap:6px;margin-top:16px;display:flex}.entry-tags span,.article-tag{background:var(--blog-soft);border:1px solid var(--blog-line);color:var(--blog-muted);border-radius:4px;padding:2px 7px;font-size:10px}.recent-list .entry-card{border:0;border-top:1px solid var(--blog-line);border-radius:0;padding:18px 0}.recent-list .entry-card h3{margin-top:5px}.garden-note{border-top:1px solid var(--blog-line);gap:18px;margin-top:40px;padding:28px 0 20px;font-size:13px;line-height:1.9;display:flex}.garden-note>span{color:var(--blog-accent);font-size:26px}.garden-note p span{color:var(--blog-muted);font-size:12px}.blog-reading{grid-template-columns:230px minmax(0,800px) 190px;align-items:start;gap:40px;max-width:1390px;margin:auto;padding:36px 24px 64px;display:grid}.reading-sidebar,.reading-toc{scrollbar-width:thin;max-height:calc(100vh - 120px);position:sticky;top:98px;overflow-y:auto}.back-blog{margin-bottom:20px;font-size:13px;font-weight:600;display:block}.sidebar-search{color:var(--blog-muted);background:var(--blog-soft);border:1px solid var(--blog-line);border-radius:7px;justify-content:space-between;align-items:center;margin-bottom:22px;padding:9px 12px;font-size:12px;display:flex}.browse-panel>summary{cursor:pointer;text-transform:uppercase;letter-spacing:.08em;color:var(--blog-muted);margin-bottom:14px;font-size:11px}.blog-tree{margin:0;padding:0;font-size:12px;list-style:none}.blog-tree .blog-tree{border-left:1px solid var(--blog-line);margin-left:9px;padding-left:10px}.blog-tree li{margin:3px 0}.blog-tree a{color:var(--blog-muted);overflow-wrap:anywhere;border-radius:5px;padding:6px 8px;display:block}.blog-tree summary{cursor:pointer;align-items:baseline;display:flex}.blog-tree summary:before{content:"›";color:var(--blog-muted)}.blog-tree details[open]>summary:before{content:"⌄"}.blog-tree summary a{flex:1}.blog-tree a:hover{background:var(--blog-soft);color:var(--blog-accent)}.blog-tree a[aria-current]{background:var(--blog-soft);color:var(--blog-accent);font-weight:600}.reading-main{min-width:0}.breadcrumbs{color:var(--blog-muted);flex-wrap:wrap;gap:6px 9px;margin-bottom:30px;font-size:11px;line-height:1.8;display:flex}.breadcrumbs a:hover{color:var(--blog-accent)}.article-header{border-bottom:1px solid var(--blog-line);margin-bottom:28px;padding-bottom:26px}.article-header h1{letter-spacing:-.035em;overflow-wrap:anywhere;margin:14px 0 18px;font-size:clamp(28px,3.3vw,40px);font-weight:650;line-height:1.22}.article-header>p{color:var(--blog-muted);margin-bottom:18px;font-size:15px;line-height:1.8}.collection-children{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:32px;display:grid}.collection-children .entry-card{padding:15px}.collection-children .entry-card h3{margin-top:6px;font-size:14px}.reading-toc h2{color:var(--blog-muted);letter-spacing:.1em;margin-bottom:16px;font-size:10px;font-weight:600}.reading-toc a{color:var(--blog-muted);padding:5px 0;font-size:11px;line-height:1.6;display:block}.reading-toc a:hover{color:var(--blog-accent)}.reading-toc .toc-sub{padding-left:12px}.reading-toc .toc-top{border-top:1px solid var(--blog-line);margin-top:16px;padding-top:14px}.mobile-toc{display:none}.blog-prose{overflow-wrap:break-word;font-size:15px;line-height:1.9}.blog-prose>:first-child{margin-top:0}.blog-prose :is(h1,h2,h3,h4,h5,h6){letter-spacing:-.02em;margin:2em 0 .8em;scroll-margin-top:90px;font-weight:650;line-height:1.45}.blog-prose h1{font-size:28px}.blog-prose h2{border-bottom:1px solid var(--blog-line);padding-bottom:9px;font-size:24px}.blog-prose h3{font-size:19px}.blog-prose h4{font-size:16px}.blog-prose :is(p,ul,ol,blockquote,pre,table,details){margin:1.2em 0}.blog-prose ul{padding-left:1.5em;list-style:outside}.blog-prose ol{padding-left:1.5em;list-style:decimal}.blog-prose li{margin:.3em 0}.blog-prose li>:is(ul,ol,p){margin:.45em 0}.blog-prose a{color:var(--blog-accent);text-underline-offset:3px;text-decoration:underline}.blog-prose blockquote{border-left:3px solid var(--blog-accent);color:var(--blog-muted);background:var(--blog-soft);border-radius:0 6px 6px 0;padding:.1em 1.25em}.blog-prose pre{border:1px solid var(--blog-line);tab-size:4;border-radius:9px;max-width:100%;padding:20px;font-size:12px;line-height:1.75;overflow-x:auto}.blog-prose :not(pre)>code{background:var(--blog-soft);border-radius:4px;padding:.15em .35em;font-size:.88em}.blog-prose table{border-collapse:collapse;max-width:100%;font-size:12px;line-height:1.7;display:block;overflow-x:auto}.blog-prose th,.blog-prose td{text-align:left;border:1px solid var(--blog-line);min-width:90px;padding:11px 14px}.blog-prose th{background:var(--blog-soft);font-weight:600}.blog-prose hr{border:0;border-top:1px solid var(--blog-line);margin:2em 0}.blog-prose details{border:1px solid var(--blog-line);border-radius:8px;padding:4px 18px}.blog-prose summary{cursor:pointer;padding:10px 0;font-weight:600}.blog-prose iframe{width:100%;display:block}.blog-prose img{border-radius:8px;max-width:100%;height:auto}.dark .blog-prose .astro-code,.dark .blog-prose .astro-code span{color:var(--shiki-dark)!important;background-color:var(--shiki-dark-bg)!important}.article-pagination{border-top:1px solid var(--blog-line);grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:48px;padding-top:24px;font-size:14px;display:grid}.article-pagination a:last-child{text-align:right}.article-pagination span{color:var(--blog-muted);margin-bottom:8px;font-size:11px;display:block}.article-pagination a:hover{color:var(--blog-accent)}.empty-collection{color:var(--blog-muted);line-height:1.8}@media (width<=1200px){.blog-reading{grid-template-columns:210px minmax(0,1fr);gap:32px}.reading-toc{display:none}.mobile-toc{border:1px solid var(--blog-line);border-radius:8px;margin-bottom:24px;padding:14px 18px;font-size:13px;display:block}.mobile-toc summary{cursor:pointer}.mobile-toc nav{max-height:300px;padding-top:12px;overflow:auto}.mobile-toc a{color:var(--blog-muted);padding:5px 0;display:block}}@media (width<=1023px){.blog-reading{grid-template-columns:minmax(0,1fr);gap:22px;max-width:840px;padding-top:24px}.reading-sidebar{border-bottom:1px solid var(--blog-line);max-height:none;padding-bottom:4px;position:static}.back-blog{margin-bottom:16px}.sidebar-search{display:none}.browse-panel nav{max-height:50vh;padding-bottom:14px;overflow-y:auto}.breadcrumbs{margin-bottom:24px}}@media (width<=640px){.blog-home{padding:40px 20px 20px}.blog-hero h1{font-size:44px}.blog-hero>p{font-size:15px}.notebook-stats{gap:10px 14px;font-size:11px}.notebook-stats span+span:before{margin-right:14px}.topic-grid,.featured-grid,.collection-children{grid-template-columns:minmax(0,1fr)}.topic-card{padding:20px}.topic-card h3{margin-top:16px}.topic-bottom{margin-top:14px}.section-label{flex-direction:column;align-items:start;gap:4px}.blog-section{margin-top:34px}.blog-search{padding:18px}.search-field input{font-size:13px}.search-results a{flex-direction:column;gap:4px}.blog-reading{padding:22px 20px 48px}.blog-prose{font-size:14px}.blog-prose pre{padding:14px}}