:root{color-scheme:light;--bg:#fff;--bg-subtle:#f7f8fa;--bg-elevated:#fff;--bg-inset:#f1f3f6;--border:#e6e8ec;--border-strong:#d3d7de;--text:#14171c;--text-muted:#5a6472;--text-faint:#8b94a3;--accent:#047857;--accent-hover:#065f46;--accent-2:#0ea5e9;--accent-soft:#04785717;--accent-contrast:#fff;--warning:#d97706;--warn-soft:#f59e0b24;--danger:#dc2626;--danger-soft:#dc26261a;--success:#059669;--success-soft:#0596691f;--radius-sm:8px;--radius:12px;--radius-lg:18px;--shadow-sm:0 1px 2px #1018280d;--shadow-md:0 6px 20px -6px #10182824;--shadow-lg:0 18px 48px -20px #10182847;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", "JetBrains Mono", "Cascadia Code", Menlo, Consolas, "Liberation Mono", monospace;--header-height:4rem;--container:1120px;--prose-width:46rem;--ease:cubic-bezier(.4, 0, .2, 1)}:root[data-theme=dark]{color-scheme:dark;--bg:#0b0f14;--bg-subtle:#11161d;--bg-elevated:#131922;--bg-inset:#1a212b;--border:#232c38;--border-strong:#333e4d;--text:#e7edf4;--text-muted:#9aa6b6;--text-faint:#6d798a;--accent:#34d399;--accent-hover:#6ee7b7;--accent-2:#22d3ee;--accent-soft:#34d39921;--accent-contrast:#05261c;--warning:#fbbf24;--warn-soft:#f59e0b29;--danger:#f87171;--danger-soft:#f8717124;--success:#34d399;--success-soft:#34d39924;--shadow-sm:0 1px 2px #00000080;--shadow-md:0 8px 24px -8px #000000b3;--shadow-lg:0 24px 56px -24px #000000d9}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 1.5rem)}body{background-color:var(--bg);min-height:100dvh;color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;flex-direction:column;font-size:16px;line-height:1.75;display:flex}img,svg,video,canvas{max-width:100%;display:block}img{height:auto}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}::selection{background-color:var(--accent-soft);color:var(--text)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--border-strong);background-clip:content-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background-color:var(--text-faint);background-clip:content-box}h1,h2,h3,h4,h5,h6{letter-spacing:-.01em;text-wrap:balance;font-weight:700;line-height:1.3}p{text-wrap:pretty}a{color:inherit;text-decoration:none}code,kbd,samp,pre{font-family:var(--font-mono);font-variant-ligatures:none}strong{font-weight:700}hr{border:none;border-top:1px solid var(--border);margin-block:2.5rem}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:1.25rem}.container--narrow{max-width:calc(var(--prose-width) + 2.5rem)}main{flex:1 0 auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:999;background:var(--accent);color:var(--accent-contrast);border-radius:0 0 var(--radius-sm) var(--radius-sm);transition:top .2s var(--ease);padding:.6rem 1rem;font-weight:600;position:absolute;top:-100%;left:1rem}.skip-link:focus{top:0}.pill{white-space:nowrap;background:var(--bg-inset);color:var(--text-muted);transition:color .15s var(--ease), background-color .15s var(--ease), border-color .15s var(--ease);border:1px solid #0000;border-radius:999px;align-items:center;gap:.35rem;padding:.15rem .6rem;font-size:.78rem;font-weight:500;line-height:1.6;display:inline-flex}a.pill:hover{background:var(--accent-soft);color:var(--accent);border-color:color-mix(in srgb, var(--accent) 30%, transparent)}.pill--accent{background:var(--accent-soft);color:var(--accent)}.meta{color:var(--text-faint);flex-wrap:wrap;align-items:center;gap:.35rem .75rem;font-size:.82rem;display:flex}.meta__item{align-items:center;gap:.3rem;display:inline-flex}.meta__dot{opacity:.6;background:currentColor;border-radius:50%;width:3px;height:3px}.section{margin-block:4rem}.section__head{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.5rem;display:flex}.section__title{align-items:center;gap:.6rem;font-size:1.3rem;display:flex}.section__title:before{content:"";background:linear-gradient(180deg, var(--accent), var(--accent-2));border-radius:999px;width:4px;height:1.05em}.section__more{color:var(--text-muted);transition:color .15s var(--ease), gap .15s var(--ease);align-items:center;gap:.3rem;font-size:.85rem;display:inline-flex}.section__more:hover{color:var(--accent);gap:.5rem}.icon{stroke-width:1.8px;flex-shrink:0;width:1em;height:1em}.header{z-index:50;height:var(--header-height);background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:saturate(180%)blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0}.header__inner{align-items:center;gap:1.5rem;height:100%;display:flex}.header__brand{letter-spacing:-.02em;flex-shrink:0;align-items:center;gap:.55rem;font-size:1.02rem;font-weight:800;display:inline-flex}.header__mark{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;width:1.6rem;height:1.6rem;box-shadow:var(--shadow-sm);border-radius:7px;place-items:center;font-size:.78rem;font-weight:800;display:grid}.header__nav{align-items:center;gap:.15rem;margin-left:auto;display:flex}.header__link{border-radius:var(--radius-sm);color:var(--text-muted);transition:color .15s var(--ease), background-color .15s var(--ease);white-space:nowrap;padding:.4rem .7rem;font-size:.9rem;position:relative}.header__link:hover{color:var(--text);background:var(--bg-inset)}.header__link[aria-current=page]{color:var(--accent);background:var(--accent-soft);font-weight:600}.header__actions{border-left:1px solid var(--border);align-items:center;gap:.25rem;margin-left:.25rem;padding-left:.75rem;display:flex}.icon-btn{border-radius:var(--radius-sm);width:2.1rem;height:2.1rem;color:var(--text-muted);transition:color .15s var(--ease), background-color .15s var(--ease);place-items:center;font-size:1.05rem;display:inline-grid}.icon-btn:hover{color:var(--text);background:var(--bg-inset)}.header__toggle{display:none}.theme-toggle .icon-sun,.theme-toggle .icon-moon{transition:transform .25s var(--ease), opacity .2s var(--ease)}:root[data-theme=dark] .theme-toggle .icon-sun,:root:not([data-theme=dark]) .theme-toggle .icon-moon{display:none}@media (width<=860px){.header__nav{inset:var(--header-height) 0 auto 0;background:var(--bg);border-bottom:1px solid var(--border);box-shadow:var(--shadow-md);transition:opacity .18s var(--ease), transform .18s var(--ease);flex-direction:column;align-items:stretch;gap:.2rem;padding:.75rem 1.25rem 1.25rem;position:fixed}.header__nav[data-open=false]{opacity:0;pointer-events:none;transform:translateY(-.5rem)}.header__link{padding:.65rem .75rem;font-size:.95rem}.header__toggle{margin-left:auto;display:inline-grid}.header__actions{border-left:none;margin-left:0;padding-left:0}}.hero{padding-block:5rem 3.5rem;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(42rem 22rem at 12% 0%, var(--accent-soft), transparent 70%), radial-gradient(34rem 20rem at 88% 12%, color-mix(in srgb, var(--accent-2) 14%, transparent), transparent 70%);pointer-events:none;z-index:-1;height:120%;position:absolute;inset:-40% 0 auto}.hero__eyebrow{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-muted);box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.3rem .75rem;font-size:.8rem;display:inline-flex}.hero__status{background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 3px var(--accent-soft);border-radius:50%}.hero__title{letter-spacing:-.03em;margin-bottom:1rem;font-size:clamp(2.1rem,5.2vw,3.35rem);font-weight:800;line-height:1.15}.hero__gradient{background:linear-gradient(100deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text}.hero__lead{max-width:38rem;color:var(--text-muted);margin-bottom:1.75rem;font-size:1.05rem}.hero__actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.btn{transition:transform .15s var(--ease), background-color .15s var(--ease), border-color .15s var(--ease), color .15s var(--ease), box-shadow .15s var(--ease);border:1px solid #0000;border-radius:999px;align-items:center;gap:.45rem;padding:.58rem 1.1rem;font-size:.92rem;font-weight:600;display:inline-flex}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--accent);color:var(--accent-contrast);box-shadow:var(--shadow-sm)}.btn--primary:hover{background:var(--accent-hover);box-shadow:var(--shadow-md)}.btn--ghost{border-color:var(--border-strong);color:var(--text-muted)}.btn--ghost:hover{color:var(--text);border-color:var(--text-faint);background:var(--bg-subtle)}.stats{border-top:1px solid var(--border);flex-wrap:wrap;gap:2.5rem;margin-top:3rem;padding-top:1.75rem;display:flex}.stats__item{flex-direction:column;gap:.1rem;display:flex}.stats__num{letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.stats__label{color:var(--text-faint);font-size:.8rem}.post-list{gap:1rem;display:grid}.post-list--grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,21rem),1fr));gap:1.25rem}.post-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);transition:border-color .18s var(--ease), transform .18s var(--ease), box-shadow .18s var(--ease), background-color .18s var(--ease);flex-direction:column;gap:.6rem;padding:1.25rem 1.35rem;display:flex;position:relative}.post-card:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));box-shadow:var(--shadow-md);transform:translateY(-3px)}.post-card__top{z-index:1;justify-content:space-between;align-items:center;gap:.75rem;display:flex;position:relative}.post-card__title{letter-spacing:-.015em;transition:color .15s var(--ease);font-size:1.12rem;font-weight:700;line-height:1.4}.post-card:hover .post-card__title{color:var(--accent)}.post-card__title a:after{content:"";border-radius:inherit;position:absolute;inset:0}.post-card__desc{color:var(--text-muted);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:.92rem;line-height:1.7;display:-webkit-box;overflow:hidden}.post-card__foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.15rem;display:flex}.post-card__tags{z-index:1;flex-wrap:wrap;gap:.35rem;display:flex;position:relative}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:.3rem;margin-top:3rem;display:flex}.pagination__link{border-radius:var(--radius-sm);border:1px solid var(--border);min-width:2.25rem;height:2.25rem;color:var(--text-muted);transition:all .15s var(--ease);place-items:center;padding-inline:.6rem;font-size:.88rem;display:inline-grid}.pagination__link:hover{border-color:var(--accent);color:var(--accent)}.pagination__link[aria-current=page]{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast);font-weight:600}.pagination__link--disabled{opacity:.4;pointer-events:none}.pagination__gap{color:var(--text-faint);padding-inline:.2rem}.term-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));gap:1rem;display:grid}.term-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);transition:border-color .18s var(--ease), transform .18s var(--ease);flex-direction:column;gap:.4rem;padding:1.15rem 1.25rem;display:flex}.term-card:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));transform:translateY(-2px)}.term-card__head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.term-card__name{align-items:center;gap:.5rem;font-size:1.02rem;font-weight:700;display:flex}.term-card__dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:8px;height:8px}.term-card__count{color:var(--text-faint);font-variant-numeric:tabular-nums;font-size:.8rem}.term-card__desc{color:var(--text-muted);font-size:.86rem;line-height:1.65}.tag-cloud{flex-wrap:wrap;gap:.55rem;display:flex}.tag-cloud__item{border:1px solid var(--border);color:var(--text-muted);transition:all .15s var(--ease);border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .8rem;font-size:.88rem;display:inline-flex}.tag-cloud__item:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.tag-cloud__count{color:var(--text-faint);font-variant-numeric:tabular-nums;font-size:.72rem}.tag-cloud__item:hover .tag-cloud__count{color:var(--accent)}.page-head{border-bottom:1px solid var(--border);margin-bottom:2.5rem;padding-block:3.5rem 2.5rem}.page-head__title{letter-spacing:-.025em;flex-wrap:wrap;align-items:center;gap:.75rem;font-size:clamp(1.75rem,4vw,2.4rem);font-weight:800;display:flex}.page-head__desc{max-width:42rem;color:var(--text-muted);margin-top:.75rem;font-size:.98rem}.breadcrumb{color:var(--text-faint);align-items:center;gap:.4rem;margin-bottom:1rem;font-size:.82rem;display:flex}.breadcrumb a:hover{color:var(--accent)}.archive-year{margin-bottom:2.5rem}.archive-year__title{color:var(--text-muted);border-bottom:1px solid var(--border);font-variant-numeric:tabular-nums;align-items:baseline;gap:.6rem;margin-bottom:.75rem;padding-bottom:.6rem;font-size:1.1rem;font-weight:700;display:flex}.archive-year__count{color:var(--text-faint);font-size:.78rem;font-weight:400}.archive-list{flex-direction:column;display:flex}.archive-item{border-radius:var(--radius-sm);transition:background-color .15s var(--ease);align-items:baseline;gap:1rem;padding:.6rem .75rem;display:flex}.archive-item:hover{background:var(--bg-subtle)}.archive-item__date{width:4.2rem;color:var(--text-faint);font-variant-numeric:tabular-nums;font-size:.82rem;font-family:var(--font-mono);flex-shrink:0}.archive-item__title{transition:color .15s var(--ease);font-size:.96rem}.archive-item:hover .archive-item__title{color:var(--accent)}.archive-item__cat{color:var(--text-faint);flex-shrink:0;margin-left:auto;font-size:.78rem}@media (width<=640px){.archive-item{flex-wrap:wrap;gap:.25rem .75rem}.archive-item__cat{width:100%;margin-left:0;padding-left:5.2rem}}.project-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,22rem),1fr));gap:1.25rem;display:grid}.project-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);transition:border-color .18s var(--ease), transform .18s var(--ease), box-shadow .18s var(--ease);flex-direction:column;gap:.75rem;padding:1.4rem;display:flex}.project-card:hover{border-color:color-mix(in srgb, var(--accent) 40%, var(--border));box-shadow:var(--shadow-md);transform:translateY(-3px)}.project-card__head{align-items:center;gap:.75rem;display:flex}.project-card__mono{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-2));width:2.4rem;height:2.4rem;box-shadow:var(--shadow-sm);border-radius:10px;flex-shrink:0;place-items:center;font-size:1rem;font-weight:800;display:grid}.project-card__name{letter-spacing:-.015em;font-size:1.06rem;font-weight:700}.project-card__platform{color:var(--text-faint);font-size:.76rem;font-family:var(--font-mono)}.project-card__summary{color:var(--text-muted);font-size:.92rem;line-height:1.7}.project-card__desc{color:var(--text-muted);border-top:1px dashed var(--border);padding-top:.6rem;font-size:.87rem;line-height:1.7}.project-card__stack{flex-wrap:wrap;gap:.35rem;display:flex}.project-card__foot{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;margin-top:auto;padding-top:.75rem;display:flex}.status{color:var(--text-muted);align-items:center;gap:.35rem;font-size:.76rem;display:inline-flex}.status__dot{background:var(--text-faint);border-radius:50%;width:6px;height:6px}.status--active .status__dot{background:var(--success)}.status--maintained .status__dot{background:var(--accent-2)}.status--done .status__dot{background:var(--text-faint)}.status--paused .status__dot{background:var(--warning)}.project-links{gap:.4rem;display:flex}.link-chip{border:1px solid var(--border);color:var(--text-muted);transition:all .15s var(--ease);border-radius:999px;align-items:center;gap:.3rem;padding:.22rem .6rem;font-size:.78rem;display:inline-flex}.link-chip:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.filter-bar{flex-wrap:wrap;gap:.45rem;margin-bottom:2rem;display:flex}.filter-chip{border:1px solid var(--border);color:var(--text-muted);transition:all .15s var(--ease);border-radius:999px;padding:.32rem .85rem;font-size:.85rem}.filter-chip:hover{border-color:var(--text-faint);color:var(--text)}.filter-chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast);font-weight:600}.is-hidden{display:none!important}.about-grid{grid-template-columns:1fr;gap:2.5rem;display:grid}@media (width>=880px){.about-grid{grid-template-columns:1fr 15rem;align-items:start;gap:3.5rem}}.about-aside{flex-direction:column;gap:1.5rem;display:flex}@media (width>=880px){.about-aside{top:calc(var(--header-height) + 1.5rem);position:sticky}}.aside-block__title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);margin-bottom:.75rem;font-size:.8rem;font-weight:700}.aside-list{color:var(--text-muted);flex-direction:column;gap:.5rem;font-size:.9rem;display:flex}.aside-list__row{justify-content:space-between;gap:1rem;display:flex}.aside-list__key{color:var(--text-faint)}.skill-group{margin-bottom:1.5rem}.skill-group__title{margin-bottom:.6rem;font-size:.92rem;font-weight:700}.search-box{margin-bottom:2rem;position:relative}.search-box__icon{color:var(--text-faint);pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.search-input{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg-elevated);width:100%;transition:border-color .15s var(--ease), box-shadow .15s var(--ease);padding:.85rem 1rem .85rem 2.9rem;font-size:1rem}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.search-result{border-radius:var(--radius);transition:background-color .15s var(--ease), border-color .15s var(--ease);border:1px solid #0000;padding:1rem 1.1rem;display:block}.search-result:hover,.search-result:focus-visible{background:var(--bg-subtle);border-color:var(--border)}.search-result__title{margin-bottom:.25rem;font-weight:700}.search-result__desc{color:var(--text-muted);font-size:.88rem;line-height:1.65}.search-result mark{background:var(--accent-soft);color:var(--accent);border-radius:3px;padding:0 2px}.empty-state{text-align:center;color:var(--text-faint);padding:3rem 1rem;font-size:.92rem}.footer{border-top:1px solid var(--border);background:var(--bg-subtle);margin-top:5rem}.footer__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;padding-block:2rem;display:flex}.footer__meta{color:var(--text-faint);font-size:.85rem;line-height:1.8}.footer__links{flex-wrap:wrap;gap:.25rem;display:flex}.footer__link{border-radius:var(--radius-sm);color:var(--text-muted);transition:color .15s var(--ease), background-color .15s var(--ease);align-items:center;gap:.35rem;padding:.35rem .7rem;font-size:.85rem;display:inline-flex}.footer__link:hover{color:var(--accent);background:var(--bg-inset)}.to-top{z-index:40;background:var(--bg-elevated);border:1px solid var(--border-strong);width:2.6rem;height:2.6rem;color:var(--text-muted);box-shadow:var(--shadow-md);opacity:0;pointer-events:none;transition:opacity .2s var(--ease), transform .2s var(--ease), color .15s var(--ease);border-radius:50%;place-items:center;display:grid;position:fixed;bottom:1.5rem;right:1.5rem;transform:translateY(.75rem)}.to-top[data-visible=true]{opacity:1;pointer-events:auto;transform:none}.to-top:hover{color:var(--accent);border-color:var(--accent)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.nav-icon-close[data-astro-cid-nen7h5rs],[data-astro-cid-nen7h5rs][data-nav-toggle][aria-expanded=true] .nav-icon-menu[data-astro-cid-nen7h5rs]{display:none}[data-astro-cid-nen7h5rs][data-nav-toggle][aria-expanded=true] .nav-icon-close[data-astro-cid-nen7h5rs]{display:block}