*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}img,video{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}ul,ol{list-style:none}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-400-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-400-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-mono-500-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-mono-500-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-mono-600-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-mono-600-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#f3f1ed;--ink:#1d1b1b;--muted:#4f4d4a;--faint:#6b6966;--label:#3a3a39;--border:#c5c1bb;--surface:#fbf9f6;--underline:rgba(0,0,0,.2);--hairline:rgba(0,0,0,.08);--ink-soft:var(--muted);--bg-elevated:#eceae5;--bg-alt:#eceae5;--border-light:#dedbd4;--accent:#b0642f;--code-bg:#eceae5;--code-fg:#2a2825;--selection-bg:#e4dcc9;--font-mono:"IBM Plex Mono", SFMono-Regular, Menlo, Consolas, monospace;--font-sans:"Noto Sans SC", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-serif:"Noto Serif SC", "Songti SC", "SimSun", Georgia, serif;--page-max-width:760px;--content-padding:32px;--nav-height:44px;--transition-fast:.15s ease;--transition-normal:.2s ease}::-moz-selection{background:var(--selection-bg);color:var(--ink)}::selection{background:var(--selection-bg);color:var(--ink)}body{background:var(--bg);color:var(--ink);font-family:var(--font-mono);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:14px;line-height:1.55}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}p{color:var(--muted);margin:0 0 24px;font-size:14px;line-height:1.55}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}img{max-width:100%;display:block}button{font:inherit;color:inherit}.u-link{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--underline);text-decoration-color:var(--underline);text-underline-offset:3px;transition:text-decoration-color var(--transition-normal)}.u-link:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.ext-arrow{vertical-align:.05em;margin-left:3px;font-size:.85em;display:inline-block}.loading{color:var(--faint);font-size:13px}.not-found{max-width:var(--page-max-width);padding:120px var(--content-padding);margin:0 auto}.not-found h1{color:var(--ink);margin-bottom:12px;font-size:17px;font-weight:500}.not-found p{margin-bottom:20px}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.home-page>*{animation:.4s both fadeUp}.home-page>:first-child{animation-delay:0s}.home-page>:nth-child(2){animation-delay:40ms}.home-page>:nth-child(3){animation-delay:80ms}.home-page>:nth-child(4){animation-delay:.12s}.home-page>:nth-child(5){animation-delay:.16s}.home-page>:nth-child(6){animation-delay:.2s}.home-page>:nth-child(7){animation-delay:.24s}.home-page>:nth-child(n+8){animation-delay:.28s}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.home-page{max-width:var(--page-max-width);padding:78px var(--content-padding) 110px;gap:54px;margin:0 auto;display:grid}.topbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.update-notice{border:1px solid var(--hairline);transition:border-color var(--transition-normal);border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;animation:3s ease-in-out infinite breathing;display:inline-flex}.update-notice:hover{border-color:rgba(0,0,0,.18)}@keyframes breathing{0%,to{opacity:1}50%{opacity:.72}}.update-date{color:var(--faint);font-size:12px}.update-text{color:var(--muted)}.update-link{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--underline);text-decoration-color:var(--underline);text-underline-offset:3px;transition:text-decoration-color var(--transition-normal);font-weight:500}.update-link:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.hero h1{letter-spacing:.01em;color:var(--ink);margin:0 0 18px;font-size:17px;font-weight:500}.hero p{margin:0 0 24px}.social-links{flex-wrap:wrap;align-items:center;gap:12px;margin:0;display:inline-flex}.social-link{color:var(--muted);transition:color var(--transition-normal);align-items:center;gap:5px;font-size:13px;display:inline-flex}.social-link:hover{color:var(--ink)}.social-icon{flex-shrink:0;width:14px;height:14px}.social-name{text-decoration:underline;-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border);text-underline-offset:3px;transition:text-decoration-color var(--transition-normal)}.social-link:hover .social-name{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.social-divider{color:var(--border);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:13px}.section-header{align-items:center;gap:10px;margin-bottom:14px;display:flex}.section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--label);white-space:nowrap;font-size:13px}.section-rule{background:var(--border);flex:1;height:1px}.entry{margin-bottom:20px}.entry:last-child{margin-bottom:0}.entry-title{color:var(--ink);font-size:14px;line-height:1.5;display:inline-block}a.entry-title{text-decoration:underline;-webkit-text-decoration-color:var(--underline);text-decoration-color:var(--underline);text-underline-offset:3px;transition:text-decoration-color var(--transition-normal);font-weight:500}a.entry-title:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.entry-desc{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.product-philosophy{color:var(--muted);margin:0 0 28px;font-size:13px;line-height:1.6}.product-writing-label{color:var(--faint);letter-spacing:.08em;text-transform:uppercase;margin:16px 0 0;font-size:11px}.product-writing-entry{color:var(--ink);margin:8px 0 0;font-size:14px;line-height:1.45}.product-writing-entry .entry-meta{color:var(--faint);margin-left:8px;font-size:12px}.section-more{color:var(--faint);margin:14px 0 0;font-size:12px}.section-more a{text-decoration:underline;-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border);text-underline-offset:3px;transition:color var(--transition-normal), text-decoration-color var(--transition-normal)}.section-more a:hover{color:var(--ink);-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.subscribe-block{gap:14px;margin-top:8px;display:grid}.subscribe-row{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.subscribe-form{gap:8px;display:flex}.subscribe-input{border:1px solid var(--border);background:var(--surface);width:220px;color:var(--ink);font-family:var(--font-mono);transition:border-color var(--transition-normal);border-radius:6px;padding:7px 11px;font-size:13px}.subscribe-input::-webkit-input-placeholder{color:var(--faint)}.subscribe-input::-moz-placeholder{color:var(--faint)}.subscribe-input::-ms-input-placeholder{color:var(--faint)}.subscribe-input::placeholder{color:var(--faint)}.subscribe-input:focus{border-color:var(--ink);outline:none}.subscribe-btn{border:1px solid var(--ink);background:var(--ink);color:var(--bg);cursor:pointer;transition:opacity var(--transition-normal);border-radius:6px;padding:7px 14px;font-size:13px}.subscribe-btn:hover{opacity:.82}.subscribe-btn:disabled{opacity:.55;cursor:default}.subscribe-rss{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--underline);text-decoration-color:var(--underline);text-underline-offset:3px;transition:text-decoration-color var(--transition-normal);align-items:center;gap:6px;font-size:14px;display:inline-flex}.subscribe-rss:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.subscribe-rss svg{flex-shrink:0;width:12px;height:12px}.contact-block{gap:16px;margin-top:8px;display:grid}.contact-links{flex-wrap:wrap;gap:18px;font-size:15px;display:flex}.contact-links a{text-decoration:underline;-webkit-text-decoration-color:var(--underline);text-decoration-color:var(--underline);text-underline-offset:3px;transition:text-decoration-color var(--transition-normal)}.contact-links a:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.detail-page{max-width:var(--page-max-width);padding:56px var(--content-padding) 110px;gap:40px;margin:0 auto;display:grid}.detail-top{align-items:center;gap:12px;display:flex}.back-link{color:var(--faint);transition:color var(--transition-normal);align-items:center;gap:6px;font-size:12px;display:inline-flex}.back-link:hover{color:var(--ink)}.detail-header{border-bottom:1px solid var(--border);padding-bottom:20px}.detail-title{font-family:var(--font-sans);color:var(--ink);margin-bottom:10px;font-size:24px;font-weight:600;line-height:1.35}.detail-meta{color:var(--faint);flex-wrap:wrap;align-items:baseline;gap:14px;font-size:12px;display:flex}.detail-excerpt{color:var(--muted);margin:16px 0 0;font-size:13px;line-height:1.7}.detail-tags{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.tag{border:1px solid var(--border);letter-spacing:.03em;color:var(--faint);border-radius:4px;padding:1px 8px;font-size:11px;display:inline-block}.detail-body{padding-bottom:20px}.list-page{max-width:var(--page-max-width);padding:56px var(--content-padding) 110px;gap:34px;margin:0 auto;display:grid}.list-header{border-bottom:1px solid var(--border);padding-bottom:18px}.list-title{color:var(--ink);margin-bottom:8px;font-size:17px;font-weight:500}.list-desc{color:var(--muted);margin:0;font-size:13px}.list-items{gap:22px;display:grid}.list-item-date{color:var(--faint);margin-top:4px;font-size:12px;display:block}.site-footer{max-width:var(--page-max-width);padding:0 var(--content-padding) 46px;color:var(--faint);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin:0 auto;font-size:12px;display:flex}.site-footer-links{flex-wrap:wrap;gap:14px;display:flex}.site-footer-links a{transition:color var(--transition-normal)}.site-footer-links a:hover{color:var(--ink)}@media (max-width:640px){.home-page{padding:60px var(--content-padding) 80px;gap:44px}.topbar{flex-direction:column-reverse;align-items:flex-end;gap:16px}.detail-page,.list-page{padding:40px var(--content-padding) 80px}.subscribe-input{flex-basis:100%}}.markdown-body{font-family:var(--font-serif);color:var(--ink-soft);letter-spacing:.02em;font-size:16px;line-height:2}.markdown-body>:first-child{margin-top:0}.markdown-body>:last-child{margin-bottom:0}.markdown-body p{color:var(--ink-soft);margin-bottom:18px}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{font-family:var(--font-sans);color:var(--ink);font-weight:600;line-height:1.5}.markdown-body h1{margin:40px 0 16px;font-size:20px}.markdown-body h2{margin:36px 0 14px;font-size:18px}.markdown-body h3{margin:30px 0 12px;font-size:16px}.markdown-body h4{color:var(--muted);margin:26px 0 10px;font-size:15px}.markdown-body a{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border);text-underline-offset:4px;transition:text-decoration-color var(--transition-fast)}.markdown-body a:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.markdown-body strong{color:var(--ink);font-weight:600}.markdown-body em{color:var(--ink);font-style:italic}.markdown-body ul{margin:8px 0 18px;padding-left:18px;list-style:none}.markdown-body ul li{margin-bottom:8px;position:relative}.markdown-body ul li:before{content:"·";color:var(--faint);position:absolute;left:-14px}.markdown-body ol{margin:8px 0 18px;padding-left:22px;list-style:decimal}.markdown-body ol ol{list-style-type:lower-alpha}.markdown-body ol ol ol{list-style-type:lower-roman}.markdown-body ol li,.markdown-body li>p{margin-bottom:8px}.markdown-body blockquote{border-left:2px solid var(--border);color:var(--muted);margin:22px 0;padding:2px 0 2px 16px;font-style:italic}.markdown-body blockquote p:last-child{margin-bottom:0}.markdown-body code{font-family:var(--font-mono);background:var(--code-bg);color:var(--code-fg);border-radius:3px;padding:1px 5px;font-size:.92em}.markdown-body pre{color:#e6e2dc;background:#211f1d;border-radius:6px;margin-bottom:18px;padding:16px 18px;font-size:12.5px;line-height:1.65;overflow-x:auto}.markdown-body pre code{color:inherit;font-size:inherit;background:0 0;padding:0}.markdown-body img{border-radius:6px;max-width:100%;margin:22px 0}.markdown-body hr{border:none;border-top:1px solid var(--border);margin:36px 0}.markdown-body table{border-collapse:collapse;width:100%;margin:18px 0;font-size:13px}.markdown-body th,.markdown-body td{border:1px solid var(--border);text-align:left;vertical-align:top;padding:8px 12px}.markdown-body th{background:var(--bg-alt);color:var(--ink);font-weight:500}.code-block-wrapper{margin-bottom:18px;position:relative}.code-block-wrapper pre{margin-bottom:0}.code-copy-btn{z-index:1;color:rgba(255,255,255,.5);font-family:var(--font-mono);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:3px;padding:3px 8px;font-size:11px;line-height:1.6;position:absolute;top:8px;right:8px}.code-copy-btn:hover{color:rgba(255,255,255,.85);background:rgba(255,255,255,.18)}.code-copy-btn.copied{color:#7dd3a8}