/* Restyled to match the homepage. Generated originally by services/export (STYLE); see README “公开笔记样式”. */
@font-face{font-family:"Site Serif";src:url("/fonts/noto-serif-sc-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Site Serif";src:url("/fonts/noto-serif-sc-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
:root{color-scheme:light dark;--page:#f6f7f4;--surface:#fcfdfb;--ink:#212b28;--muted:#5c6862;--line:#d9dfda;--accent:#34614c;--focus:#1a5cb3;--code:#edf1ed;--font-serif:"Site Serif",Georgia,"Noto Serif CJK SC","Source Han Serif SC","Songti SC",STSong,SimSun,serif;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Noto Sans CJK SC","Source Han Sans SC","Microsoft YaHei",sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Noto Sans Mono CJK SC",monospace}
@media (prefers-color-scheme:dark){:root{--page:#151d19;--surface:#1d2922;--ink:#e2e9e4;--muted:#b1bfb5;--line:#3a4a40;--accent:#a7d4b5;--focus:#94bfff;--code:#1d2922}}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;min-height:100svh;background:var(--page);color:var(--ink);font:1rem/1.75 var(--font-sans);font-synthesis:none;-webkit-text-size-adjust:100%}
a{color:var(--accent);text-underline-offset:.2em;text-decoration-thickness:1px;overflow-wrap:anywhere}
a:focus-visible{outline:3px solid var(--focus);outline-offset:4px;border-radius:4px}
body>a:first-child{position:absolute;z-index:1;left:1rem;top:0;padding:.65rem 1rem;background:var(--surface);color:var(--ink);transform:translateY(-150%)}
body>a:first-child:focus{transform:translateY(.5rem)}
main{width:min(100% - 3rem,56rem);margin-inline:auto;padding-block:clamp(1.25rem,4vw,2.5rem) clamp(2rem,5vw,3rem)}
main>nav{display:flex;align-items:center;min-height:44px}
main>nav a{display:inline-flex;align-items:center;gap:.6rem;min-height:44px;color:var(--ink);font-family:var(--font-serif);font-size:1.0625rem;font-weight:600;text-decoration:none}
main>nav a::before{content:"";flex:none;width:0;height:0;border:.22em solid var(--accent);border-radius:50%}
main>nav a:hover{color:var(--accent)}
h1{margin:clamp(3.5rem,9vw,7rem) 0 0;font-family:var(--font-serif);font-size:clamp(2.75rem,2rem + 4vw,4.5rem);font-weight:600;line-height:1.1;letter-spacing:.01em;overflow-wrap:anywhere;text-wrap:balance}
h1+p:last-child{margin:1.5rem 0 0;color:var(--muted);font-family:var(--font-serif);font-size:clamp(1.125rem,1.02rem + .45vw,1.375rem)}
main::after{content:"";display:block;margin-top:clamp(3.5rem,9vw,6rem);border-top:1px solid var(--line)}
main>p,main>ul,main>pre{max-width:42rem}
h2,h3,h4,h5,h6{margin:2.25rem 0 .5rem;font-weight:600;line-height:1.4}
h2{font-size:1.375rem}h3{font-size:1.1875rem}h4,h5,h6{font-size:1rem}
p,li{overflow-wrap:anywhere}
ul{padding-left:1.25rem}
img{max-width:100%;height:auto}
pre{overflow:auto;padding:1rem;border:1px solid var(--line);border-radius:.5rem;background:var(--code)}
code{font-family:var(--font-mono);font-size:.9em}
@media (max-width:36rem){main{width:calc(100% - 2.5rem)}}
@media (forced-colors:active){pre{border-color:CanvasText}}