:root{--color-bg: #f6f1e8;--color-surface: rgba(255, 253, 248, .84);--color-surface-strong: #fffdf8;--color-text: #1e232b;--color-text-muted: #5a6472;--color-border: #d9d1c3;--color-accent: #2457c5;--color-accent-soft: rgba(36, 87, 197, .12);--color-warm: #c46b3c;--color-warm-soft: rgba(196, 107, 60, .14);--color-shadow: rgba(36, 40, 46, .08);--font-sans: "Space Grotesk", "Avenir Next", "Segoe UI", sans-serif;--font-serif: "Source Serif 4", "Iowan Old Style", "Noto Serif SC", serif;--font-mono: "JetBrains Mono", "SFMono-Regular", monospace;--radius-xs: 10px;--radius-sm: 16px;--radius-md: 24px;--radius-lg: 36px;--shadow-sm: 0 10px 30px rgba(20, 22, 28, .05);--shadow-md: 0 20px 60px rgba(20, 22, 28, .08);--container: min(1120px, calc(100% - 40px) );--section-gap: clamp(4rem, 7vw, 7rem);--page-gap: clamp(2.5rem, 6vw, 5rem)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--color-text);background:radial-gradient(circle at top right,rgba(36,87,197,.1),transparent 28%),radial-gradient(circle at bottom left,rgba(196,107,60,.08),transparent 30%),var(--color-bg);font-family:var(--font-serif);line-height:1.65}body::selection{background:#2457c529}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}main{position:relative;z-index:1}.container{width:var(--container);margin:0 auto}.page-backdrop{position:fixed;inset:0;background-image:linear-gradient(rgba(30,35,43,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(30,35,43,.04) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.35),transparent 70%);pointer-events:none;opacity:.6}h1,h2,h3,h4,h5,h6{margin:0;font-family:var(--font-sans);line-height:1.05;letter-spacing:-.03em}h1{font-size:clamp(3.4rem,9vw,6.8rem)}h2{font-size:clamp(2rem,5vw,3.4rem)}h3{font-size:clamp(1.3rem,3vw,1.75rem)}p{margin:0;color:var(--color-text-muted)}ul,ol{margin:0;padding:0}.section{padding:var(--page-gap) 0 0}.section:last-child{padding-bottom:var(--section-gap)}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:var(--color-accent);font-family:var(--font-mono);font-size:.85rem;letter-spacing:.12em;text-transform:uppercase}.eyebrow:before{content:"";width:1.2rem;height:1px;background:currentColor}.lead{font-size:clamp(1.08rem,2.2vw,1.28rem);max-width:60ch}.section-heading{display:grid;gap:1rem;margin-bottom:2rem}.section-heading--center{text-align:center;justify-items:center}.section-intro{max-width:60ch;font-size:1.05rem}.hero{padding:clamp(2.5rem,5vw,4rem) 0 var(--section-gap)}.hero__layout{display:grid;gap:2rem;grid-template-columns:minmax(0,1.3fr) minmax(320px,.9fr);align-items:start}.hero__content{display:grid;gap:1.5rem}.hero__title{max-width:11ch}.hero__actions,.inline-actions,.project-card__actions,.contact-actions{display:flex;flex-wrap:wrap;gap:.85rem}.hero__meta{display:flex;flex-wrap:wrap;gap:.75rem}.pill,.tag-list li{display:inline-flex;align-items:center;border:1px solid rgba(36,87,197,.12);border-radius:999px;padding:.45rem .85rem;background:#fffdf8b8;color:var(--color-text);font-family:var(--font-mono);font-size:.85rem}.glass-card,.metric-card,.project-card,.content-card,.quote-card,.contact-card,.note-card{border:1px solid rgba(217,209,195,.9);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm);backdrop-filter:blur(14px)}.hero-card{padding:1.5rem}.hero-card__panel{display:grid;gap:1rem;padding:1.4rem;border-radius:calc(var(--radius-md) - 8px);background:linear-gradient(140deg,rgba(36,87,197,.08),transparent 50%),linear-gradient(160deg,rgba(196,107,60,.08),transparent 65%),var(--color-surface-strong);border:1px solid rgba(217,209,195,.7)}.hero-card__label,.meta-label,.card-label{color:var(--color-text);font-family:var(--font-mono);font-size:.82rem;letter-spacing:.1em;text-transform:uppercase}.hero-card__list,.simple-list,.timeline,.project-detail-list,.impact-list,.value-list,.social-list,.highlight-list{display:grid;gap:.9rem;list-style:none}.hero-card__list li,.simple-list li,.impact-list li,.value-list li,.highlight-list li{position:relative;padding-left:1.2rem}.hero-card__list li:before,.simple-list li:before,.impact-list li:before,.value-list li:before,.highlight-list li:before{content:"•";position:absolute;left:0;color:var(--color-warm)}.metrics,.cards-grid,.split-grid,.three-grid,.skills-grid,.contact-grid{display:grid;gap:1.25rem}.metrics,.three-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cards-grid,.split-grid,.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card,.quote-card,.note-card,.content-card,.contact-card,.project-card{padding:1.5rem}.metric-card strong{display:block;margin-bottom:.75rem;font-family:var(--font-sans);font-size:1.5rem}.metric-card span,.project-card__meta,.meta-row{color:var(--color-text-muted);font-family:var(--font-mono);font-size:.82rem;letter-spacing:.02em}.button-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 1rem;border-radius:999px;border:1px solid transparent;font-family:var(--font-sans);font-weight:600;transition:transform .18s ease,background-color .18s ease,border-color .18s ease}.button-link:hover{transform:translateY(-1px)}.button-link--solid{background:var(--color-text);color:var(--color-bg)}.button-link--ghost{border-color:var(--color-border);background:#fffdf8bd}.button-link--text,.inline-link{color:var(--color-accent);font-family:var(--font-sans);font-weight:600}.inline-link{display:inline-flex;align-items:center;gap:.4rem}.inline-link:after{content:"↗";font-size:.85em}.site-header{position:sticky;top:0;z-index:10;padding:1rem 0}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1rem;border:1px solid rgba(217,209,195,.9);border-radius:999px;background:#fffdf8b8;backdrop-filter:blur(16px);box-shadow:var(--shadow-sm)}.site-brand{display:inline-flex;align-items:center;gap:.85rem;font-family:var(--font-sans);font-weight:700}.site-brand__mark{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--color-text);color:var(--color-bg);font-size:.9rem}.site-nav{display:flex;align-items:center;gap:.4rem;list-style:none}.site-nav__link{display:inline-flex;align-items:center;min-height:40px;padding:0 .95rem;border-radius:999px;color:var(--color-text-muted);font-family:var(--font-sans);font-weight:600}.site-nav__link:hover,.site-nav__link.is-active{background:var(--color-accent-soft);color:var(--color-accent)}.project-card{display:grid;gap:1rem}.project-card__headline,.quote-card blockquote{color:var(--color-text);font-family:var(--font-serif);font-size:1.15rem}.tag-list{display:flex;flex-wrap:wrap;gap:.65rem;list-style:none}.content-shell{display:grid;gap:1.25rem}.timeline li{padding:1rem 1rem 1rem 1.25rem;border-left:2px solid var(--color-border)}.timeline strong{display:block;margin-bottom:.35rem;font-family:var(--font-sans);font-size:1.1rem}.timeline span{display:inline-flex;margin-bottom:.5rem;color:var(--color-accent);font-family:var(--font-mono);font-size:.85rem}.skill-group{display:grid;gap:1rem}.skill-group h3{margin-bottom:.5rem}.skill-group ul,.social-list,.project-detail-list{list-style:none}.social-list a{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.15rem;border:1px solid rgba(217,209,195,.9);border-radius:var(--radius-sm);background:#fffdf8cc;font-family:var(--font-sans);font-weight:600}.social-list a:after{content:"↗";color:var(--color-accent)}.quote-card blockquote{margin:0 0 1rem}.post-card{display:grid;gap:1rem;padding:1.5rem;border:1px solid rgba(217,209,195,.9);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm);backdrop-filter:blur(14px)}.post-card--featured{background:linear-gradient(150deg,rgba(36,87,197,.06),transparent 72%),linear-gradient(175deg,rgba(196,107,60,.08),transparent 70%),var(--color-surface-strong)}.post-card__meta,.article-meta{display:flex;flex-wrap:wrap;gap:.8rem;color:var(--color-text-muted);font-family:var(--font-mono);font-size:.82rem}.post-card__title a{color:var(--color-text)}.post-card__title a:hover{color:var(--color-accent)}.post-card__cover-link{display:block}.post-card__cover{width:100%;aspect-ratio:16 / 9;object-fit:cover;border:1px solid rgba(217,209,195,.82);border-radius:calc(var(--radius-md) - 6px);background:#fffdf8e6}.post-card__summary{font-size:1rem}.tag-filter{display:flex;flex-wrap:wrap;gap:.75rem}.tag-filter__link{display:inline-flex;align-items:center;gap:.55rem;min-height:42px;padding:0 .95rem;border:1px solid rgba(217,209,195,.9);border-radius:999px;background:#fffdf8bf;color:var(--color-text);font-family:var(--font-sans);font-weight:600;transition:background-color .18s ease,border-color .18s ease,color .18s ease}.tag-filter__link:hover,.tag-filter__link.is-active{border-color:#2457c540;background:var(--color-accent-soft);color:var(--color-accent)}.tag-filter__link em{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;border-radius:999px;background:#2457c51a;font-style:normal;font-family:var(--font-mono);font-size:.76rem}.tag-filter__link--rss:after{content:"↗";color:var(--color-accent)}.home-writing-action{margin-top:1.25rem}.quote-card cite{color:var(--color-text-muted);font-style:normal}.note-card{background:linear-gradient(150deg,rgba(36,87,197,.06),transparent 70%),linear-gradient(180deg,rgba(196,107,60,.08),transparent 72%),var(--color-surface-strong)}.contact-card h3,.content-card h3,.quote-card h3,.note-card h3{margin-bottom:.75rem}.site-footer{position:relative;z-index:1;padding:1rem 0 2rem}.site-footer__inner,.site-footer__meta{display:flex;justify-content:space-between;gap:1rem}.site-footer__inner{padding:1.5rem;border-top:1px solid rgba(217,209,195,.8)}.site-footer__title{margin-bottom:.65rem;color:var(--color-text);font-family:var(--font-sans);font-size:1.25rem}.site-footer__links{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-end;gap:.8rem}.site-footer__links a,.site-footer__meta{color:var(--color-text-muted);font-family:var(--font-mono);font-size:.86rem}.site-footer__meta{margin-top:.75rem;padding-top:1rem;border-top:1px solid rgba(217,209,195,.6)}.project-hero,.page-hero{padding-top:2rem}.project-detail-list{display:grid;gap:1rem}.project-detail-list strong{display:block;margin-bottom:.4rem;color:var(--color-text);font-family:var(--font-sans)}.article-shell{display:grid;gap:1.5rem;max-width:860px}.article-header{display:grid;gap:1rem}.article-summary-card{padding:1.35rem 1.5rem}.article-summary{color:var(--color-text);font-size:1.05rem}.article-cover{width:100%;border:1px solid rgba(217,209,195,.9);border-radius:var(--radius-md);background:#fffdf8e6;box-shadow:var(--shadow-sm)}.article-prose pre{margin:0;padding:1rem 1.1rem;overflow-x:auto;border-radius:0 0 calc(var(--radius-md) - 8px) calc(var(--radius-md) - 8px);font-family:var(--font-mono);font-size:.92rem;line-height:1.6}.article-prose :not(pre)>code{padding:.18rem .42rem;border-radius:8px;background:#2457c51a;color:var(--color-accent);font-family:var(--font-mono);font-size:.92em}.code-block{margin-top:1rem;overflow:hidden;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.article-prose .code-block+*{margin-top:1rem}.code-block__toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1rem;border-bottom:1px solid rgba(255,255,255,.08);background:#111827}.code-block__language{color:#ffffffb8;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.code-block__copy{min-height:34px;padding:0 .8rem;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#ffffff0f;color:#f9fafb;font-family:var(--font-sans);font-size:.85rem;font-weight:600;cursor:pointer}.code-block__copy:hover{background:#ffffff1f}.article-prose{padding:clamp(1.4rem,3vw,2rem)}.article-prose h2,.article-prose h3{margin:2rem 0 .85rem;color:var(--color-text)}.article-prose p,.article-prose ul,.article-prose ol,.article-prose blockquote{margin-top:1rem}.article-prose ul,.article-prose ol{padding-left:1.25rem;color:var(--color-text-muted)}.article-prose li+li{margin-top:.5rem}.article-prose strong{color:var(--color-text)}.article-prose blockquote{padding:1rem 1.1rem;border-left:3px solid var(--color-warm);border-radius:var(--radius-xs);background:#c46b3c14;color:var(--color-text)}.article-nav{display:flex;flex-wrap:wrap;gap:.85rem}.pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.5rem}.pagination__pages{display:flex;flex-wrap:wrap;gap:.75rem}.pagination__link{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 1rem;border:1px solid rgba(217,209,195,.9);border-radius:999px;background:#fffdf8c7;color:var(--color-text);font-family:var(--font-sans);font-weight:600}.pagination__link--number{min-width:44px;padding:0}.pagination__link.is-active{border-color:#2457c540;background:var(--color-accent-soft);color:var(--color-accent)}.pagination__link.is-disabled{opacity:.45;pointer-events:none}.tag-card{display:grid;gap:1rem;padding:1.5rem;border:1px solid rgba(217,209,195,.9);border-radius:var(--radius-md);background:#fffdf8cc;box-shadow:var(--shadow-sm)}.tag-card h3 a{color:var(--color-text)}.tag-card__list{gap:.7rem}.reading-progress{position:fixed;top:0;left:0;z-index:30;width:100%;height:4px;background:#2457c514}.reading-progress__bar{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,var(--color-accent),var(--color-warm))}.article-page{display:grid;gap:1.5rem;grid-template-columns:minmax(0,1fr) 300px;align-items:start}.article-main{display:grid;gap:1.5rem}.article-sidebar{position:sticky;top:6rem;display:grid;gap:1rem}.toc-card{display:grid;gap:1rem;padding:1.25rem}.toc-card__copy{font-size:.98rem}.reading-stats-card{display:grid;gap:1rem;padding:1.25rem}.reading-stats-list{display:grid;gap:0}.reading-stats-list div{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.8rem 0;border-top:1px solid rgba(217,209,195,.9)}.reading-stats-list div:first-child{padding-top:0;border-top:none}.reading-stats-list div:last-child{padding-bottom:0}.reading-stats-list dt{color:var(--color-text-muted);font-family:var(--font-sans);font-size:.95rem}.reading-stats-list dd{margin:0;color:var(--color-text);font-family:var(--font-mono);font-size:.95rem;font-weight:700}.toc-list{display:grid;gap:.4rem;list-style:none}.toc-list__item--depth-3{padding-left:1rem}.toc-list__link{display:inline-flex;width:100%;padding:.5rem .65rem;border-radius:12px;color:var(--color-text-muted);font-family:var(--font-sans);font-size:.95rem}.toc-list__link:hover,.toc-list__link.is-active{background:var(--color-accent-soft);color:var(--color-accent)}.article-prose :is(h2,h3,h4){scroll-margin-top:110px}.article-relations{display:grid;gap:1.25rem}.relation-grid{align-items:stretch}.relation-card{display:grid;gap:.9rem;padding:1.5rem;border:1px solid rgba(217,209,195,.9);border-radius:var(--radius-md);background:#fffdf8d1;box-shadow:var(--shadow-sm)}.relation-card h3 a{color:var(--color-text)}.search-page{display:grid;gap:1.5rem}.search-panel{display:grid;gap:1rem;padding:1.25rem;border:1px solid rgba(217,209,195,.9);border-radius:var(--radius-md);background:#fffdf8cc}.search-input-wrap{display:grid;gap:.75rem}.search-input{width:100%;min-height:54px;padding:0 1rem;border:1px solid rgba(217,209,195,.9);border-radius:16px;background:#fffdf8f2;color:var(--color-text);font:500 1rem/1.4 var(--font-sans)}.search-input:focus{outline:2px solid rgba(36,87,197,.16);border-color:#2457c547}.search-status{font-family:var(--font-mono);font-size:.86rem}.search-results{align-items:start}.search-empty{padding:1.5rem}@media(max-width:900px){.hero__layout,.metrics,.cards-grid,.split-grid,.three-grid,.skills-grid,.contact-grid,.site-footer__inner,.site-footer__meta{grid-template-columns:1fr;flex-direction:column}.article-page{grid-template-columns:1fr}.article-sidebar{position:static}.site-header__inner{border-radius:24px}.site-brand__text{display:none}}@media(max-width:720px){:root{--container: min(100% - 24px, 1120px)}.site-header{padding-top:.75rem}.site-header__inner{align-items:flex-start;flex-direction:column}.site-header__controls{width:100%;flex-direction:column;align-items:stretch}.site-nav{width:100%;flex-wrap:wrap}.language-toggle{align-self:flex-end}.site-nav__link{padding-inline:.85rem}.tag-filter__link{width:fit-content}.hero{padding-top:1rem}}.localized-text [data-lang]{display:inline}html[data-language=zh] .localized-text [data-lang=en],html[data-language=en] .localized-text [data-lang=zh]{display:none!important}.site-header__controls{display:flex;align-items:center;gap:.75rem}.language-toggle{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem;border:1px solid rgba(217,209,195,.9);border-radius:999px;background:#fffdf8d1}.language-toggle__button{min-height:36px;padding:0 .8rem;border:none;border-radius:999px;background:transparent;color:var(--color-text-muted);font-family:var(--font-sans);font-weight:700;cursor:pointer}.language-toggle__button.is-active{background:var(--color-text);color:var(--color-bg)}.language-toggle__button:focus-visible{outline:2px solid rgba(36,87,197,.28);outline-offset:2px}.resume-page{gap:0}.resume-note{display:grid;gap:1rem}.resume-sheet{display:grid;gap:2rem;padding:2rem;border:1px solid rgba(217,209,195,.9);border-radius:var(--radius-lg);background:#fffdf8e0;box-shadow:var(--shadow-md)}.resume-sheet__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(217,209,195,.9)}.resume-contact{display:grid;gap:.4rem;justify-items:end;color:var(--color-text-muted);font-family:var(--font-mono);font-size:.92rem}.resume-section,.resume-grid{display:grid;gap:1rem}.resume-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.resume-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.resume-card{gap:.9rem}.resume-project-list{display:grid;gap:1rem}.resume-project-item{display:grid;gap:.7rem;padding:1.25rem;border:1px solid rgba(217,209,195,.9);border-radius:var(--radius-md);background:#fffdf8c2}.checklist-page{display:grid;gap:1.25rem}.checklist-group{display:grid;gap:1rem}.checklist-items{display:grid;gap:.9rem}.checklist-item{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:start;gap:.85rem;padding:1rem;border:1px solid rgba(217,209,195,.9);border-radius:16px;background:#fffdf8ad}.checklist-item__input{width:18px;height:18px;margin-top:.2rem;accent-color:var(--color-accent)}.checklist-item__copy{color:var(--color-text);font-family:var(--font-sans);line-height:1.6}@media print{.site-header,.site-footer,.page-backdrop,.resume-print-hide,.language-toggle{display:none!important}body{background:#fff}.resume-sheet{padding:0;border:none;border-radius:0;background:#fff;box-shadow:none}}