/* A continuous reading surface within the project site's visual identity. */
html:not([lang="zh-CN"]) .blog-page [lang="zh-CN"],html[lang="zh-CN"] .blog-page [lang="en"]{display:none}
.blog-intro{max-width:1000px;margin:0 auto;padding:88px 42px 51px}.blog-intro h1{font-size:clamp(44px,5.4vw,72px);line-height:1.1;letter-spacing:-3.5px;font-weight:600;margin:0 0 30px}.blog-deck{font-size:22px;line-height:1.65;max-width:690px;color:var(--muted);margin:0 0 31px}.blog-article{max-width:760px;padding:0 28px;margin:0 auto}.blog-article p{font-size:17px;line-height:1.95;margin:0 0 24px;color:var(--ink);max-width:none}.blog-opening{padding-top:34px;border-top:1px solid var(--line)}.blog-opening p:first-child{font-size:19px;line-height:1.85}.blog-article section{padding-top:34px}.blog-article h2{font-size:30px;line-height:1.3;letter-spacing:-.9px;margin:12px 0 26px}.blog-article a:not(.blog-figure-link){color:var(--blue);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--blue) 45%,transparent);text-underline-offset:4px}.blog-figure{margin:38px -42px 24px}.blog-figure-link{display:block;background:white;border:1px solid var(--line);border-radius:8px;padding:16px;cursor:zoom-in}.blog-figure img{width:100%;height:auto;display:block}.blog-figure figcaption{margin:15px 18px 0;font-size:12px;line-height:1.8;max-width:none}.blog-wide{margin-left:-108px;margin-right:-108px}.blog-wide .blog-figure-link{padding:10px}.blog-end{margin-top:42px;padding:27px 0 12px;border-top:1px solid var(--line)}.blog-end p{font-size:15px;color:var(--muted)}.blog-footer{max-width:1000px;margin:38px auto 0;padding:26px 42px 35px}.blog-footer a:last-child{color:var(--muted);font-size:12px}html[lang="zh-CN"] .blog-intro h1{letter-spacing:-1.8px}html[lang="zh-CN"] .blog-article p{line-height:2}html[lang="zh-CN"] .blog-article h2{letter-spacing:-.5px}html[data-theme="dark"] .blog-figure-link{border-color:#c8d1e2}html[data-theme="dark"] .blog-deck,html[data-theme="dark"] 
@media(max-width:1050px){.blog-wide{margin-left:-42px;margin-right:-42px}}
@media(max-width:850px){.blog-intro{padding:58px 32px 42px}.blog-intro h1{font-size:58px;letter-spacing:-2.7px}.blog-deck{font-size:20px}.blog-article{max-width:760px;padding:0 32px}.blog-wide,.blog-figure{margin-left:0;margin-right:0}}
@media(max-width:600px){.blog-intro{padding:42px 22px 30px}.blog-intro h1{font-size:43px;letter-spacing:-2px;line-height:1.13;margin-bottom:24px}.blog-deck{font-size:17px;line-height:1.8;margin-bottom:23px}.blog-article{padding:0 22px}.blog-article p{font-size:15px;line-height:1.95;margin-bottom:21px}.blog-opening{padding-top:27px}.blog-opening p:first-child{font-size:16px}.blog-article section{padding-top:25px}.blog-article h2{font-size:26px;line-height:1.4;letter-spacing:-.6px;margin-bottom:22px}.blog-figure{margin:29px -8px 20px}.blog-figure-link{padding:6px}.blog-figure figcaption{margin:12px 8px 0;font-size:11px}.blog-wide .blog-figure-link{padding:4px}.blog-footer{padding:24px 22px;margin-top:20px}.blog-end{margin-top:30px}.blog-end p{font-size:14px}}

.blog-read-time{font-size:12px;color:var(--muted);margin:0}

.blog-figure .figure-open{width:100%;text-align:inherit}

html[lang="en"] .blog-intro h1{word-spacing:.06em}

.blog-intro{padding-top:64px;padding-bottom:36px}.blog-article section{padding-top:24px}.blog-article p{margin-bottom:18px}.blog-article h2{margin-top:8px;margin-bottom:20px}.blog-figure{margin-top:28px;margin-bottom:22px}
.blog-footer{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:28px;margin-top:28px;align-items:center}.blog-footer .blog-end{margin:0;padding:0;border:0}.blog-footer .blog-end p{font-size:12px;line-height:1.8;margin:0;max-width:none}.blog-footer .blog-end a{font-size:inherit;color:var(--blue);text-decoration:underline;text-underline-offset:4px}
@media(max-width:700px){.blog-intro{padding-top:36px;padding-bottom:28px}.blog-article section{padding-top:20px}.blog-footer{grid-template-columns:1fr auto;gap:18px}.blog-footer .blog-end{grid-row:2;grid-column:1/-1}.blog-footer>a:last-child{grid-row:1;grid-column:2}}