:root{color-scheme:light;--bg:#f5f4ed;--surface:#faf9f5;--surface-2:#eee8dd;--text:#3d3d3a;--heading:#141413;--muted:#5e5d59;--meta:#87867f;--subtle:#b0aea5;--accent:#c96442;--accent-soft:#d97757;--line:#e3dfd2;--line-strong:#d1cfc5;--inline-code-bg:#e8e6dc;--code-bg:#141413;--selection:#c9644240;--tag-pill-bg:#eee8dd;--tag-pill-border:#d8d3c6;--tag-pill-text:#4d4c48;--tag-pill-hover-bg:#e6ded0;--tag-pill-hover-border:#c9c1b1;--focus-ring:#c9644260;--font-title:"Noto Serif SC", "Source Han Serif SC", "Songti SC", Georgia, serif;--font-body-zh:"Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-body-en:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Consolas, monospace}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-rendering:optimizelegibility;scroll-behavior:smooth;font-size:17px;line-height:1.75}@media (width<=767px){html{font-size:16px}}body{background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--font-body-en),var(--font-body-zh);letter-spacing:.012em;line-break:loose;overflow-wrap:break-word;text-autospace:ideograph-alpha ideograph-numeric;margin:0;position:relative}body:before{content:"";z-index:-2;pointer-events:none;background:radial-gradient(circle at 18% 14%,#d7b99b26 0 11rem,#0000 18rem),radial-gradient(circle at 83% 72%,#c9644214 0 10rem,#0000 18rem),linear-gradient(90deg,#68513d09 1px,#0000 1px) 0 0/44px 44px,linear-gradient(#68513d07 1px,#0000 1px) 0 0/44px 44px;position:fixed;inset:0}::selection{background:var(--selection)}a{color:var(--accent);text-underline-offset:.16em;text-decoration-thickness:.08em}a:hover{color:var(--accent-soft)}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}img,svg,video,canvas{max-width:100%;height:auto;display:block}.page-doodles{z-index:-1;pointer-events:none;opacity:.9;position:fixed;inset:0;overflow:hidden}.page-doodle-stack{width:clamp(13rem,15vw,17.5rem);position:absolute;top:50%}.page-doodle-stack--left{left:calc(25vw - 190px - clamp(6.5rem,7.5vw,8.75rem));transform:translateY(-50%)rotate(-4deg)}.page-doodle-stack--right{right:calc(25vw - 190px - clamp(6.5rem,7.5vw,8.75rem));transform:translateY(-50%)rotate(4deg)}.page-doodle{mix-blend-mode:normal;opacity:.72;filter:none;border-radius:0;width:100%;height:auto}.page-doodle--fox{transform:translateY(1.2rem)scale(.68)}.page-doodle--hand-card{transform:translateY(-.8rem)scale(1.04)}@media (width<=1280px){.page-doodles{opacity:.72}.page-doodle-stack{width:11rem}.page-doodle-stack--left{left:.75rem}.page-doodle-stack--right{right:.75rem}}@media (width<=1080px){.page-doodles{display:none}}.page-main{max-width:760px;margin-inline:auto;padding-block:4rem 5rem}@media (width<=767px){.page-main{padding:2.5rem 1rem 4rem}}.site-header{margin:0 0 2.9rem}.site-header-top{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.site-title{color:var(--heading);font-family:var(--font-title);letter-spacing:.02em;margin:0;font-size:clamp(2rem,1.55rem + 1.5vw,2.65rem);font-weight:700;line-height:1.25}.site-title a{color:inherit;text-decoration:none}.site-brand{align-items:center;gap:.62rem;display:inline-flex}.site-logo{border-radius:.55rem;flex:none;width:2.1rem;height:2.1rem}.site-subtitle{color:var(--muted);margin:.55rem 0 0;font-size:1.02rem}.site-navigation{flex-wrap:wrap;align-items:center;gap:.9rem 1.1rem;margin-top:1.1rem;display:flex}.site-nav-links{flex-wrap:wrap;align-items:center;gap:1rem;width:100%;display:flex}.site-nav-link{color:var(--accent);font-family:var(--font-title);letter-spacing:.025em;align-items:center;gap:.42rem;font-size:1.02rem;font-weight:600;line-height:1.2;text-decoration:none;transition:color .16s;display:inline-flex}.site-nav-link:hover{color:var(--accent-soft)}.site-nav-link--icon svg{width:1.05rem;height:1.05rem}.site-nav-link-label{line-height:1}.home-search{flex:18rem;align-items:center;gap:.6rem;min-width:min(100%,18rem);margin-left:auto;display:inline-flex}.search-input-wrap{flex:auto;min-width:0;display:block}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.search-input{border:1px solid var(--line);background:var(--surface);width:100%;min-height:2.7rem;color:var(--heading);font:inherit;border-radius:999px;padding:.72rem 1rem;font-size:.96rem;line-height:1.35;box-shadow:0 .65rem 1.6rem #1414130b}.search-input::placeholder{color:var(--meta)}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 .22rem var(--focus-ring),#1414130b 0 .65rem 1.6rem;outline:none}.search-trigger{appearance:none;border:1px solid var(--line);background:var(--tag-pill-bg);width:2.7rem;height:2.7rem;color:var(--heading);cursor:pointer;border-radius:999px;flex:none;justify-content:center;align-items:center;transition:background-color .16s,border-color .16s,color .16s,transform .16s,box-shadow .16s;display:inline-flex}.search-trigger:hover{border-color:var(--tag-pill-hover-border);background:var(--tag-pill-hover-bg);color:var(--accent);box-shadow:0 .65rem 1.6rem #1414130f}.search-trigger:active{transform:scale(.97)}.search-trigger svg{width:1.12rem;height:1.12rem}.article-list{margin-top:0}.article-entry+.article-entry{margin-top:3.05rem}.article-title{font-family:var(--font-title);color:var(--heading);letter-spacing:.01em;margin:0;font-size:clamp(1.48rem,1.2rem + .8vw,1.9rem);font-weight:650;line-height:1.42}.article-title a{color:inherit;text-decoration:none}.article-title a:hover{color:var(--accent)}.article-description{color:var(--muted);margin:.82rem 0 0;font-size:.99rem;line-height:1.85}.article-meta{color:var(--meta);font-family:var(--font-body-en),var(--font-body-zh);margin-top:.78rem;font-size:.9rem;line-height:1.72}.article-meta-line{flex-wrap:wrap;gap:.15rem .95rem;margin:0;display:flex}.article-meta-line span{white-space:nowrap}.article-tag-list{color:var(--meta);flex-wrap:wrap;gap:.15rem .75rem;margin:.48rem 0 0;padding:0;font-size:.9rem;list-style:none;display:flex}.article-tag-list a{color:inherit;text-underline-offset:.16em;text-decoration-line:underline;text-decoration-thickness:.06em}.article-tag-list a:hover{color:var(--accent)}.pagination{text-align:center;margin-top:3.4rem}.pagination-summary{color:var(--muted);margin:0 0 .9rem;font-size:.95rem}.pagination-links{flex-wrap:wrap;justify-content:center;gap:.65rem;display:flex}.pagination-link{border:1px solid var(--tag-pill-border);background:var(--tag-pill-bg);min-width:2.55rem;min-height:2.55rem;color:var(--text);border-radius:0;justify-content:center;align-items:center;padding:.45rem .85rem;text-decoration:none;display:inline-flex}.pagination-link--current,.pagination-link:hover{border-color:var(--tag-pill-hover-border);background:var(--tag-pill-hover-bg);color:var(--heading)}.pagination-link--disabled{color:var(--subtle);cursor:not-allowed}.pagination-link--arrow{min-width:4.8rem}.article-back-link{color:var(--muted);align-items:center;margin-bottom:1.25rem;font-size:.95rem;text-decoration:none;display:inline-flex}.article-back-link:hover{color:var(--accent)}.article-header{margin-top:.25rem;margin-bottom:2.4rem}.article-header h1{color:var(--heading);font-family:var(--font-title);letter-spacing:.01em;margin:0;font-size:clamp(1.85rem,1.55rem + 1vw,2.28rem);font-weight:700;line-height:1.34}.article-header .article-description{margin-top:.95rem;font-size:1.02rem}.article-meta--flow{flex-wrap:wrap;align-items:baseline;gap:.1rem .85rem;display:flex}.article-tag-list--flow{margin-top:0}.article-toc{backdrop-filter:blur(6px);background:#faf9f5bf;border:1px solid #c9644229;border-radius:0;margin:0 0 1.8rem}.article-toc-head{justify-content:space-between;align-items:center;padding:.75rem .9rem;display:flex}.article-toc-title{color:var(--muted);margin:0;font-size:.95rem}.article-toc-body{color:var(--meta);padding:0 .9rem .85rem;font-size:.88rem}.article-toc-body a{color:inherit;padding:.12rem 0;text-decoration:none;display:inline-block}.article-toc-body a:hover{color:var(--accent)}.article-toc-body ul{margin:0;padding:0;list-style:none}.article-toc-body li+li{margin-top:.18rem}.markdown{font-size:1rem;line-height:1.95}.markdown>:first-child{margin-top:0}.markdown h2,.markdown h3{font-family:var(--font-title);color:var(--heading);letter-spacing:.01em;font-weight:650;line-height:1.35}.markdown h2{margin:2.55rem 0 .85rem;font-size:1.65rem}.markdown h3{margin:2rem 0 .65rem;font-size:1.28rem}.markdown p{margin:1.05rem 0}.markdown ul,.markdown ol{padding-left:1.45rem}.markdown li+li{margin-top:.25rem}.markdown strong{color:var(--heading);font-weight:650}.markdown code{font-family:var(--font-mono);background:var(--inline-code-bg);color:#4d4c48;border-radius:.32rem;padding:.1rem .35rem;font-size:.92em}.markdown pre{background:var(--code-bg);color:#faf9f5;border-radius:0;padding:1rem 1.1rem;line-height:1.65;overflow:auto}.markdown pre code{color:inherit;background:0 0;padding:0}.markdown blockquote{border:1px solid #c9644230;border-left:3px solid var(--accent);background:var(--surface);color:var(--muted);margin:1.6rem 0;padding:1rem 1.1rem}.markdown img{border-radius:.35rem;margin:1.4rem auto}.markdown hr{border:0;border-top:1px solid var(--line);margin:2.4rem 0}.section-kicker{color:var(--accent);font-family:var(--font-mono);letter-spacing:.16em;margin:0 0 .55rem;font-size:.78rem;font-weight:600}.projects-hero{margin-bottom:2rem}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.project-card{background:linear-gradient(145deg,#faf9f5e6,#eee8ddad);border:1px solid #d8d3c6;min-height:17rem;padding:1.15rem;position:relative;overflow:hidden;box-shadow:0 .8rem 2rem #1414130b}.project-card:before{content:"";background:#c9644212;border:1px solid #c9644226;border-radius:999px;width:7rem;height:7rem;position:absolute;top:-2.7rem;right:-2.7rem}.project-card-head{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex;position:relative}.project-eyebrow{color:var(--meta);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.72rem}.project-status{color:var(--muted);background:#faf9f5cc;border:1px solid #d8d3c6;border-radius:999px;flex:none;padding:.18rem .5rem;font-size:.72rem;line-height:1.35}.project-title{color:var(--heading);font-family:var(--font-title);margin:.78rem 0 0;font-size:1.45rem;line-height:1.32;position:relative}.project-description{color:var(--muted);margin:.72rem 0 0;font-size:.94rem;line-height:1.78;position:relative}.project-tags{flex-wrap:wrap;gap:.45rem;margin:1rem 0 1.2rem;padding:0;list-style:none;display:flex;position:relative}.project-tags li{border:1px solid var(--tag-pill-border);background:var(--tag-pill-bg);color:var(--tag-pill-text);border-radius:999px;padding:.18rem .55rem;font-size:.78rem}.project-link{color:var(--accent);font-family:var(--font-title);align-items:center;font-weight:650;text-decoration:none;display:inline-flex;position:absolute;bottom:1.05rem;left:1.15rem}.project-link:after{content:"→";margin-left:.38rem;transition:transform .16s}.project-link:hover:after{transform:translate(.16rem)}footer{padding:0 1rem 2.5rem}.site-footer-inner{max-width:760px;color:var(--muted);justify-content:center;margin:0 auto;font-size:.9rem;display:flex}.site-footer-inner a{color:inherit}@media (width<=767px){.site-header{margin-bottom:2.4rem}.site-header-top,.site-navigation{align-items:flex-start}.home-search{flex-basis:100%;width:100%;min-width:0;margin-left:0}.search-input{font-size:1rem}.article-entry+.article-entry{margin-top:2.45rem}.pagination-links{gap:.5rem}.pagination-link{min-width:2.3rem;min-height:2.3rem;padding:.35rem .7rem;font-size:.9rem}.pagination-link--arrow{min-width:4.2rem}.project-grid{grid-template-columns:1fr}.project-card{min-height:15.8rem}}.bgm-player{z-index:30;backdrop-filter:blur(12px);color:var(--heading);background:#faf9f5d1;border:1px solid #d8d3c6;border-radius:999px;align-items:center;gap:.55rem;padding:.48rem .55rem;display:flex;position:fixed;bottom:1.15rem;right:1.15rem;box-shadow:0 .65rem 1.8rem #14141314}.bgm-toggle{appearance:none;color:inherit;cursor:pointer;font-family:var(--font-title);background:0 0;border:0;border-radius:999px;align-items:center;gap:.38rem;padding:.32rem .38rem;font-size:.9rem;font-weight:700;line-height:1;display:inline-flex}.bgm-toggle:hover{color:var(--accent)}.bgm-icon{background:var(--accent);width:1.45rem;height:1.45rem;color:var(--surface);font-family:var(--font-body-en);border-radius:999px;justify-content:center;align-items:center;font-size:.9rem;line-height:1;display:inline-flex}.bgm-player.is-playing .bgm-icon{animation:1.4s ease-in-out infinite bgmPulse}.bgm-player.is-missing{opacity:.72}.bgm-player.is-missing .bgm-icon{background:var(--meta)}.bgm-volume{width:4.6rem;accent-color:var(--accent);cursor:pointer}@keyframes bgmPulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@media (width<=767px){.bgm-player{padding:.42rem;bottom:.85rem;right:.85rem}.bgm-volume{display:none}.bgm-text{font-size:.82rem}}