@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Sora:wght@500;600;700&display=swap";.header[data-v-974c4316]{z-index:100;height:var(--header-height);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border);background:#ffffffeb;position:sticky;top:0}.header__inner[data-v-974c4316]{justify-content:space-between;align-items:center;height:100%;display:flex}.header__logo[data-v-974c4316]{align-items:center;gap:var(--spacing-sm);font-weight:600;display:flex}.header__logo-mark[data-v-974c4316]{border-radius:var(--radius-md);background:var(--color-brand);color:#fff;width:2rem;height:2rem;font-family:var(--font-display);place-items:center;font-size:.75rem;display:grid}.header__toggle[data-v-974c4316]{cursor:pointer;background:0 0;border:none;display:none}.header__nav[data-v-974c4316]{align-items:center;gap:var(--spacing-lg);display:flex}.header__link[data-v-974c4316]{color:var(--color-text-muted);font-weight:500}.header__link--active[data-v-974c4316],.header__link[data-v-974c4316]:hover{color:var(--color-brand-ink)}.header__search input[data-v-974c4316]{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);width:160px;padding:.5rem .75rem}@media (width<=768px){.header__toggle[data-v-974c4316]{display:inline-flex}.header__nav[data-v-974c4316]{top:var(--header-height);padding:var(--spacing-lg);background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-direction:column;align-items:stretch;display:none;position:absolute;left:0;right:0}.header__nav--open[data-v-974c4316]{display:flex}.header__search input[data-v-974c4316]{width:100%}}.footer[data-v-582d8a2f]{border-top:1px solid var(--color-border);padding:var(--spacing-xl) 0;margin-top:auto}.footer__inner[data-v-582d8a2f]{justify-content:space-between;align-items:center;gap:var(--spacing-md);color:var(--color-text-muted);font-size:.9375rem;display:flex}.footer__links[data-v-582d8a2f]{gap:var(--spacing-md);display:flex}.footer__links a[data-v-582d8a2f]:hover{color:var(--color-brand-ink)}.app-layout[data-v-231f5966]{flex-direction:column;min-height:100vh;display:flex}.app-layout__main[data-v-231f5966]{flex:1}:root{--color-brand:#6366f1;--color-brand-ink:#4f46e5;--color-brand-light:#8b5cf6;--color-text:#1a1a1a;--color-text-muted:#6b7280;--color-border:#e5e7eb;--color-surface:#fff;--color-surface-muted:#f2f3fd;--font-display:"Sora", "Plus Jakarta Sans", "PingFang SC", sans-serif;--font-body:"Plus Jakarta Sans", "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--spacing-section:64px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--shadow-sm:0 1px 2px #11111a0a, 0 1px 3px #11111a0f;--shadow-md:0 4px 12px -2px #11111a14, 0 2px 6px -2px #11111a0d;--shadow-lg:0 16px 40px -12px #11111a24;--shadow-brand:0 8px 20px -8px #6366f14d;--container-max:1120px;--header-height:64px;--transition-fast:.15s ease;--transition-normal:.3s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);color:var(--color-text);background:var(--color-surface);-webkit-font-smoothing:antialiased;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input{font:inherit}.container{width:min(100% - 2rem, var(--container-max));margin-inline:auto}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.section{padding-block:var(--spacing-section)}.animate-on-scroll{opacity:0;transition:opacity var(--transition-normal), transform var(--transition-normal);transform:translateY(16px)}.animate-on-scroll.is-visible{opacity:1;transform:translateY(0)}@media (width<=768px){:root{--spacing-section:48px}}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);border:1px solid #0000;padding:.75rem 1.5rem;font-weight:600;display:inline-flex}.btn--primary{background:var(--color-brand);color:#fff;box-shadow:var(--shadow-brand)}.btn--primary:hover{background:var(--color-brand-ink)}.btn--secondary{background:var(--color-surface);color:var(--color-brand-ink);border-color:var(--color-border)}.btn--secondary:hover{border-color:var(--color-brand);background:var(--color-surface-muted)}.btn--lg{padding:.875rem 1.75rem}.btn--sm{padding:.5rem 1rem;font-size:.875rem}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-normal), transform var(--transition-normal);overflow:hidden}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card__body{padding:var(--spacing-lg)}.card__cover{aspect-ratio:16/9;object-fit:cover;background:var(--color-surface-muted);width:100%}.section-title{font-family:var(--font-display);margin-bottom:var(--spacing-lg);font-size:clamp(1.5rem,3vw,2rem);font-weight:600}.section-title__subtitle{margin-top:var(--spacing-sm);font-family:var(--font-body);color:var(--color-text-muted);font-size:1rem;font-weight:400;display:block}.tag{background:var(--color-surface-muted);color:var(--color-brand-ink);border-radius:999px;align-items:center;padding:.25rem .75rem;font-size:.8125rem;font-weight:500;display:inline-flex}.tag--active{background:var(--color-brand);color:#fff}.tag-list{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.grid-3{gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr);display:grid}.grid-2{gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr);display:grid}@media (width<=900px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.grid-3,.grid-2{grid-template-columns:1fr}}.page-state{padding:var(--spacing-3xl) 0;text-align:center;color:var(--color-text-muted)}.pagination{justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-xl);display:flex}.pagination__btn{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;min-width:2.5rem;height:2.5rem}.pagination__btn.is-active{background:var(--color-brand);color:#fff;border-color:var(--color-brand)}.pagination__btn:disabled{opacity:.5;cursor:not-allowed}.article{max-width:760px;margin-inline:auto}.article__header{margin-bottom:var(--spacing-xl)}.article__title{font-family:var(--font-display);margin-bottom:var(--spacing-md);font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.2}.article__meta{gap:var(--spacing-md);color:var(--color-text-muted);flex-wrap:wrap;font-size:.9375rem;display:flex}.markdown-body{font-size:1.0625rem;line-height:1.75}.markdown-body h2,.markdown-body h3{font-family:var(--font-display);margin-top:2rem;margin-bottom:.75rem}.markdown-body p{margin-bottom:1rem}.markdown-body ul,.markdown-body ol{margin-bottom:1rem;padding-left:1.5rem}.markdown-body pre{border-radius:var(--radius-md);background:#1e1e2e;margin:1.5rem 0;padding:1rem;overflow-x:auto}.markdown-body code{font-family:var(--font-mono);font-size:.9em}.markdown-body :not(pre)>code{border-radius:var(--radius-sm);background:var(--color-surface-muted);padding:.15rem .4rem}.markdown-body blockquote{border-left:4px solid var(--color-brand);color:var(--color-text-muted);margin:1.5rem 0;padding-left:1rem}.markdown-body a{color:var(--color-brand-ink);text-decoration:underline}