:root{color-scheme:light dark;--layout-max: 72rem;--content-max: 42rem;--bg: #f4f4f5;--bg-elevated: #ffffff;--fg: #111827;--fg-soft: #374151;--muted: #6b7280;--border: #e5e7eb;--accent: #1d4ed8;--accent-soft: #dbeafe;--accent-hover: #1e40af;--card: #ffffff;--code-bg: #0d1117;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 4px 24px rgba(15, 23, 42, .08);--shadow-card: 0 1px 3px rgba(15, 23, 42, .06), 0 8px 28px rgba(15, 23, 42, .06);--radius-sm: .375rem;--radius-md: .75rem;--radius-lg: 1rem;--header-h: 3.75rem}@media(prefers-color-scheme:dark){:root{--bg: #0c0c0e;--bg-elevated: #141416;--fg: #f3f4f6;--fg-soft: #e5e7eb;--muted: #9ca3af;--border: #27272a;--accent: #60a5fa;--accent-soft: rgba(96, 165, 250, .12);--accent-hover: #93c5fd;--card: #141416;--code-bg: #0d1117;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);--shadow-md: 0 8px 32px rgba(0, 0, 0, .45);--shadow-card: 0 1px 3px rgba(0, 0, 0, .4), 0 12px 40px rgba(0, 0, 0, .35)}}*,*:before,*:after{box-sizing:border-box}html{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.65;letter-spacing:.01em;background-color:var(--bg);background-image:radial-gradient(ellipse 120% 80% at 50% -30%,rgba(29,78,216,.09),transparent 55%),radial-gradient(ellipse 60% 40% at 100% 0%,rgba(99,102,241,.06),transparent 45%);color:var(--fg);scroll-behavior:smooth}@media(prefers-color-scheme:dark){html{background-image:radial-gradient(ellipse 120% 80% at 50% -30%,rgba(96,165,250,.08),transparent 55%),radial-gradient(ellipse 60% 40% at 100% 0%,rgba(99,102,241,.05),transparent 45%)}}body{margin:0;min-height:100vh;display:flex;flex-direction:column}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.site-header{position:sticky;top:0;z-index:50;height:var(--header-h);border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg-elevated) 88%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.site-header__inner{max-width:var(--layout-max);margin:0 auto;padding:0 1.25rem;height:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1.5rem}.site-brand{display:flex;align-items:center;gap:.65rem;min-width:0}.site-brand__mark{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--accent),#6366f1);color:#fff;font-size:.85rem;text-decoration:none;flex-shrink:0}.site-brand__mark:hover{text-decoration:none;filter:brightness(1.08)}.site-title{display:flex;flex-direction:column;gap:.05rem;min-width:0}.site-title a{font-weight:700;font-size:1.05rem;letter-spacing:-.02em;color:var(--fg);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-title a:hover{color:var(--accent)}.site-title__sub{font-size:.7rem;font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.nav{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}.nav__link{padding:.4rem .75rem;border-radius:999px;font-size:.875rem;font-weight:500;color:var(--muted);text-decoration:none;transition:background .15s ease,color .15s ease}.nav__link:hover{color:var(--fg);background:color-mix(in srgb,var(--border) 55%,transparent);text-decoration:none}.nav__link--active{color:var(--accent);background:var(--accent-soft)}.nav__link--active:hover{color:var(--accent-hover);background:var(--accent-soft)}.shell{width:100%;max-width:var(--layout-max);margin:0 auto;padding:2rem 1.25rem 3.5rem;flex:1}.shell--split{display:grid;gap:2rem;align-items:start}.shell__main,.shell__aside{min-width:0}@media(min-width:960px){.shell--split{grid-template-columns:minmax(0,1fr) minmax(15rem,17.5rem);gap:2.5rem}.shell__aside{position:sticky;top:calc(var(--header-h) + 1.5rem)}}.hero{position:relative;padding:2.25rem 1.75rem;margin-bottom:2.5rem;border-radius:var(--radius-lg);background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-card);overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,transparent),transparent 42%);pointer-events:none}.hero>*{position:relative}.hero__eyebrow{margin:0 0 .5rem;font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.hero__title{margin:0 0 .75rem;font-size:clamp(1.75rem,4vw,2.35rem);font-weight:800;letter-spacing:-.03em;line-height:1.2;color:var(--fg)}.hero__lead{margin:0 0 1.25rem;max-width:36rem;font-size:1.05rem;color:var(--fg-soft);line-height:1.7}.hero__actions{display:flex;flex-wrap:wrap;gap:.65rem}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1.1rem;border-radius:999px;font-size:.9rem;font-weight:600;text-decoration:none;border:1px solid transparent;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.btn:hover{text-decoration:none;transform:translateY(-1px)}.btn--primary{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}.btn--primary:hover{filter:brightness(1.05)}.btn--ghost{background:color-mix(in srgb,var(--border) 40%,transparent);color:var(--fg);border-color:var(--border)}.btn--ghost:hover{background:color-mix(in srgb,var(--border) 70%,transparent)}.page-head{margin-bottom:2rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border)}.page-head__eyebrow{margin:0 0 .35rem;font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.page-head__title{margin:0 0 .5rem;font-size:clamp(1.65rem,3.5vw,2rem);font-weight:800;letter-spacing:-.03em;line-height:1.2}.page-head__lead{margin:0;max-width:40rem;font-size:1rem;color:var(--muted)}.page-head__crumb{margin-top:.75rem;font-size:.9rem}.page-head__crumb a{font-weight:500}.section{margin-top:.5rem}.section__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem 1rem;margin-bottom:1.25rem}.section__head h2{margin:0;font-size:1.15rem;font-weight:700;letter-spacing:-.02em}.section__link{font-size:.875rem;font-weight:600;color:var(--accent)}.section__link:hover{color:var(--accent-hover)}.post-grid{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.post-card{margin:0}.post-card__inner{height:100%;padding:1.25rem 1.35rem;border-radius:var(--radius-md);background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-sm);overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.post-card__inner:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--border));box-shadow:var(--shadow-md);transform:translateY(-2px)}.post-card__cover{display:block;margin:-1.25rem -1.35rem 1rem;line-height:0;text-decoration:none}.post-card__cover:hover img{opacity:.95}.post-card__cover img{display:block;width:100%;height:200px;object-fit:cover;background:color-mix(in srgb,var(--border) 50%,var(--card))}.post-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-bottom:.65rem}.post-card__date{font-size:.8rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--muted)}.post-card__category{display:inline-block;padding:.2rem .55rem;border-radius:999px;font-size:.75rem;font-weight:600;color:var(--accent);background:var(--accent-soft);text-decoration:none}.post-card__category:hover{text-decoration:none;filter:brightness(.95)}.post-card__title{margin:0 0 .5rem;font-size:1.15rem;font-weight:700;letter-spacing:-.02em;line-height:1.35}.post-card__title a{color:var(--fg);text-decoration:none}.post-card__title a:hover{color:var(--accent)}.post-card__excerpt{margin:0 0 1rem;font-size:.95rem;color:var(--fg-soft);line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-card__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding-top:.85rem;border-top:1px solid color-mix(in srgb,var(--border) 80%,transparent)}.post-card__tags{display:flex;flex-wrap:wrap;gap:.35rem}.post-card__tag{padding:.15rem .5rem;border-radius:999px;font-size:.75rem;font-weight:500;color:var(--muted);background:color-mix(in srgb,var(--border) 45%,transparent);text-decoration:none}.post-card__tag:hover{color:var(--accent);text-decoration:none}.post-card__more{display:inline-flex;align-items:center;gap:.25rem;font-size:.85rem;font-weight:600;color:var(--accent);text-decoration:none;white-space:nowrap}.post-card__more:hover{text-decoration:none}.post-card__more:hover .post-card__more-arrow{transform:translate(3px)}.post-card__more-arrow{display:inline-block;transition:transform .15s ease}.post-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.lead{color:var(--muted);font-size:1rem}.meta{font-size:.875rem;color:var(--muted);margin-top:.35rem}.blog-aside{display:flex;flex-direction:column;gap:1rem}.aside-card{padding:1.1rem 1.15rem;border-radius:var(--radius-md);background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.aside-card__eyebrow{margin:0 0 .35rem;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.aside-card__title{margin:0 0 .65rem;font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.aside-card__text{margin:0 0 .65rem;font-size:.875rem;line-height:1.6;color:var(--fg-soft)}.aside-card__link{display:inline-block;font-size:.8rem;font-weight:600;color:var(--accent);margin-top:.25rem}.aside-list{list-style:none;padding:0;margin:0 0 .35rem}.aside-list li{margin:.35rem 0}.aside-list a{font-size:.9rem;font-weight:500;color:var(--fg)}.aside-list a:hover{color:var(--accent)}.aside-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.35rem}.aside-tag{padding:.2rem .5rem;border-radius:var(--radius-sm);font-size:.78rem;font-weight:500;color:var(--fg-soft);background:color-mix(in srgb,var(--border) 35%,transparent);text-decoration:none}.aside-tag:hover{color:var(--accent);text-decoration:none}.taxonomy-cloud{display:flex;flex-wrap:wrap;gap:.5rem}.taxonomy-chip{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .85rem;border-radius:999px;background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-sm);font-size:.9rem;font-weight:600;color:var(--fg);text-decoration:none;transition:border-color .15s ease,transform .15s ease}.taxonomy-chip:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--border));transform:translateY(-1px);text-decoration:none}.taxonomy-chip__count{font-size:.75rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--muted);padding:.1rem .4rem;border-radius:999px;background:color-mix(in srgb,var(--border) 50%,transparent)}.taxonomy-list{list-style:none;padding:0;margin:1rem 0 0}.taxonomy-list li{margin:.5rem 0}.site-footer{border-top:1px solid var(--border);padding:2rem 1.25rem;font-size:.875rem;color:var(--muted);background:var(--bg-elevated);margin-top:auto}.site-footer__inner{max-width:var(--layout-max);margin:0 auto}.site-footer p,.footer-beian{margin:.4rem 0}.footer-beian__link{display:inline-flex;align-items:center;gap:.4rem;color:var(--muted);text-decoration:none}.footer-beian__link:hover{color:var(--accent);text-decoration:underline}.footer-beian__icon{flex-shrink:0;width:20px;height:20px;display:block}h1{font-size:1.75rem;line-height:1.25;margin-top:0}h2{font-size:1.25rem;margin-top:1.75rem}.article-shell{max-width:var(--content-max)}.prose{font-size:1.05rem;line-height:1.75;color:var(--fg-soft)}.prose>h1{font-size:clamp(1.65rem,3vw,2rem);font-weight:800;letter-spacing:-.03em;color:var(--fg)}.prose pre{background:var(--code-bg);color:#e6edf3;padding:1rem;border-radius:var(--radius-md);overflow-x:auto;font-size:.9rem}.prose code{font-size:.9em}.prose :not(pre)>code{background:color-mix(in srgb,var(--border) 65%,transparent);padding:.15em .4em;border-radius:var(--radius-sm)}.prose img{max-width:100%;height:auto;border-radius:var(--radius-md)}.prose .pills{display:flex;flex-wrap:wrap;gap:.35rem;margin:.75rem 0 1.25rem}.prose .pill{display:inline-block;padding:.2rem .55rem;border-radius:999px;background:var(--accent-soft);font-size:.8rem;font-weight:600;color:var(--accent)}.prose .pill a{color:inherit}.draft-badge{display:inline-block;margin-left:.45rem;padding:.12rem .45rem;border-radius:var(--radius-sm);background:#f59e0b;color:#111;font-size:.72rem;font-weight:700;vertical-align:middle}.pills{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.5rem}.pill{display:inline-block;padding:.15rem .5rem;border-radius:999px;background:var(--accent-soft);font-size:.8rem;color:var(--accent)}.pill a{color:inherit;font-weight:600}.about-panel{max-width:var(--content-max);padding:1.75rem 1.5rem;border-radius:var(--radius-lg);background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.about-panel h2:first-of-type{margin-top:0}.post-hero-gallery{margin:1.25rem 0 1.5rem;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow-sm);outline:none}.post-hero-gallery:focus-visible{box-shadow:0 0 0 2px var(--accent-soft),var(--shadow-sm)}.post-hero-gallery__viewport{overflow:hidden;border-radius:var(--radius-md) var(--radius-md) 0 0;background:color-mix(in srgb,var(--border) 35%,var(--card))}.post-hero-gallery__track{display:flex;transition:transform .28s ease;width:100%}.post-hero-gallery__slide{flex:0 0 100%;margin:0;min-width:0}.post-hero-gallery__img{display:block;width:100%;height:auto;max-height:min(70vh,520px);object-fit:contain}.post-hero-gallery__toolbar{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.6rem .75rem;border-top:1px solid var(--border)}.post-hero-gallery__btn{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:1px solid var(--border);border-radius:999px;background:var(--bg-elevated);color:var(--fg);font-size:1.35rem;line-height:1;cursor:pointer}.post-hero-gallery__btn:hover{border-color:var(--accent);color:var(--accent)}.post-hero-gallery__counter{font-size:.85rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--muted);min-width:3.5rem;text-align:center}.post-hero-video{margin:1.25rem 0 1.5rem;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border);background:#000;box-shadow:var(--shadow-sm)}.post-hero-video--embed{aspect-ratio:16 / 9;background:#0a0a0a}.post-hero-video__media{display:block;width:100%;max-height:min(70vh,560px)}.post-hero-video__iframe{display:block;width:100%;height:100%;border:0}.post-hero-video__hint{margin:0;padding:.65rem .85rem;font-size:.82rem;line-height:1.55;color:var(--fg-soft);background:color-mix(in srgb,var(--border) 35%,var(--card));border-top:1px solid var(--border)}.post-hero-video__hint a{font-weight:600;margin-right:.35rem}.post-hero-video__hint-note{display:block;margin-top:.35rem;color:var(--muted);font-size:.8rem}.post-hero-video__hint-note code{font-size:.78em}