@charset "UTF-8";:root{--color-primary: #6f7d73;--color-primary-hover: #5f6d63;--color-primary-soft: #e3e8e3;--color-secondary: #8d7b6c;--color-secondary-soft: #ebe4de;--color-accent: #7f8c8d;--color-accent-soft: #e5eaeb;--color-bg: #f6f3ee;--color-bg-soft: #f1ede7;--color-surface: #fffdf9;--color-surface-2: #ebe6df;--color-border: #d8d1c8;--color-border-strong: #c8bfb5;--color-text: #3f3a36;--color-text-soft: #6f675f;--color-text-faint: #978d84;--color-heading: #2f2a27;--color-inverse: #faf8f4;--color-success: #728c69;--color-warning: #b08b57;--color-danger: #a06a63;--color-info: #6f8594;--color-success-soft: #e6eee3;--color-warning-soft: #f2eadf;--color-danger-soft: #f3e5e2;--color-info-soft: #e6edf1;--color-code-bg: #ede8e1;--color-code-border: #d7cec3;--color-code-text: #514841;--color-inline-code-bg: #ece7df;--shadow-sm: 0 2px 10px rgba(70, 60, 50, .05);--shadow-md: 0 8px 24px rgba(70, 60, 50, .08);--shadow-lg: 0 16px 40px rgba(70, 60, 50, .12);--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--container-width: 860px;--header-height: 72px;--font-sans: "Inter", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;--font-serif: "Source Han Serif SC", "Songti SC", "STSong", "Noto Serif SC", serif;--font-mono: "JetBrains Mono", "Fira Code", "SFMono-Regular", Consolas, monospace;--text-xs: 12px;--text-sm: 14px;--text-md: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 30px;--text-4xl: 40px;--text-5xl: 52px;--line-tight: 1.25;--line-normal: 1.7;--line-relaxed: 1.9;--duration-fast: .16s;--duration-normal: .24s;--ease-standard: ease}[data-theme=dark]{--color-primary: #9aa79c;--color-primary-hover: #aab5ac;--color-primary-soft: #2d352f;--color-secondary: #ad9a8a;--color-secondary-soft: #372f2a;--color-accent: #9ba8ae;--color-accent-soft: #2d3539;--color-bg: #1f1b18;--color-bg-soft: #26211e;--color-surface: #2a2521;--color-surface-2: #332d28;--color-border: #4a423b;--color-border-strong: #5a5149;--color-text: #e8e1d9;--color-text-soft: #c1b7ad;--color-text-faint: #988d83;--color-heading: #f3ede6;--color-inverse: #1e1a17;--color-success: #93ab8b;--color-warning: #d0aa77;--color-danger: #c38a81;--color-info: #95adbb;--color-success-soft: #2a3429;--color-warning-soft: #392f24;--color-danger-soft: #392826;--color-info-soft: #27323a;--color-code-bg: #221e1b;--color-code-border: #463f38;--color-code-text: #ddd5cc;--color-inline-code-bg: #332c27;--shadow-sm: 0 2px 12px rgba(0, 0, 0, .22);--shadow-md: 0 8px 28px rgba(0, 0, 0, .28);--shadow-lg: 0 18px 46px rgba(0, 0, 0, .34)}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--line-normal);background:var(--color-bg);color:var(--color-text);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg,video,canvas{display:block;max-width:100%}button,input,textarea,select{font:inherit;color:inherit}a{color:var(--color-primary);text-decoration:none;transition-property:color,opacity;transition-duration:var(--duration-normal);transition-timing-function:var(--ease-standard)}a:hover{color:var(--color-primary-hover)}::selection{background:var(--color-primary-soft);color:var(--color-heading)}hr{border:0;border-top:1px solid var(--color-border);margin:var(--space-10) 0}*{scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:999px}*::-webkit-scrollbar-track{background:transparent}h1,h2,h3,h4,h5,h6{margin:0 0 var(--space-4);color:var(--color-heading);line-height:var(--line-tight);letter-spacing:-.02em;font-weight:700}h1{font-size:clamp(32px,5vw,var(--text-5xl))}h2{font-size:clamp(26px,4vw,var(--text-4xl))}h3{font-size:clamp(22px,3vw,var(--text-3xl))}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{margin:0 0 var(--space-5);color:var(--color-text)}small{font-size:var(--text-sm);color:var(--color-text-soft)}ul,ol{margin:0 0 var(--space-5);padding-left:1.5rem}ul li,ol li{margin-bottom:.5rem;color:var(--color-text)}blockquote{margin:var(--space-8) 0;padding:var(--space-5) var(--space-6);background:var(--color-bg-soft);border-left:4px solid var(--color-primary);border-radius:var(--radius-md);color:var(--color-text-soft)}blockquote p:last-child{margin-bottom:0}code,pre{font-family:var(--font-mono)}code:not(pre code){display:inline-block;padding:.12em .45em;font-size:.92em;color:var(--color-code-text);background:var(--color-inline-code-bg);border:1px solid var(--color-code-border);border-radius:var(--radius-xs);vertical-align:baseline}pre{margin:var(--space-6) 0;padding:var(--space-5);overflow:auto;font-size:14px;line-height:1.75;color:var(--color-code-text);background:var(--color-code-bg);border:1px solid var(--color-code-border);border-radius:var(--radius-md);box-shadow:inset 0 1px #ffffff0a}pre code{padding:0;background:transparent;border:0;color:inherit}table{width:100%;border-collapse:collapse;margin:var(--space-6) 0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}table th,table td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--color-border)}table th{font-weight:600;color:var(--color-heading);background:var(--color-bg-soft)}table td{color:var(--color-text)}table tr:last-child td{border-bottom:0}.page-shell{min-height:100vh}.container{width:min(100% - 32px,var(--container-width));margin-inline:auto}.prose{width:min(100%,760px);margin-inline:auto}.section{padding:var(--space-16) 0}.site-header{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:color-mix(in srgb,var(--color-bg) 82%,transparent);border-bottom:1px solid color-mix(in srgb,var(--color-border) 76%,transparent)}.site-header__inner{width:min(100% - 32px,var(--container-width));margin-inline:auto;min-height:var(--header-height);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.site-header__brand{font-size:var(--text-lg);font-weight:700;color:var(--color-heading);letter-spacing:-.02em}.site-header__nav{display:flex;align-items:center;gap:var(--space-5)}.site-header__nav a{color:var(--color-text-soft);font-size:var(--text-sm)}.site-header__nav a:hover,.site-header__nav a.is-active{color:var(--color-heading)}.hero{padding:var(--space-20) 0 var(--space-12)}.hero__inner{width:min(100% - 32px,var(--container-width));margin-inline:auto}.hero__eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;margin-bottom:var(--space-5);border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-text-soft);font-size:var(--text-sm)}.hero__title{max-width:900px;margin-bottom:var(--space-5)}.hero__desc{max-width:720px;font-size:var(--text-lg);color:var(--color-text-soft);line-height:var(--line-relaxed)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 16px;border:1px solid transparent;border-radius:999px;font-size:var(--text-sm);font-weight:600;cursor:pointer;transition-property:background-color,color,border-color,transform,box-shadow;transition-duration:var(--duration-normal);transition-timing-function:var(--ease-standard)}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px #6f7d732e}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--color-primary);color:var(--color-inverse)}.btn--primary:hover{background:var(--color-primary-hover);color:var(--color-inverse)}.btn--secondary{background:var(--color-surface);color:var(--color-heading);border-color:var(--color-border)}.btn--secondary:hover{background:var(--color-bg-soft);border-color:var(--color-border-strong)}.btn--ghost{background:transparent;color:var(--color-text-soft);border-color:var(--color-border)}.btn--ghost:hover{color:var(--color-heading);background:var(--color-bg-soft)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-6)}.card--hover{transition-property:transform,box-shadow,border-color,background-color,color;transition-duration:var(--duration-normal);transition-timing-function:var(--ease-standard)}.card--hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.card__title{margin-bottom:var(--space-3);font-size:var(--text-xl)}.card__desc{margin:0;color:var(--color-text-soft)}.card__meta{display:flex;flex-wrap:wrap;gap:10px 14px;margin-top:var(--space-4);font-size:var(--text-sm);color:var(--color-text-faint)}.card-grid{display:grid;gap:var(--space-6);grid-template-columns:repeat(12,minmax(0,1fr))}.card-grid>*{grid-column:span 12}@media(min-width:768px){.card-grid>*{grid-column:span 6}}.post-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition-property:transform,box-shadow,border-color,background-color,color;transition-duration:var(--duration-normal);transition-timing-function:var(--ease-standard)}.post-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.post-card{display:block;padding:var(--space-6)}.post-card__tag{display:inline-flex;align-items:center;height:30px;padding:0 12px;margin-bottom:var(--space-4);border-radius:999px;background:var(--color-primary-soft);color:var(--color-primary);font-size:var(--text-xs);font-weight:700}.post-card__title{margin-bottom:var(--space-3);color:var(--color-heading);font-size:clamp(20px,2vw,28px)}.post-card__excerpt{margin-bottom:var(--space-5);color:var(--color-text-soft)}.post-card__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);color:var(--color-text-faint);font-size:var(--text-sm)}.badge{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 10px;border-radius:999px;font-size:var(--text-xs);font-weight:600;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-soft)}.badge--primary{background:var(--color-primary-soft);border-color:transparent;color:var(--color-primary)}.badge--secondary{background:var(--color-secondary-soft);border-color:transparent;color:var(--color-secondary)}.badge--info{background:var(--color-info-soft);border-color:transparent;color:var(--color-info)}.article{padding:var(--space-16) 0}.article__header{width:min(100%,760px);margin-inline:auto;margin-bottom:var(--space-12)}.article__meta{display:flex;flex-wrap:wrap;gap:10px 16px;margin-bottom:var(--space-5);color:var(--color-text-faint);font-size:var(--text-sm)}.article__title{margin-bottom:var(--space-5)}.article__summary{font-size:var(--text-lg);line-height:var(--line-relaxed);color:var(--color-text-soft)}.article__content,.markdown-body{width:min(100%,760px);margin-inline:auto}.article__content h2,.markdown-body h2,.article__content h3,.markdown-body h3,.article__content h4,.markdown-body h4{margin-top:var(--space-12)}.article__content h2,.markdown-body h2{padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.article__content a,.markdown-body a{text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--color-primary) 40%,transparent);text-underline-offset:3px}.article__content a:hover,.markdown-body a:hover{text-decoration-color:var(--color-primary)}.callout{padding:var(--space-5) var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.callout+.callout{margin-top:var(--space-4)}.callout--success{background:var(--color-success-soft);border-color:color-mix(in srgb,var(--color-success) 28%,var(--color-border))}.callout--warning{background:var(--color-warning-soft);border-color:color-mix(in srgb,var(--color-warning) 28%,var(--color-border))}.callout--danger{background:var(--color-danger-soft);border-color:color-mix(in srgb,var(--color-danger) 28%,var(--color-border))}.callout--info{background:var(--color-info-soft);border-color:color-mix(in srgb,var(--color-info) 28%,var(--color-border))}.callout__title{margin-bottom:8px;font-size:var(--text-md);font-weight:700;color:var(--color-heading)}.callout__desc{margin:0;color:var(--color-text-soft)}.input,.textarea,.select{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);transition-property:border-color,box-shadow,background-color;transition-duration:var(--duration-normal);transition-timing-function:var(--ease-standard)}.input:focus,.textarea:focus,.select:focus{outline:none;box-shadow:0 0 0 3px #6f7d732e;border-color:var(--color-primary)}.input::placeholder,.textarea::placeholder,.select::placeholder{color:var(--color-text-faint)}.input,.select{min-height:46px;padding:0 14px}.textarea{min-height:140px;padding:14px;resize:vertical}.site-footer{padding:var(--space-12) 0;border-top:1px solid var(--color-border);color:var(--color-text-faint)}.site-footer__inner{width:min(100% - 32px,var(--container-width));margin-inline:auto;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between}.markdown-body>*:first-child{margin-top:0}.markdown-body>*:last-child{margin-bottom:0}.markdown-body ul li>ul,.markdown-body ul li>ol,.markdown-body ol li>ul,.markdown-body ol li>ol{margin-top:8px;margin-bottom:8px}.markdown-body figure{margin:var(--space-8) 0}.markdown-body figcaption{margin-top:10px;font-size:var(--text-sm);color:var(--color-text-faint);text-align:center}.markdown-body strong{color:var(--color-heading);font-weight:700}.markdown-body em{color:var(--color-text-soft)}.markdown-body mark{padding:.1em .3em;background:var(--color-primary-soft);color:var(--color-heading);border-radius:4px}