.blog-page{color:var(--text-primary);font-family:var(--font-body);padding-bottom:84px}.blog-wrap{width:min(1120px,calc(100% - 80px));margin-inline:auto}.blog-reading-wrap{width:min(760px,calc(100% - 80px));margin-inline:auto}.blog-page :is(a,button,input,textarea):focus-visible{outline:3px solid var(--accent);outline-offset:4px}.blog-breadcrumb{display:flex;align-items:center;gap:12px;min-width:0;font-size:13px;color:var(--text-muted);margin-bottom:32px}.blog-breadcrumb>a{display:inline-flex;align-items:center;min-height:44px;flex-shrink:0}.blog-breadcrumb>a:hover{color:var(--accent)}.blog-breadcrumb-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}.blog-intro{padding-block:42px 54px}.blog-intro h1{font-size:clamp(40px,4.8vw,62px);font-weight:700;letter-spacing:-.045em;line-height:1.12;margin-bottom:20px}.blog-intro>p{font-size:18px;line-height:1.75;color:var(--text-secondary);max-width:620px}.blog-archive-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:62px;align-items:start}.blog-filters{position:sticky;top:100px;display:grid;gap:28px}.blog-filter-block h2{font-size:13px;font-weight:700;line-height:1.6;margin-bottom:10px}.blog-topic-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;font-size:13px;font-weight:700;line-height:1.6;cursor:pointer;list-style:none;color:var(--text-primary)}.blog-topic-disclosure>summary::-webkit-details-marker{display:none}.blog-topic-disclosure>summary::marker{content:""}.blog-topic-disclosure>summary svg{width:18px;height:18px;flex-shrink:0;color:var(--text-muted);transition:transform .15s,color .15s}.blog-topic-disclosure[open]>summary{color:var(--accent)}.blog-topic-disclosure[open]>summary svg{transform:rotate(180deg);color:var(--accent)}.blog-topic-disclosure>summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px;border-radius:6px}.blog-topic-disclosure .blog-filter-links{margin-top:4px}.blog-search{display:flex;align-items:center;border:1px solid var(--border);background:var(--surface);border-radius:10px;overflow:hidden}.blog-search:focus-within{border-color:var(--accent)}.blog-search input{min-width:0;width:100%;border:0;background:transparent;color:var(--text-primary);padding:12px 0 12px 12px;font-size:16px;min-height:46px}.blog-search input:focus-visible{outline:0}.blog-search button{display:flex;align-items:center;justify-content:center;width:44px;min-width:44px;min-height:46px;color:var(--text-muted);cursor:pointer}.blog-search button:hover{color:var(--accent)}.blog-search svg{width:18px;height:18px}.blog-filter-links{display:flex;flex-direction:column;align-items:flex-start}.blog-filter-link{display:inline-flex;align-items:center;min-height:44px;font-size:14px;color:var(--text-secondary);line-height:1.5;padding:7px 0;text-decoration:underline;text-underline-offset:5px;text-decoration-color:transparent;transition:color .15s,text-decoration-color .15s}.blog-filter-link:hover,.blog-filter-link.is-active{color:var(--accent);text-decoration-color:var(--accent-border)}.blog-filter-link.is-active{font-weight:700}.blog-active-filter-list{display:grid;gap:7px;margin-bottom:12px}.blog-active-filter-list>div{display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid var(--border);color:var(--text-secondary);font-size:13px;min-width:0}.blog-active-filter-list span{overflow-wrap:anywhere}.blog-active-filter-list a{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;color:var(--text-muted);font-size:22px}.blog-active-filter-list a:hover{color:var(--accent)}.blog-text-link{display:inline-flex;align-items:center;min-height:44px;color:var(--accent);font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--accent-border)}.blog-text-link:hover{text-decoration-color:var(--accent)}.blog-post-list{border-top:1px solid var(--border)}.blog-page .blog-post-row,.blog-page .blog-related-row{border:0;border-bottom:1px solid var(--border);border-radius:0;background:transparent;box-shadow:none;overflow:visible;transition:none}.blog-page .blog-post-row:hover,.blog-page .blog-related-row:hover{border-color:var(--border);background:transparent;box-shadow:none;transform:none}.blog-post-link{display:grid;grid-template-columns:96px minmax(0,1fr) 128px;gap:24px;padding-block:29px;align-items:start}.blog-post-link>time{font-size:12px;line-height:1.7;color:var(--text-muted);padding-top:5px}.blog-row-copy{min-width:0}.blog-row-copy h2{font-size:23px;font-weight:700;line-height:1.4;letter-spacing:-.02em;overflow-wrap:anywhere;transition:color .15s}.blog-post-link:hover h2{color:var(--accent)}.blog-row-copy>p{font-size:14px;line-height:1.8;color:var(--text-secondary);margin-top:11px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-row-tags{display:flex;flex-wrap:wrap;gap:6px 15px;margin-top:14px;color:var(--text-muted);font-size:11px;line-height:1.6}.blog-row-image{width:128px;height:96px;object-fit:cover;border-radius:10px;border:1px solid var(--border-light);background:var(--surface);margin-top:4px}.blog-empty{padding:45px 0;border-block:1px solid var(--border)}.blog-empty h2{font-size:25px;line-height:1.4;font-weight:700;margin-bottom:14px}.blog-empty p{color:var(--text-secondary);font-size:16px;line-height:1.8;margin-bottom:20px}.blog-article-header{padding-block:42px 20px}.blog-article-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;margin-bottom:18px}.blog-article-tags>a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;color:var(--accent);line-height:1.5;padding:4px 0;background:transparent;border:0;border-radius:0}.blog-article-tags>a:hover{text-decoration:underline;text-underline-offset:5px}.blog-article-header h1{font-size:clamp(36px,4.5vw,54px);font-weight:700;line-height:1.15;letter-spacing:-.04em;overflow-wrap:anywhere;margin-bottom:24px}.blog-article-excerpt{font-size:20px;line-height:1.75;color:var(--text-secondary);margin-bottom:28px}.blog-article-meta{display:flex;align-items:center;gap:14px;padding-block:23px;margin-top:28px;border-block:1px solid var(--border)}.blog-article-meta>img{width:44px;height:44px;object-fit:cover;border-radius:50%;border:1px solid var(--border)}.blog-article-meta #author-name{font-size:14px;line-height:1.6;font-weight:700;margin-bottom:4px}.blog-article-date{display:flex;align-items:center;gap:8px 22px;flex-wrap:wrap;font-size:13px;line-height:1.7;color:var(--text-muted)}.blog-translation-notice{font-size:14px;line-height:1.7;color:var(--text-muted);padding:15px 18px;background:var(--surface-hover);border-radius:9px;margin-bottom:24px}.blog-translation-notice[hidden]{display:none}.blog-reading-shell{padding-top:22px}.blog-prose{font-size:18px;line-height:1.9;color:var(--text-secondary);overflow-wrap:anywhere;user-select:text;-webkit-user-select:text}.blog-prose :is(h1,h2,h3,h4,h5,h6){font-family:var(--font-body);font-weight:700;color:var(--text-primary);letter-spacing:-.025em;line-height:1.3;scroll-margin-top:110px}.blog-prose h1{font-size:36px;margin-block:44px 24px}.blog-prose h2{font-size:29px;margin-block:44px 22px}.blog-prose h3{font-size:24px;margin-block:34px 18px}.blog-prose h4{font-size:20px;margin-block:30px 16px}.blog-prose :is(h5,h6){font-size:18px;margin-block:26px 14px}.blog-prose p{font-family:var(--font-body);font-size:inherit;line-height:inherit;margin-block:0 24px;color:var(--text-secondary)}.blog-prose :is(ul,ol){padding-left:1.4em;margin-block:20px 26px;list-style-position:outside}.blog-prose ul{list-style-type:disc}.blog-prose ol{list-style-type:decimal}.blog-prose li{padding-left:.25em;margin-block:8px}.blog-prose li :is(ul,ol){margin-block:10px 18px}.blog-prose li>p{margin-bottom:10px}.blog-prose strong{font-weight:700;color:var(--text-primary)}.blog-prose a{color:var(--accent);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.blog-prose a:hover{color:var(--accent-hover)}.blog-prose img{display:block;width:auto;max-width:100%;height:auto;max-height:none;object-fit:contain;margin:30px auto 34px;border-radius:12px;border:1px solid var(--border-light)}.blog-prose figure{margin-block:32px}.blog-prose figcaption{font-size:13px;line-height:1.7;color:var(--text-muted);text-align:center;margin-top:12px}.blog-prose blockquote{padding:14px 0 14px 24px;border-left:3px solid var(--accent-border);font-style:normal;margin-block:28px;color:var(--text-secondary)}.blog-prose blockquote>p:last-child{margin-bottom:0}.blog-prose hr{margin-block:38px;border:0;border-top:1px solid var(--border)}.blog-prose pre{margin-block:26px;padding:20px;border-radius:10px;background:var(--surface);font-size:14px;line-height:1.7;overflow:auto;overflow-wrap:normal}.blog-prose code{font-family:var(--font-mono);font-size:.85em;border-radius:4px}.blog-prose table{display:block;max-width:100%;overflow:auto;font-size:14px;margin-block:26px}.blog-prose th{font-family:var(--font-body);font-size:14px;letter-spacing:0;text-transform:none;font-weight:700;text-align:left;background:var(--surface)}.blog-prose iframe{max-width:100%;border-radius:12px}.blog-footer-tags{margin-top:46px;padding-top:28px;border-top:1px solid var(--border)}.blog-footer-tags h3{font-size:14px;font-weight:700;margin-bottom:6px}.blog-footer-tags .blog-article-tags{margin-bottom:0}.blog-reading-shell :is(input,textarea){font-size:16px;min-height:44px}.blog-reading-shell button{min-height:44px;min-width:44px}.blog-reading-shell [aria-label^=Share],.blog-reading-shell [aria-label="Copy URL"],.blog-reading-shell [aria-label="Copied!"]{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.blog-reading-shell .flex.space-x-4{flex-wrap:wrap;gap:4px 12px}.blog-reading-shell .flex.space-x-4>*{margin-left:0}.blog-newsletter{margin-top:44px}.blog-preview-notice{padding:18px;border:1px solid var(--border);border-radius:10px;background:var(--surface-hover);color:var(--text-primary);font-size:14px;line-height:1.7;margin-bottom:26px}.blog-related{padding-top:78px}.blog-related>h2{font-size:31px;line-height:1.3;font-weight:700;letter-spacing:-.03em;margin-bottom:26px}.blog-related-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;border-top:1px solid var(--border)}.blog-related-link{display:flex;align-items:start;gap:20px;padding-block:25px}.blog-related-link>div{min-width:0;flex:1}.blog-related-link time{font-size:12px;line-height:1.7;color:var(--text-muted)}.blog-related-link h3{font-size:20px;line-height:1.45;font-weight:700;letter-spacing:-.015em;margin-top:10px;overflow-wrap:anywhere}.blog-related-link:hover h3{color:var(--accent)}.blog-related-link p{font-size:14px;line-height:1.75;color:var(--text-secondary);margin-top:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-related-link>img{width:72px;height:72px;object-fit:cover;border-radius:8px;border:1px solid var(--border-light);margin-top:4px}.blog-related-reading-time{font-size:12px;color:var(--text-muted);margin-top:12px;display:block}@media (min-width:768px){.blog-article:has(#post-content[lang=zh-CN]) .blog-article-header h1{letter-spacing:-.025em;line-height:1.28}}@media (max-width:1050px){.blog-wrap,.blog-reading-wrap{width:calc(100% - 56px)}.blog-reading-wrap{max-width:760px}.blog-archive-layout{grid-template-columns:165px minmax(0,1fr);gap:32px}.blog-post-link{grid-template-columns:1fr 110px;gap:9px 22px}.blog-post-link>time{grid-column:1/-1;padding:0}.blog-row-image{width:110px;height:84px}.blog-related-list{grid-template-columns:1fr}.blog-related-link>img{width:120px;height:88px}.blog-related-link h3{max-width:720px}.blog-related-link p{max-width:700px}}@media (max-width:767px){.blog-page{padding-bottom:55px}.blog-wrap,.blog-reading-wrap{width:calc(100% - 40px)}.blog-intro{padding-block:24px 34px}.blog-breadcrumb{font-size:12px;gap:9px;margin-bottom:22px}.blog-intro h1{font-size:42px;margin-bottom:17px}.blog-intro>p{font-size:16px;line-height:1.8}.blog-archive-layout{display:block}.blog-filters{position:static;grid-template-columns:1fr 1fr;gap:22px 18px;padding-bottom:28px}.blog-search-block,.blog-active-filters{grid-column:1/-1}.blog-search input{padding-left:15px}.blog-filter-block h2{margin-bottom:4px}.blog-filter-links{flex-direction:row;flex-wrap:wrap;gap:0 16px}.blog-filter-link{font-size:13px}.blog-active-filter-list{display:flex;flex-wrap:wrap;gap:8px 18px}.blog-post-link{grid-template-columns:minmax(0,1fr) 82px;gap:9px 17px;padding-block:25px}.blog-row-copy h2{font-size:20px;line-height:1.45;letter-spacing:-.015em}.blog-row-copy>p{font-size:14px;line-height:1.75}.blog-row-image{width:82px;height:72px}.blog-row-tags{gap:4px 12px;font-size:11px}.blog-article-header{padding-block:24px 13px}.blog-article-tags{gap:4px 16px;margin-bottom:15px}.blog-article-header h1{font-size:35px;line-height:1.2;letter-spacing:-.035em;margin-bottom:22px}.blog-article:has(#post-content[lang=zh-CN]) .blog-article-header h1{font-size:34px;letter-spacing:-.02em;line-height:1.3}.blog-article-excerpt{font-size:18px;line-height:1.8;margin-bottom:23px}.blog-article-meta{margin-top:22px;padding-block:19px}.blog-article-date{gap:4px 17px;font-size:12px}.blog-reading-shell{padding-top:18px}.blog-prose{font-size:17px;line-height:1.95}.blog-prose p{margin-bottom:22px}.blog-prose h1{font-size:30px;margin-block:34px 20px}.blog-prose h2{font-size:26px;margin-block:34px 18px}.blog-prose h3{font-size:22px;margin-block:28px 16px}.blog-prose img{border-radius:9px;margin-block:25px 28px}.blog-prose blockquote{padding-left:18px}.blog-prose pre{padding:15px;font-size:13px}.blog-related{padding-top:54px}.blog-related>h2{font-size:27px;margin-bottom:20px}.blog-related-list{gap:0}.blog-related-link{gap:18px;padding-block:23px}.blog-related-link h3{font-size:19px}.blog-related-link>img{width:82px;height:72px}.blog-newsletter{margin-top:34px}.blog-footer-tags{margin-top:34px;padding-top:24px}}@media (prefers-reduced-motion:reduce){.blog-page *{transition:none!important;animation:none!important}}