@media(max-width:880px){.shell{width:min(100% - 36px,1120px)}.header-inner{grid-template-columns:1fr auto}.header-tools{gap:8px}.social-nav a{padding-inline:5px}.top-nav{position:fixed;right:14px;bottom:12px;left:14px;display:flex;justify-content:space-around;gap:8px;height:52px;padding:0 10px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--paper) 94%,transparent);box-shadow:0 12px 35px rgba(23,59,112,.12);backdrop-filter:blur(18px)}.hero{grid-template-columns:minmax(0,1fr)72px;align-items:end;gap:20px;min-height:0;padding-block:36px 28px}.identity-chip{width:72px;height:72px;border-radius:12px}.project-grid,.project-rail{grid-template-columns:1fr 1fr}.section{padding-block:28px 32px}.home-close{padding-block:24px 80px}.article-layout{padding-top:28px}.prose table{display:block;overflow-x:auto;white-space:nowrap}.article-layout aside{gap:16px;margin-bottom:28px}.article-layout aside .toc a{font-size:13px}.note-row{grid-template-columns:132px 1fr auto}.home-note-list .note-row,.notes-index-list .note-row{grid-template-columns:132px minmax(0,1fr)}.site-footer{padding-bottom:70px}}@media(max-width:540px){html.toc-is-open{overflow:hidden}body{font-size:16px}.shell{width:min(100% - 28px,1120px)}.header-inner{height:66px}.brand small{display:none}.social-nav a:first-child{display:none}.hero{padding-block:28px 22px}.hero h1{font-size:40px}.lede{font-size:17px}.identity-chip{display:none}.hero{grid-template-columns:1fr}.section{padding-block:24px 28px}.project-grid,.project-rail{grid-template-columns:1fr}.note-row{grid-template-columns:1fr auto;gap:7px;padding-block:19px}.home-note-list .note-row,.notes-index-list .note-row{grid-template-columns:1fr}.note-date{grid-column:1}.note-row span:nth-child(2){grid-column:1}.note-row b{grid-row:1/3;grid-column:2}.note-row strong{font-size:19px}.note-row small{font-size:12px}.project-card{min-height:242px;padding:23px}.project-card h3{font-size:25px}.page-hero{padding-block:36px 22px}.page-hero h1{font-size:36px}.page-hero>p:last-child{font-size:16px}.tag-directory{grid-template-columns:1fr}.article{padding-block:36px 86px}.article-header h1{font-size:36px}.article-breadcrumb{margin-bottom:18px}.breadcrumb-current{max-width:48vw}.article-deck{font-size:17px}.article-meta>*+*{margin-left:10px;padding-left:10px}.article-meta .article-tags{gap:6px;margin-left:0;padding-left:0}.article-tag{padding:4px 8px}.article-layout{padding-top:18px}.article-layout aside{display:block;margin-bottom:28px;padding:0;border:0}.toc{width:100%}.toc summary{width:100%;gap:12px;box-sizing:border-box;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--paper-cool)}.toc summary::after{margin-left:2px;font-size:16px}.toc summary span{font-size:11px;letter-spacing:.08em}.toc summary small{font-size:10px;letter-spacing:.04em}.toc[open] .toc-backdrop{position:fixed;z-index:40;inset:0;display:block;background:rgba(22,32,46,.3);backdrop-filter:blur(2px)}.prose{font-size:17px}html[lang=zh-CN] .prose{line-height:1.84;letter-spacing:-.014em}.prose h2{font-size:28px}.prose h3{font-size:23px}.prose pre{margin-inline:-4px;padding:20px;font-size:12px}.toc-panel{position:fixed;z-index:41;top:auto;right:14px;bottom:76px;left:14px;width:auto;max-height:min(68vh,560px);padding:0;border-radius:18px}.toc-panel-head{position:sticky;z-index:1;top:0;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line);background:var(--paper)}.toc-panel-head strong{color:var(--navy);font:650 12px/1.4 var(--sans);letter-spacing:.08em}.toc-panel-head button{display:grid;width:32px;height:32px;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--paper-cool);color:var(--navy);cursor:pointer;font:20px/1 var(--sans);place-items:center}.toc-panel #TableOfContents{padding:16px 18px 20px}.toc #TableOfContents>ul{gap:12px}.toc #TableOfContents ul ul{gap:8px;margin-top:8px;padding-left:13px}.article-layout aside .toc a{font-size:14px;line-height:1.5}.footer-inner{display:block}.footer-inner p+p{margin-top:5px}.footer-social{margin-top:10px}}@media(max-width:360px){.article-meta{column-gap:12px}.article-meta>*+*{margin-left:0;padding-left:0;border-left:0}}