:root{color-scheme:light;--bg-primary: #f7f1e8;--bg-secondary: #fcf8f2;--bg-card: rgba(255, 251, 245, .88);--bg-card-hover: #f7eee5;--bg-raised: #fffdf9;--bg-code: #f4ece2;--text-primary: #181512;--text-secondary: #5f564c;--text-muted: #8a7d6e;--accent: #c77756;--accent-rgb: 199, 119, 86;--accent-strong: #af5f40;--accent-hover: rgba(199, 119, 86, .12);--success: #62896a;--success-rgb: 98, 137, 106;--border-color: rgba(54, 43, 31, .14);--border-hover: rgba(199, 119, 86, .34);--border-strong: rgba(54, 43, 31, .28);--header-bg: rgba(252, 248, 242, .86);--dropdown-bg: rgba(255, 252, 246, .98);--scrollbar-track: #efe5d9;--scrollbar-thumb: #c8b6a2;--scrollbar-border: #efe5d9;--bg-gradient-start: #fcf8f1;--bg-gradient-end: #f3ebdf;--grid-color: rgba(66, 50, 33, .06);--shadow-soft: 0 18px 40px rgba(61, 44, 23, .08);--shadow-crisp: 0 8px 18px rgba(61, 44, 23, .06);--radius-sm: 10px;--radius-md: 18px;--radius-lg: 26px;--radius-pill: 999px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--site-gutter: clamp(1rem, 2.5vw, 2rem);--site-safe-width: calc(100% - (var(--site-gutter) + var(--site-gutter)));--container-readable: 72ch;--container-default: 1120px;--container-wide: 1280px;--container-xl: 1440px;--container-app: 1720px;--layout-gap: clamp(1rem, 1.8vw, 1.6rem);--panel-padding: clamp(1rem, 1.6vw, 1.35rem);--font-sans: "IBM Plex Sans", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-display: "IBM Plex Sans", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono: "IBM Plex Mono", "Cascadia Code", "JetBrains Mono", "SFMono-Regular", "Consolas", monospace}@font-face{font-family:Atkinson;src:url(/fonts/atkinson-regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Atkinson;src:url(/fonts/atkinson-bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}html{scroll-behavior:smooth}body{font-family:var(--font-sans);margin:0;padding:0;text-align:left;background:radial-gradient(circle at top left,rgba(var(--accent-rgb),.1),transparent 24%),linear-gradient(180deg,var(--bg-gradient-start) 0%,var(--bg-gradient-end) 100%);background-attachment:fixed;word-wrap:break-word;overflow-wrap:break-word;color:var(--text-primary);font-size:18px;line-height:1.72;letter-spacing:.01em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .3s ease,color .3s ease}main{display:block}h1,h2,h3,h4,h5,h6{margin:0 0 .5rem;color:var(--text-primary);line-height:1.15;font-family:var(--font-display);letter-spacing:0}strong,b{font-weight:700}a{color:var(--accent-strong);text-decoration-color:rgba(var(--accent-rgb),.42);text-underline-offset:.16em;transition:color .2s ease,text-decoration-color .2s ease}a:hover{color:var(--accent);text-decoration-color:rgba(var(--accent-rgb),.78)}p{margin:0 0 1em;color:var(--text-secondary)}.prose p{margin-bottom:1.5em}textarea,input,button{font:inherit}textarea,input{width:100%;font-size:16px;background-color:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md)}table{width:100%;border-collapse:collapse}img{max-width:100%;height:auto;border-radius:var(--radius-sm)}code,kbd,samp{font-family:var(--font-mono)}code{padding:.18em .42em;background-color:var(--bg-code);border:1px solid rgba(54,43,31,.08);border-radius:6px;color:var(--text-primary);font-size:.92em}pre{padding:1.5em;border-radius:var(--radius-md);font-size:.88em;max-height:720px;overflow:auto;background-color:var(--bg-card)!important;border:1px solid var(--border-color);box-shadow:var(--shadow-crisp)}pre>code{all:unset;font-family:var(--font-mono)}blockquote{border-left:3px solid var(--accent);padding:0 0 0 1rem;margin:0;font-size:1.08em;color:var(--text-secondary)}hr{border:none;border-top:1px solid var(--border-color)}::selection{background:rgba(var(--accent-rgb),.2);color:var(--text-primary)}.shell-kicker,.shell-chip,.shell-window__title{font-family:var(--font-mono)}.shell-kicker{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .9rem;border:1px solid var(--border-color);border-radius:var(--radius-pill);background:#fffdf9c7;color:var(--text-secondary);font-size:.82rem;letter-spacing:.02em;box-shadow:var(--shadow-crisp)}.shell-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .7rem;border:1px solid var(--border-color);border-radius:var(--radius-pill);background:#fffdf9d1;color:var(--text-secondary);font-size:.78rem}.shell-chip--accent{color:var(--accent-strong);border-color:rgba(var(--accent-rgb),.28);background:rgba(var(--accent-rgb),.08)}.shell-chip--success{color:var(--success);border-color:rgba(var(--success-rgb),.24);background:rgba(var(--success-rgb),.08)}.shell-window{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-card);box-shadow:var(--shadow-soft);container-type:inline-size;overflow:hidden}.shell-window__bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-width:0;padding:.9rem 1.15rem;border-bottom:1px solid var(--border-color);background:#fffcf7e6}.shell-window__dots{display:inline-flex;align-items:center;gap:.45rem}.shell-window__dots span{width:.65rem;height:.65rem;border-radius:999px;background:#f0c26c}.shell-window__dots span:first-child{background:#eb8d7d}.shell-window__dots span:last-child{background:#89c392}.shell-window__title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted);font-size:.8rem;letter-spacing:.03em}@container (max-width: 34rem){.shell-window__bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.55rem;padding:.82rem .95rem}.shell-window__bar .shell-chip{padding:.28rem .55rem;font-size:.72rem;white-space:nowrap}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:5px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:5px;border:2px solid var(--scrollbar-border)}::-webkit-scrollbar-thumb:hover{background:#b49d86}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}h1{font-size:4rem}h2{font-size:2.7rem}h3{font-size:1.85rem}h4{font-size:1.3rem}h5{font-size:1.05rem}@media(max-width:720px){body{font-size:17px}h1{font-size:2.85rem}h2{font-size:2.15rem}h3{font-size:1.55rem}}.sr-only{border:0;padding:0;margin:0;position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap}#main-header{margin:0;padding:1rem 0 0;position:sticky;top:0;z-index:1000;transition:transform .3s ease-in-out}#main-header.hidden{transform:translateY(calc(-100% - 1rem))}#main-header .header-shell{width:min(var(--site-safe-width),var(--header-max, var(--container-wide)));max-width:none;margin:0 auto;padding:.2rem;border:1px solid var(--border-color);border-radius:30px;background:var(--header-bg);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:var(--shadow-crisp)}#main-header nav{display:grid;grid-template-columns:minmax(12rem,1fr) auto auto;align-items:center;gap:1rem;padding:1rem 1.15rem}#main-header .brand-block{display:flex;flex-direction:column;gap:.18rem;min-width:0}#main-header .site-brand{display:inline-flex;align-items:baseline;gap:.45rem;width:fit-content;max-width:100%;font-family:var(--font-mono);font-size:1.08rem;font-weight:600;line-height:1;text-decoration:none;color:var(--text-primary)}#main-header .site-brand__prefix{color:var(--accent)}#main-header .site-brand__name{letter-spacing:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#main-header .site-brand__meta{margin:0;color:var(--text-muted);font-family:var(--font-mono);font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#main-header .internal-links{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center}#main-header .internal-links a{display:inline-flex;align-items:center;justify-content:center;padding:.7rem 1rem;border:1px solid var(--border-color);border-radius:var(--radius-pill);background:#fffcf7cc;color:var(--text-secondary);text-decoration:none;font-family:var(--font-mono);font-size:.88rem;letter-spacing:.01em;box-shadow:0 1px #ffffffb3 inset;transition:transform .2s ease,border-color .2s ease,color .2s ease,background-color .2s ease,box-shadow .2s ease}#main-header .internal-links a.active{color:var(--accent-strong);border-color:var(--border-hover);background:rgba(var(--accent-rgb),.08);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.08)}#main-header .internal-links a:hover{color:var(--accent);border-color:var(--border-hover);transform:translateY(-1px)}#main-header .social-links{display:flex;justify-content:flex-end;align-items:center;gap:.75rem}#main-header .social-links a{display:inline-flex;align-items:center;gap:.55rem;padding:.72rem .95rem;border:1px solid var(--border-color);border-radius:var(--radius-pill);background:#fffcf7db;text-decoration:none;color:var(--text-secondary);font-family:var(--font-mono);font-size:.84rem;transition:color .2s ease,transform .2s ease,border-color .2s ease,background-color .2s ease}#main-header .social-links__label{line-height:1}#main-header .social-links a:hover{color:var(--accent);border-color:var(--border-hover);background:rgba(var(--accent-rgb),.06);transform:translateY(-1px)}@media(max-width:64rem){#main-header nav{grid-template-columns:minmax(0,1fr) auto;gap:.9rem;padding:1rem}#main-header .brand-block{align-items:flex-start;text-align:left}#main-header .internal-links{grid-column:1 / -1;justify-content:center}#main-header .social-links{justify-content:flex-end}}@media(max-width:42rem){#main-header{padding-top:.75rem}#main-header .header-shell{border-radius:24px}#main-header nav{padding:.85rem}#main-header .internal-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%}#main-header .internal-links a,#main-header .social-links a,#main-header .social-links{width:100%}#main-header .internal-links a{padding:.62rem .5rem}#main-header .social-links{width:auto}#main-header .social-links a{width:auto;padding:.62rem .72rem}#main-header .social-links__label{display:none}}@media(max-width:30rem){#main-header .internal-links{grid-template-columns:repeat(2,minmax(0,1fr))}}body.layout-base{min-height:100vh;margin:0;position:relative;background:radial-gradient(circle at top left,rgba(var(--accent-rgb),.08),transparent 20%),linear-gradient(180deg,#fffbf58c,#f7f1e8bf)}body.layout-base:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(180deg,#000000b3,#00000014);opacity:.85;z-index:0}body.layout-base>*{position:relative;z-index:1}body.layout-base main{width:min(var(--site-safe-width),var(--page-max, var(--container-default)));max-width:none;margin:0 auto;min-height:100vh;padding:clamp(1rem,2vw,1.5rem) 0 4.5rem;box-sizing:border-box}@media(max-width:720px){body.layout-base:before{background-size:24px 24px}body.layout-base main{width:min(calc(100% - 1.5rem),var(--page-max, var(--container-default)));padding-top:1rem;padding-bottom:3.5rem}}