:root{font-size:20px;--bg:#fffdf7;--fg:#202725;--link:#164e7c;--line:#747b76;--panel:#edf1ec;--leading:1.8;color-scheme:light}
:root[data-contrast=dark]{--bg:#191e23;--fg:#f1f1e9;--link:#a6d9ff;--line:#a0aaa8;--panel:#293238;color-scheme:dark}
:root[data-contrast=high]{--bg:#000;--fg:#fff174;--link:#fff174;--line:#fff;--panel:#000;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:"Microsoft YaHei","PingFang SC",sans-serif;line-height:var(--leading);overflow-wrap:anywhere}
header.site-header,main,footer{max-width:52rem;margin:auto;padding:1rem clamp(.75rem,4vw,2rem)}
main{min-height:40vh}main:focus{outline:none}.brand{font-weight:700;font-size:1.2rem}nav{display:flex;flex-wrap:wrap;gap:.4rem 1rem}a{color:var(--link);text-decoration:underline;text-underline-offset:.2em}nav a,footer a{display:inline-block;padding:.35rem 0;min-height:44px}a[aria-current=page]{font-weight:700;text-decoration-thickness:3px}
:is(a,button,input,select,summary,[tabindex]):focus-visible{outline:3px solid var(--fg);outline-offset:4px}
.skip{position:absolute;top:0;left:.5rem;transform:translateY(-150%);z-index:10;background:var(--bg);padding:.5rem}.skip:focus{transform:none}
h1{font-size:1.8rem;line-height:1.4}h2{font-size:1.3rem;line-height:1.5}h3{font-size:1.1rem;line-height:1.6}p{margin:.8em 0}h1,h2,h3{scroll-margin-top:1rem}
button,input,select{font:inherit;color:var(--fg);background:var(--bg);border:2px solid var(--line);border-radius:4px;padding:.4rem .6rem;min-height:44px;max-width:100%}button,summary{cursor:pointer}input{min-width:0;width:100%}button{white-space:normal}label{display:block;font-weight:700}select{display:block;width:100%}
.settings,.outline{border:1px solid var(--line);border-radius:6px;padding:.5rem .75rem;margin:1rem 0;background:var(--panel)}summary{min-height:44px;padding:.3rem 0;font-weight:700}.setting-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:1rem;padding:.5rem 0}
.search-controls{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.search-controls input{flex:1 1 15rem}.entries{padding-left:1.2rem}.entries>li{padding:.7rem 0 1rem;border-bottom:1px solid var(--line)}.entries h2,.entries h3{margin:.5rem 0}.meta{font-size:.9rem}.entries[hidden],[hidden]{display:none!important}
article{max-width:40rem}article p{text-align:start}img{max-width:100%;height:auto}figure{margin:1.3rem 0}figcaption{font-size:.9rem}.about-person img{max-width:min(100%,15rem)}
blockquote{border-left:4px solid var(--line);margin:1rem 0;padding:.2rem 1rem;background:var(--panel)}pre{overflow:auto;white-space:pre-wrap}code{overflow-wrap:anywhere}table{border-collapse:collapse;width:100%;min-width:28rem}td,th{border:1px solid var(--line);padding:.5rem;text-align:start}.table-scroll,[role=region]{max-width:100%;overflow:auto}footer{border-top:1px solid var(--line);margin-top:2rem}.outline nav{display:block}.outline a{padding:.2rem 0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
@media(forced-colors:active){a{color:LinkText}button,input,select{border-color:ButtonText}}
