@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/DMSans-Regular.woff2)format("woff2")}@font-face{font-family:DM Sans;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/DMSans-Italic.woff2)format("woff2")}@font-face{font-family:DM Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/DMSans-Bold.woff2)format("woff2")}:root{--font:"DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang TC", "Microsoft JhengHei", sans-serif;--font-mono:ui-monospace, "SF Mono", "JetBrains Mono", Consolas, monospace;--background:#000;--primary:#fff48d;--foreground:#fff;--tertiary:#24231d;--container:1061px;--content:652px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--background);-webkit-font-smoothing:antialiased;font-size:16px}body{font-family:var(--font);background:var(--background);color:var(--foreground);flex-direction:column;min-height:100vh;font-size:1rem;line-height:1.5;display:flex}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::selection{background:var(--primary);color:#000}.site-header{z-index:50;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--tertiary);background:#000000d9;position:sticky;top:0}.site-header-flex{max-width:var(--container);justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;padding:1.25rem 1.5rem;display:flex}.brand-logo{letter-spacing:-.01em;color:var(--foreground);font-size:1.125rem;font-weight:700}.navbar{align-items:center;gap:.5rem;display:flex}.nav-menu{align-items:center;gap:1.25rem;list-style:none;display:flex}.nav-menu li{list-style:none}.nav-menu a{color:var(--foreground);opacity:.7;align-items:center;padding:.35rem .5rem;font-size:1.0625rem;font-weight:400;transition:opacity .15s,color .15s;display:inline-flex}.nav-menu a:hover,.nav-menu a.active{opacity:1;color:var(--primary)}.burger{display:none}@media (width<=768px){.burger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:4px;padding:6px;display:flex}.burger .bar{background:var(--foreground);width:18px;height:2px}.nav-menu{background:var(--background);border:1px solid var(--tertiary);border-radius:8px;flex-direction:column;gap:.25rem;padding:.75rem;display:none;position:fixed;top:73px;left:1rem;right:1rem}.nav-menu.open{display:flex}.nav-menu a{width:100%;padding:.7rem 1rem}}.hero-text{max-width:var(--container);text-align:center;flex-direction:column;align-items:center;gap:1.5rem;margin:0 auto;padding:clamp(4rem,11vh,7rem) 1.5rem clamp(3.5rem,9vh,6rem);display:flex}.hero-text h1{letter-spacing:-.01em;color:var(--foreground);max-width:24ch;font-size:clamp(2rem,5vw,3.25rem);font-weight:400;line-height:1.15}.hero-text .hero-desc{color:var(--foreground);opacity:.8;max-width:44ch;font-size:1.125rem;font-weight:400}.posts-list{max-width:var(--container);margin:0 auto;padding:0 1.5rem 6rem}.post-item{border-bottom:1px solid var(--tertiary);padding:1.4rem 0;transition:opacity .2s;display:block}.post-item:last-child{border-bottom:none}.post-item:hover{opacity:.55}.post-item-title{letter-spacing:-.015em;color:var(--foreground);font-size:clamp(1.25rem,2.6vw,2rem);font-weight:400;line-height:1.25}.post-item-date{color:var(--foreground);opacity:.75;margin-top:.6rem;font-size:.9375rem;font-weight:400;display:block}.pagination{max-width:var(--content);justify-content:space-between;gap:1rem;margin:0 auto;padding:0 1.5rem 4rem;display:flex}.pagination a{color:var(--primary);border-bottom:1px solid var(--tertiary);padding:.4rem 0;font-size:.95rem;transition:border-color .15s}.pagination a:hover{border-color:var(--primary)}.article{max-width:var(--container);margin:0 auto;padding:0 1.5rem}.art-topline{border-top:2px solid var(--primary);margin-top:1.5em}.art-head{align-items:center;gap:2rem;padding:1.25em 0 2em;display:flex}.art-date-col{color:var(--foreground);opacity:.85;flex:0 0 4.5rem;padding-top:.75rem;font-size:1rem}.art-title-col{flex:1}.art-title{letter-spacing:-.015em;margin:0;font-size:clamp(1.75rem,4.5vw,3rem);font-weight:400;line-height:1.15}.art-body{gap:2rem;padding-bottom:2rem;display:flex}.art-body-col{flex:0 0 4.5rem}.art-content-col{flex:1;max-width:652px}.art-tags{flex-wrap:wrap;gap:.5rem;margin-top:2.5rem;display:flex}.art-meta,.art-back{display:none}.atag{border:1px solid var(--tertiary);color:var(--foreground);opacity:.75;border-radius:999px;padding:.15rem .7rem;font-size:.75rem;transition:opacity .15s,border-color .15s}.atag:hover{opacity:1;border-color:var(--primary)}.prose{font-size:1.125rem;line-height:1.5}.prose p{color:var(--foreground);opacity:.92;margin-bottom:1.5rem}.prose h2{letter-spacing:-.01em;margin:3rem 0 1rem;font-size:1.5rem;font-weight:700}.prose h3{margin:2.2rem 0 .75rem;font-size:1.25rem;font-weight:700}.prose code{font-family:var(--font-mono);background:var(--tertiary);border-radius:4px;padding:2px 6px;font-size:.85em}.prose pre{color:var(--foreground);border:1px solid var(--tertiary);background:#0d0d0b;border-radius:8px;margin:1.5rem 0;padding:1.2rem 1.4rem;font-size:.88em;line-height:1.6;overflow-x:auto}.prose pre code{background:0 0;padding:0}.prose blockquote{border-left:2px solid var(--primary);color:var(--foreground);opacity:.75;margin:1.75rem 0;padding:.25rem 1.25rem;font-style:italic}.prose a{color:var(--foreground);text-decoration:underline;text-decoration-color:var(--tertiary);text-underline-offset:.2em;transition:color .15s,text-decoration-color .15s}.prose a:hover{color:var(--primary);text-decoration-color:var(--primary)}.prose img{border-radius:6px;max-width:100%;margin:1.5rem 0}.prose hr{border:none;border-top:1px solid var(--tertiary);margin:2.5rem 0}.prose strong{font-weight:700}.prose ul{margin:.75rem 0 1.5rem;padding-left:1.4rem;list-style:outside}.prose ul ul{list-style:circle}.prose ol{margin:.75rem 0 1.5rem;padding-left:1.4rem;list-style:decimal}.prose li{margin-bottom:.4rem}.prose li>ul,.prose li>ol{margin:.4rem 0 .75rem}.prose li::marker{color:var(--primary)}.pnav{border-top:1px solid var(--tertiary);gap:1.5rem;margin-top:3rem;padding:1.75rem 0 3rem;display:flex}.pnav a{flex:1;padding:.4rem 0}.pnav a:hover .pnt{opacity:.55}.pnl{font-family:var(--font-mono);color:var(--primary);margin-bottom:.25rem;font-size:.75rem}.pnt{opacity:.9;font-size:.95rem;font-weight:400;transition:opacity .15s}.site-footer{max-width:var(--container);width:100%;font-family:var(--font-mono);color:var(--foreground);opacity:.6;border-top:1px solid var(--tertiary);justify-content:space-between;align-items:baseline;margin:0 auto;padding:2rem 1.5rem 3rem;font-size:.8rem;display:flex}.page-head{max-width:var(--content);margin:0 auto;padding:clamp(3rem,8vh,5rem) 1.5rem 2.5rem}.page-head h1{letter-spacing:-.02em;font-size:clamp(1.75rem,4.5vw,2.5rem);font-weight:700}.page-head .sub{color:var(--foreground);opacity:.7;margin-top:.75rem;font-size:1rem}@media (width<=640px){.site-footer{flex-direction:column;gap:.5rem}.post-item-title{font-size:1.4rem}}