:root{--bg:#ffffff;--bg-elevated:#fafafa;--bg-card:#ffffff;--bg-code:#f5f7fa;--fg:#121212;--fg-strong:#0d1117;--fg-muted:#57606a;--fg-subtle:#8b949e;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-soft:#eff6ff;--border:#e5e7eb;--border-strong:#d1d5db;--code-fg:#d6336c;--shadow-sm:0 1px 2px rgba(15, 23, 42, .04);--shadow-md:0 1px 3px rgba(15, 23, 42, .06),0 1px 2px rgba(15, 23, 42, .04);--shadow-lg:0 12px 28px -10px rgba(15, 23, 42, .15),0 4px 12px -4px rgba(15, 23, 42, .08);--radius:14px;--radius-sm:8px;--radius-pill:999px;--content-max:720px;--grid-max:1120px;--header-h:60px;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Helvetica,Arial,"Noto Sans",sans-serif;--font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono","JetBrains Mono",monospace}@media (prefers-color-scheme:dark){:root{--bg:#0b0e14;--bg-elevated:#11151d;--bg-card:#141926;--bg-code:#11151d;--fg:#d6deeb;--fg-strong:#f3f6fc;--fg-muted:#9aa6b8;--fg-subtle:#6b7689;--accent:#60a5fa;--accent-hover:#93c5fd;--accent-soft:rgba(96, 165, 250, .12);--border:#1f2630;--border-strong:#2a3340;--code-fg:#ff7eb6;--shadow-sm:0 1px 2px rgba(0, 0, 0, .35);--shadow-md:0 1px 3px rgba(0, 0, 0, .4),0 1px 2px rgba(0, 0, 0, .3);--shadow-lg:0 12px 28px -10px rgba(0, 0, 0, .5),0 4px 12px -4px rgba(0, 0, 0, .35)}}*,::after,::before{box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:1rem;line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;display:flex;flex-direction:column;min-height:100vh}a{color:var(--accent);text-decoration:none;transition:color .15s ease}a:hover{color:var(--accent-hover)}::selection{background:var(--accent-soft);color:var(--fg-strong)}.site-header{position:sticky;top:0;z-index:50;height:var(--header-h);background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--border)}.site-header-inner{max-width:var(--grid-max);height:100%;margin:0 auto;padding:0 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.site-brand{display:inline-flex;align-items:center;gap:.6rem;color:var(--fg-strong);font-weight:600;font-size:1rem;letter-spacing:.01em}.site-brand:hover{color:var(--fg-strong)}.site-brand-mark{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,#2563eb 0,#7c3aed 100%);color:#fff;font-size:.9rem;font-weight:700;box-shadow:0 4px 12px -4px rgba(37,99,235,.5)}.site-nav a{color:var(--fg-muted);font-size:.92rem;margin-left:1.2rem}.site-nav a:hover{color:var(--accent)}.main-content{flex:1;width:100%;margin:0 auto;padding:1.5rem 1.25rem 3rem}body.is-home .main-content{max-width:var(--grid-max)}body.is-article .article{max-width:var(--content-max);margin-inline:auto}.hero{padding:2rem 0 2.5rem;text-align:left}.hero-title{font-size:clamp(1.9rem,1.6rem + 2vw,2.75rem);line-height:1.15;margin:0 0 .6rem;font-weight:800;letter-spacing:-.02em;color:var(--fg-strong);background:linear-gradient(135deg,var(--fg-strong) 0,var(--accent) 120%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-tagline{margin:0;color:var(--fg-muted);font-size:1.05rem}.card-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:.5rem}@media (min-width:640px){.card-grid{grid-template-columns:repeat(2,1fr);gap:1.1rem}}@media (min-width:1000px){.card-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem}}.card{display:flex;flex-direction:column;padding:1.25rem 1.25rem 1.1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);color:var(--fg);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;position:relative;overflow:hidden}.card::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--accent),#7c3aed);opacity:0;transition:opacity .18s ease}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--border-strong);color:var(--fg)}.card:hover::before{opacity:1}.card-title{margin:0 0 .5rem;font-size:1.08rem;line-height:1.4;font-weight:600;color:var(--fg-strong);display:flex;align-items:flex-start;gap:.4rem}.card-summary{margin:0;color:var(--fg-muted);font-size:.92rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-meta{margin-top:auto;padding-top:.9rem;display:flex;align-items:center;gap:.5rem;color:var(--fg-subtle);font-size:.82rem}.card-external-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.1em;height:1.1em;margin-top:.15em;color:var(--fg-subtle);font-weight:400}.card.card-external:hover .card-external-icon{color:var(--accent)}.card-badge-new{margin-left:auto;padding:1px 8px;font-size:.65rem;font-weight:700;letter-spacing:.08em;line-height:1.5;color:#fff;background:linear-gradient(135deg,#2563eb 0,#7c3aed 100%);border-radius:999px;box-shadow:0 2px 6px -1px rgba(37,99,235,.4)}body.is-article .article>h1:first-child,body.is-article .article>h1:first-of-type{margin-top:.5rem;font-size:clamp(1.7rem,1.4rem + 1.4vw,2.1rem);line-height:1.2;font-weight:800;letter-spacing:-.015em;color:var(--fg-strong);padding-bottom:1rem;border-bottom:1px solid var(--border)}body.is-article .article h2{margin:2.5rem 0 1rem;font-size:1.5rem;line-height:1.3;font-weight:700;color:var(--fg-strong)}body.is-article .article h3{margin:2rem 0 .8rem;font-size:1.2rem;line-height:1.4;font-weight:600;color:var(--fg-strong)}body.is-article .article h4,body.is-article .article h5,body.is-article .article h6{margin:1.6rem 0 .6rem;font-size:1.02rem;line-height:1.5;font-weight:600;color:var(--fg-strong)}body.is-article .article p{margin:1rem 0}body.is-article .article a{color:var(--accent);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--accent) 35%,transparent);transition:border-color .15s ease,color .15s ease}body.is-article .article a:hover{color:var(--accent-hover);border-bottom-color:var(--accent)}body.is-article .article ol,body.is-article .article ul{padding-left:1.5rem;margin:1rem 0}body.is-article .article li{margin:.45rem 0}body.is-article .article li>p{margin:.3rem 0}body.is-article .article blockquote{margin:1.4rem 0;padding:.8rem 1.1rem;border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--fg-muted)}body.is-article .article blockquote>:first-child{margin-top:0}body.is-article .article blockquote>:last-child{margin-bottom:0}body.is-article .article hr{margin:2.5rem 0;border:0;height:1px;background:var(--border)}body.is-article .article img{display:block;max-width:100%;height:auto;margin:1.5rem auto;border-radius:var(--radius-sm);box-shadow:var(--shadow-md)}.main-content code{font-family:var(--font-mono);font-size:.88em;padding:.15em .4em;background:var(--bg-code);color:var(--code-fg);border-radius:4px;border:1px solid var(--border);word-break:break-word}.main-content pre{margin:1.4rem 0;padding:1rem 1.1rem;background:var(--bg-code);border:1px solid var(--border);border-radius:var(--radius-sm);overflow-x:auto;font-size:.88rem;line-height:1.55;-webkit-overflow-scrolling:touch}.main-content pre code{padding:0;background:0 0;border:0;border-radius:0;color:inherit;font-size:inherit;white-space:pre}body.is-article .article table{display:block;width:100%;margin:1.4rem 0;border-collapse:collapse;overflow-x:auto;-webkit-overflow-scrolling:touch;font-size:.92rem}body.is-article .article td,body.is-article .article th{padding:.55rem .85rem;border:1px solid var(--border);text-align:left}body.is-article .article th{background:var(--bg-elevated);font-weight:600;color:var(--fg-strong)}body.is-article .article tr:nth-child(2n) td{background:var(--bg-elevated)}.main-content kbd{display:inline-block;padding:.15em .5em;font-family:var(--font-mono);font-size:.8em;color:var(--fg-strong);background:var(--bg-elevated);border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:4px;box-shadow:inset 0 -1px 0 var(--border)}.article-footer{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--border)}.back-link{display:inline-flex;align-items:center;gap:.4rem;color:var(--fg-muted);font-size:.92rem;border-bottom:0!important}.back-link:hover{color:var(--accent)}.site-footer{margin-top:auto;padding:1.75rem 1.25rem 2.25rem;border-top:1px solid var(--border);background:var(--bg-elevated);color:var(--fg-muted);font-size:.9rem;text-align:center}.site-footer p{margin:.25rem 0}.site-footer a{color:var(--fg-muted)}.site-footer a:hover{color:var(--accent)}@media (min-width:768px){.main-content{padding:2rem 2rem 4rem}.hero{padding:3rem 0 3rem}}@media (min-width:1024px){.main-content{padding:2.5rem 2rem 5rem}.hero{padding:3.5rem 0 3rem}}@supports (padding:max(0px)){.main-content,.site-footer,.site-header-inner{padding-left:max(1.25rem,env(safe-area-inset-left));padding-right:max(1.25rem,env(safe-area-inset-right))}}@media (prefers-reduced-motion:reduce){*,::after,::before{transition-duration:0s!important;animation-duration:0s!important;scroll-behavior:auto!important}.card:hover{transform:none}}.code-frame{margin:1.5rem 0;padding:18px 16px 16px;background:#1e1e2e;color:#cdd6f4;border-radius:10px;box-shadow:0 1px 3px rgba(15,23,42,.12),0 12px 28px -12px rgba(15,23,42,.2)}.code-frame-dots{margin:0 0 12px;line-height:0;font-size:0}.code-dot{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:6px;vertical-align:middle}.code-dot-red{background:#ff5f57}.code-dot-yellow{background:#febc2e}.code-dot-green{background:#28c840}.code-frame pre{margin:0;padding:0;background:0 0;border:0;border-radius:0;overflow-x:auto;-webkit-overflow-scrolling:touch;font-size:.82rem;line-height:1.65}.code-frame code{display:block;padding:0;background:0 0;border:0;border-radius:0;color:#cdd6f4;font-family:var(--font-mono);font-size:inherit;white-space:pre}.hljs{color:#cdd6f4;background:0 0}.hljs-comment,.hljs-quote{color:#6c7086;font-style:italic}.hljs-keyword,.hljs-literal,.hljs-selector-tag,.hljs-type{color:#cba6f7}.hljs-addition,.hljs-regexp,.hljs-string{color:#a6e3a1}.hljs-bullet,.hljs-meta,.hljs-number,.hljs-symbol{color:#fab387}.hljs-name,.hljs-section,.hljs-selector-class,.hljs-selector-id,.hljs-title{color:#89b4fa}.hljs-attr,.hljs-attribute,.hljs-template-variable,.hljs-variable{color:#f9e2af}.hljs-built_in,.hljs-builtin-name{color:#89dceb}.hljs-class,.hljs-function,.hljs-title.function_{color:#89b4fa}.hljs-params{color:#f5c2e7}.hljs-tag{color:#f38ba8}.hljs-property{color:#94e2d5}.hljs-deletion{color:#f38ba8}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}