:root{--bg: #ffffff;--fg: #1d1d1f;--fg-secondary: #6e6e73;--fg-tertiary: #75757a;--accent: #0066cc;--accent-hover: #0077ed;--separator: #d2d2d7;--surface: #f5f5f7;--surface-2: #e8e8ed;--radius-sm: 8px;--radius: 12px;--radius-lg: 18px;--measure: 720px;--wide: 1080px;--nav-h: 48px;--header-bg: rgba(255, 255, 255, .72);--dropdown-bg: rgba(255, 255, 255, .88);--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace}html[data-theme=dark]{--bg: #161617;--fg: #f5f5f7;--fg-secondary: #a1a1a6;--fg-tertiary: #98989d;--accent: #2997ff;--accent-hover: #4da2ff;--separator: #38383c;--surface: #1d1d1f;--surface-2: #2a2a2e;--header-bg: rgba(22, 22, 23, .72);--dropdown-bg: rgba(28, 28, 30, .88);color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;color-scheme:light}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--fg);font-size:17px;line-height:1.47059;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}::selection{background:#0066cc2e}a{color:var(--accent);text-decoration:none;transition:color .2s ease,opacity .2s ease}a:hover{color:var(--accent-hover)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.container{width:100%;max-width:var(--wide);margin:0 auto;padding:0 22px}.layout{display:grid;grid-template-columns:minmax(0,720px) 260px;gap:48px;align-items:start}.layout__main{min-width:0}.layout__side{position:sticky;top:calc(var(--nav-h) + 24px);display:flex;flex-direction:column;gap:28px}.measure{max-width:var(--measure)}.widget{font-size:.9rem}.widget__title{font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--fg-tertiary);margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--separator)}.author-card{display:flex;gap:14px;align-items:flex-start}.author-card__avatar{flex:0 0 52px;width:52px;height:52px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:600}.author-card__name{font-weight:600;margin:2px 0;font-size:1rem}.author-card__bio{color:var(--fg-secondary);font-size:.85rem;line-height:1.5;margin:0 0 8px}.author-card__link{font-size:.82rem}.tag-cloud{display:flex;flex-wrap:wrap;gap:6px}.tag-cloud .tag{margin:0}.toc{font-size:.86rem}.toc__title{font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--fg-tertiary);margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--separator)}.toc ul{list-style:none;margin:0;padding:0}.toc li{margin:0}.toc a{display:block;color:var(--fg-secondary);line-height:1.4;border-left:2px solid var(--separator);padding:5px 0 5px 12px;margin-left:-1px;transition:color .2s ease,border-color .2s ease}.toc a:hover{color:var(--fg);border-left-color:var(--accent)}.toc a.is-active{color:var(--accent);border-left-color:var(--accent);font-weight:600}.toc__item--h3 a{padding-left:24px;font-size:.82rem}.back-link{display:inline-block;color:var(--fg-secondary);font-size:.88rem;margin-bottom:16px}.back-link:hover{color:var(--accent)}.site-header{position:sticky;top:0;z-index:100;background:var(--header-bg);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--separator)}.nav{max-width:var(--wide);margin:0 auto;padding:0 22px;height:var(--nav-h);display:flex;align-items:center;justify-content:space-between}.brand{font-size:19px;font-weight:600;letter-spacing:-.02em;color:var(--fg)}.brand:hover{color:var(--fg);opacity:.7}.nav-links{display:flex;gap:28px;align-items:stretch}.nav-links>*{display:flex;align-items:center}.nav-links a{color:var(--fg-secondary);font-size:14px;font-weight:400;line-height:1}.nav-links a:hover{color:var(--fg)}.nav-links a.is-active{color:var(--fg);font-weight:600}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin:0;padding:0;border:none;background:none;color:var(--fg-secondary);cursor:pointer;border-radius:50%;transition:color .2s ease,background .2s ease}.theme-toggle:hover{color:var(--fg);background:var(--surface)}.theme-toggle svg{width:17px;height:17px}.theme-toggle .icon-sun{display:none}html[data-theme=dark] .theme-toggle .icon-sun{display:block}html[data-theme=dark] .theme-toggle .icon-moon{display:none}.nav-dropdown{position:relative;display:flex;align-items:center}.nav-dropdown__toggle{display:inline-flex;align-items:center;gap:4px;margin:0;padding:0;background:none;border:none;font:inherit;font-size:14px;line-height:1;color:var(--fg-secondary);cursor:pointer;transition:color .2s ease}.nav-dropdown__toggle:hover{color:var(--fg)}.nav-dropdown__toggle .caret{font-size:.7em;line-height:1;transition:transform .2s ease}.nav-dropdown.is-open .nav-dropdown__toggle .caret{transform:rotate(180deg)}.nav-dropdown__menu{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(-6px);z-index:50;min-width:160px;max-height:70vh;overflow-y:auto;margin:0;padding:6px;list-style:none;background:var(--dropdown-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--separator);border-radius:var(--radius-lg);box-shadow:0 12px 28px #0000001a;opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility .2s}.nav-dropdown:hover .nav-dropdown__menu,.nav-dropdown.is-open .nav-dropdown__menu,.nav-dropdown:focus-within .nav-dropdown__menu{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.nav-dropdown__menu li a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border-radius:var(--radius);color:var(--fg);font-size:.92rem;line-height:1.3}.nav-dropdown__menu li a:hover{background:var(--surface);color:var(--accent)}.nav-dropdown__menu .count{color:var(--fg-tertiary);font-size:.82rem;font-variant-numeric:tabular-nums}main.container{padding-top:56px;padding-bottom:80px;min-height:70vh}.site-footer{border-top:1px solid var(--separator);color:var(--fg-tertiary);font-size:12px;padding:22px 0}.footer-inner{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.footer-sub{color:var(--fg-tertiary)}h1,h2,h3,h4{color:var(--fg);font-weight:600;letter-spacing:-.02em}h1{font-size:clamp(2rem,5vw,2.6rem);line-height:1.1;margin:0 0 .4em}h2{font-size:1.6rem;line-height:1.2;margin:2.2em 0 .6em}h3{font-size:1.25rem;line-height:1.3;margin:1.8em 0 .5em}p{margin:1.1em 0}h2,h3,h4{scroll-margin-top:calc(var(--nav-h) + 20px)}.post-list{list-style:none;margin:28px 0 0;padding:0}.post-load-more{display:flex;justify-content:center;padding:28px 0 8px}.post-load-more[hidden]{display:none}.post-load-more button{padding:10px 32px;font-size:.9rem;color:var(--fg);background:var(--surface);border:1px solid var(--separator);border-radius:999px;cursor:pointer;transition:border-color .2s,color .2s}.post-load-more button:hover{border-color:var(--accent);color:var(--accent)}.post-load-more button:disabled{opacity:.5;cursor:default}.post-loader{display:flex;align-items:center;justify-content:center;gap:10px;padding:28px 0;color:var(--fg-tertiary);font-size:.9rem}.post-loader[hidden]{display:none}.spinner{width:18px;height:18px;border:2px solid var(--separator);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.post-end{text-align:center;padding:26px 0 8px;color:var(--fg-tertiary);font-size:.85rem}.post-end[hidden]{display:none}.post-item{display:flex;gap:20px;align-items:flex-start;padding:22px 0;border-top:1px solid var(--separator)}.post-item:first-child{border-top:none;padding-top:8px}.post-item:last-child{border-bottom:1px solid var(--separator)}.post-item--enter{animation:post-enter .5s ease-out both}@keyframes post-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.post-item--enter{animation:none}}.post-item__media{flex:0 0 120px;width:120px;aspect-ratio:10 / 7;border-radius:var(--radius);overflow:hidden;background:var(--surface);display:block;position:relative;align-self:flex-start}.post-item__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.post-item__body{flex:1;min-width:0}.post-item__title{font-size:1.3rem;line-height:1.25;margin:0 0 .45em}.post-item__title a{color:var(--fg)}.post-item__title a:hover{color:var(--accent)}.post-item__excerpt{color:var(--fg-secondary);font-size:.98rem;line-height:1.6;margin:0 0 1em;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-item__meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;color:var(--fg-tertiary);font-size:.82rem}.post-item__meta time{font-variant-numeric:tabular-nums}.post-item__tags{display:flex;flex-wrap:wrap;gap:6px}.tag{display:inline-block;background:var(--surface);color:var(--fg-secondary);border-radius:980px;padding:3px 11px;font-size:.78rem;font-weight:400;margin:0 6px 6px 0;transition:background .2s ease,color .2s ease}.tag:hover{background:var(--surface-2);color:var(--fg)}.post-meta{color:var(--fg-tertiary);font-size:.9rem;margin:0 0 1.6em;display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center}.post-meta time{font-variant-numeric:tabular-nums}.post-desc{color:var(--fg-secondary);font-size:1.1rem;margin:0 0 2em}.prose{font-size:17px;line-height:1.65}.prose p{margin:1.2em 0}.prose img{max-width:100%;height:auto;border-radius:var(--radius);display:block;margin:1.6em auto}.prose blockquote{margin:1.6em 0;padding:4px 20px;border-left:3px solid var(--accent);background:var(--surface);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--fg-secondary)}.prose blockquote p{margin:.8em 0}.prose ul,.prose ol{padding-left:1.4em;margin:1.2em 0}.prose li{margin:.5em 0}.prose hr{border:none;border-top:1px solid var(--separator);margin:2.4em 0}.prose table{width:100%;border-collapse:collapse;margin:1.6em 0;font-size:.95rem}.prose th,.prose td{border:1px solid var(--separator);padding:10px 14px;text-align:left}.prose th{background:var(--surface);font-weight:600}code{font-family:var(--mono);font-size:.88em;background:var(--surface);padding:.15em .4em;border-radius:6px}pre.astro-code{border:1px solid var(--separator);border-radius:var(--radius);padding:18px 20px;margin:1.6em 0;overflow-x:auto;font-size:.85rem;line-height:1.6}html[data-theme=dark] .astro-code,html[data-theme=dark] .astro-code span{color:var(--shiki-dark)!important;background-color:var(--shiki-dark-bg)!important}pre.astro-code code{background:none;padding:0;font-size:inherit;border-radius:0}.code-block{position:relative}.code-copy{position:absolute;top:10px;right:10px;z-index:2;padding:4px 12px;font-size:.75rem;font-family:var(--font);color:var(--fg-secondary);background:var(--surface);border:1px solid var(--separator);border-radius:6px;cursor:pointer;opacity:0;transition:opacity .2s ease,color .2s ease,border-color .2s ease}.code-block:hover .code-copy,.code-copy:focus-visible{opacity:1}.code-copy:hover{color:var(--accent);border-color:var(--accent)}.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:3.5em;padding-top:1.6em;border-top:1px solid var(--separator)}.post-nav__item{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border:1px solid var(--separator);border-radius:var(--radius);background:var(--surface);color:var(--fg);font-size:.95rem;line-height:1.4;transition:border-color .2s ease,transform .2s ease}.post-nav__item:hover{border-color:var(--accent);transform:translateY(-1px)}.post-nav__item.is-next{text-align:right}.post-nav__item span{color:var(--fg-tertiary);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em}.post-nav__item strong{font-weight:600}@media(max-width:640px){.post-nav{grid-template-columns:1fr}.post-nav__item.is-next{text-align:left}}.about p{color:var(--fg-secondary)}@media(max-width:900px){.layout{grid-template-columns:1fr;gap:40px}.layout__side{position:static;order:2}.layout__main{order:1}.toc ul{display:flex;flex-wrap:wrap;gap:4px 14px}.toc a{border-left:none;padding-left:0}.toc__item--h3 a{padding-left:0}}@media(max-width:640px){body{font-size:16px}.container,.nav{padding:0 18px}.nav-links{gap:20px}.nav-dropdown__menu{left:auto;right:0;transform:none}.nav-dropdown:hover .nav-dropdown__menu,.nav-dropdown.is-open .nav-dropdown__menu,.nav-dropdown:focus-within .nav-dropdown__menu{transform:none}main.container{padding-top:36px;padding-bottom:64px}.post-item{gap:14px}.post-item__media{flex-basis:88px;width:88px}.post-item__title{font-size:1.2rem}.post-item__excerpt{-webkit-line-clamp:2;line-clamp:2}}