:root{--bg: #f7f8fa;--surface: #ffffff;--ink: #16222f;--ink-2: #3d4a59;--ink-3: #74818f;--line: #e4e8ee;--line-2: #d5dbe3;--navy: #162f4a;--navy-2: #1e3c5c;--accent: #c2622c;--accent-soft: #f5e8dc;--ok: #2f6b3f;--font-en: "Inter", "SF Pro Text", "Segoe UI", system-ui, sans-serif;--font-zh: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", "Source Han Sans SC", sans-serif;--maxw: 1120px;--rad: 3px;--rad-lg: 6px;--g-1: .5rem;--g-2: 1rem;--g-3: 1.5rem;--g-4: 2.5rem;--g-5: 4rem;--g-6: 6rem;--shadow-1: 0 1px 2px rgba(20, 30, 45, .05);--shadow-2: 0 2px 10px rgba(20, 30, 45, .06);--grid: linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);--grid-size: 28px;--header-h: 60px}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-en),var(--font-zh);font-size:16.5px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.img-placeholder,picture{display:block}*{box-sizing:border-box}img{max-width:100%;height:auto;display:block}a{color:var(--navy-2);text-decoration:none}a:hover{color:var(--accent)}h1,h2,h3,h4{font-weight:650;letter-spacing:-.01em;color:var(--ink);line-height:1.25;margin:0 0 .5em}h1{font-size:clamp(2rem,4.6vw,3.2rem)}h2{font-size:clamp(1.5rem,3.2vw,2.1rem)}h3{font-size:1.25rem}h4{font-size:1.05rem}p{margin:0 0 1em}code,pre{font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.9em}.container{max-width:var(--maxw);margin:0 auto;padding:0 var(--g-2)}.section{padding:var(--g-5) 0}.section+.section{border-top:1px solid var(--line)}.sec-head{margin-bottom:var(--g-3)}.sec-head .en{display:block;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);margin-bottom:.4em}.sec-head h2{margin-bottom:.15em}.sec-head .desc{color:var(--ink-2);max-width:64ch}.site-header{position:sticky;top:0;z-index:50;height:var(--header-h);background:#f7f8fae6;backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}.site-header .container{height:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--g-2)}.brand{display:flex;align-items:baseline;gap:.5rem;font-weight:700;color:var(--ink);white-space:nowrap}.brand .en{color:var(--ink-3);font-weight:500;font-size:.85rem;letter-spacing:.05em}.site-nav{display:flex;align-items:center;gap:1.1rem;font-size:.95rem}.site-nav a{color:var(--ink-2);padding:.2rem .1rem;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}.site-nav a:hover{color:var(--ink);border-bottom-color:var(--accent)}.nav-toggle{display:none;background:none;border:none;font-size:1.4rem;cursor:pointer;color:var(--ink);padding:.25rem .5rem}.mobile-nav{position:fixed;inset:var(--header-h) 0 0 0;background:var(--surface);border-top:1px solid var(--line);padding:var(--g-3);display:none;flex-direction:column;gap:var(--g-2);z-index:40}.mobile-nav.open{display:flex}.mobile-nav a{font-size:1.15rem;padding:.4rem 0;border-bottom:1px solid var(--line);color:var(--ink)}@media(max-width:820px){.site-nav{display:none}.nav-toggle{display:block}}.site-footer{border-top:1px solid var(--line);padding:var(--g-4) 0 var(--g-5);color:var(--ink-3);font-size:.9rem}.site-footer .container{display:flex;justify-content:space-between;gap:var(--g-2);flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.12rem .6rem;border:1px solid var(--line-2);border-radius:999px;font-size:.78rem;color:var(--ink-2);background:var(--surface);white-space:nowrap}.badge--accent{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.badge--navy{border-color:var(--navy);color:var(--surface);background:var(--navy)}.tag-list{display:flex;flex-wrap:wrap;gap:.45rem}.btn{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem 1.1rem;border-radius:var(--rad);font-size:.92rem;font-weight:600;border:1px solid var(--navy);background:var(--navy);color:#fff;transition:background .15s,border-color .15s}.btn:hover{background:var(--navy-2);border-color:var(--navy-2)}.btn.ghost{background:transparent;color:var(--navy)}.btn.ghost:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.grid-projects{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--g-3)}.grid-projects .span-12{grid-column:span 12}.grid-projects .span-8{grid-column:span 8}.grid-projects .span-7{grid-column:span 7}.grid-projects .span-5{grid-column:span 5}.grid-projects .span-6{grid-column:span 6}.grid-projects .span-4{grid-column:span 4}@media(max-width:980px){.grid-projects .span-12,.grid-projects .span-8,.grid-projects .span-7,.grid-projects .span-5,.grid-projects .span-6,.grid-projects .span-4{grid-column:span 12}}@media(min-width:981px)and (max-width:1200px){.grid-projects .span-7{grid-column:span 8}.grid-projects .span-5{grid-column:span 4}}.project-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--rad-lg);overflow:hidden;transition:box-shadow .18s,transform .18s,border-color .18s;color:inherit}.project-card:hover{border-color:var(--line-2);box-shadow:var(--shadow-2);transform:translateY(-2px);color:inherit}.project-card__media{aspect-ratio:16 / 9;background-color:var(--line);position:relative;overflow:hidden}.project-card__media img{width:100%;height:100%;object-fit:cover}.media-ph{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;color:var(--ink-3);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:var(--grid-size) var(--grid-size)}.media-ph strong{letter-spacing:.1em;font-weight:600;color:var(--ink-2);font-size:.85rem}.project-card__body{padding:var(--g-2);flex:1;display:flex;flex-direction:column}.project-card__meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.8rem;color:var(--ink-3);margin-bottom:.6rem}.project-card__body h3{font-size:1.15rem;margin-bottom:.35rem}.project-card__body p{color:var(--ink-2);font-size:.94rem;flex:1;margin-bottom:.8rem}.project-card__foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:.7rem;font-size:.85rem;color:var(--ink-3)}.archive-row{display:grid;grid-template-columns:1fr 140px;gap:var(--g-2);align-items:baseline;padding:.9rem 0;border-bottom:1px solid var(--line);transition:background .12s}.archive-row a{color:var(--ink);font-weight:600}.archive-row a:hover{color:var(--accent)}.archive-row .meta{font-size:.82rem;color:var(--ink-3);text-align:right}.archive-row:hover{background:#142f4a08}.timeline{position:relative;margin-left:.4rem;padding-left:var(--g-3)}.timeline:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:2px;background:var(--line-2)}.tl-item{position:relative;padding-bottom:var(--g-3)}.tl-item:before{content:"";position:absolute;left:calc(var(--g-3) * -1 + 0px);top:6px;width:10px;height:10px;border-radius:50%;background:var(--surface);border:3px solid var(--navy);transform:translate(-50%)}.tl-item .tl-date{font-size:.78rem;letter-spacing:.1em;color:var(--accent);font-weight:600;text-transform:uppercase;margin-bottom:.2rem}.tl-item h3{font-size:1.08rem;margin-bottom:.25rem}.tl-item p{color:var(--ink-2);font-size:.95rem;margin-bottom:.55rem;max-width:72ch}.tl-item .tl-en{font-size:.85rem;color:var(--ink-3);margin-bottom:.5rem}.hero{padding:var(--g-6) 0 var(--g-5);background:radial-gradient(1000px 420px at 82% -5%,rgba(198,98,44,.07),transparent 60%),var(--grid);background-size:auto,var(--grid-size) var(--grid-size);border-bottom:1px solid var(--line)}.hero .kicker{font-size:.82rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem;font-weight:600}.hero h1{max-width:16ch;margin-bottom:.4em}.hero .sub{font-size:clamp(1.05rem,2.4vw,1.4rem);color:var(--ink-2);font-weight:500;margin-bottom:1rem;letter-spacing:.01em}.hero .tagline{color:var(--ink-3);font-size:.95rem;letter-spacing:.06em}.hero .intro{max-width:58ch;color:var(--ink-2);margin:var(--g-3) 0}.hero .cta{display:flex;gap:var(--g-2);flex-wrap:wrap}.hero .stats{display:flex;gap:var(--g-3) var(--g-5);flex-wrap:wrap;margin-top:var(--g-4);padding-top:var(--g-3);border-top:1px solid var(--line)}.hero .stat strong{display:block;font-size:1.5rem;color:var(--navy)}.hero .stat span{font-size:.82rem;color:var(--ink-3)}.hero--sub{padding:var(--g-5) 0 var(--g-4);background:radial-gradient(900px 320px at 85% -10%,rgba(198,98,44,.06),transparent 60%),var(--grid);background-size:auto,var(--grid-size) var(--grid-size);border-bottom:1px solid var(--line)}.hero--sub h1{font-size:clamp(1.7rem,3.6vw,2.4rem);margin-bottom:.2em}.hero--sub .sub{font-size:1.1rem}.detail-header{padding:var(--g-5) 0 var(--g-3);background:var(--grid);background-size:var(--grid-size) var(--grid-size);border-bottom:1px solid var(--line)}.detail-meta{display:flex;gap:.5rem 1.2rem;flex-wrap:wrap;font-size:.88rem;color:var(--ink-2);margin:var(--g-2) 0}.detail-meta b{color:var(--ink);font-weight:600;margin-right:.2rem}.prose{max-width:760px;margin:0 auto;padding:var(--g-4) 0 var(--g-5)}.prose h2{font-size:1.45rem;margin-top:2.2em;padding-bottom:.3rem;border-bottom:2px solid var(--line)}.prose h3{margin-top:1.6em}.prose blockquote{margin:1.4em 0;padding:.4em 1em;border-left:3px solid var(--accent);background:var(--accent-soft);color:var(--ink-2);border-radius:0 var(--rad) var(--rad) 0}.prose li{margin-bottom:.4em}.prose ul{padding-left:1.3em}.prose code{background:var(--line);padding:.1em .4em;border-radius:3px}.todo-list input[type=checkbox]{accent-color:var(--accent)}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--g-3)}@media(max-width:980px){.skills-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.skills-grid{grid-template-columns:1fr}}.skill-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--rad);padding:var(--g-2)}.skill-card h3{font-size:1.05rem;display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}.skill-card h3 span{font-size:.75rem;letter-spacing:.12em;color:var(--ink-3);text-transform:uppercase;font-weight:500}.skill-card ul{margin:.6rem 0 0;padding-left:1.1em;color:var(--ink-2);font-size:.92rem}.skill-card li{margin-bottom:.3rem}.about-background{display:flex;gap:var(--g-4);align-items:flex-start}.about-background .aside{min-width:200px}.about-background .desc{flex:1;max-width:60ch}@media(max-width:760px){.about-background{flex-direction:column}}.detail-list{margin:1.2em 0;padding:0;list-style:none;border:1px solid var(--line);border-radius:var(--rad);overflow:hidden}.detail-list li{display:flex;gap:.8rem;padding:.7rem 1rem;border-bottom:1px solid var(--line);font-size:.92rem}.detail-list li:last-child{border-bottom:none}.detail-list li b{min-width:6.5em;color:var(--ink-3);font-weight:500}.gallery{margin-top:var(--g-3)}.gallery figure{margin:0 0 var(--g-2)}.gallery figcaption{font-size:.82rem;color:var(--ink-3);margin-top:.4rem;padding-bottom:.8rem;border-bottom:1px solid var(--line)}.videos{margin-top:var(--g-3);display:grid;gap:var(--g-3)}.video-box{position:relative}.video-frame{width:100%;aspect-ratio:16 / 9;display:block;border:1px solid var(--line-2);border-radius:var(--rad);background:#0c1420}.video-caption{font-size:.82rem;color:var(--ink-3);margin-top:.4rem;padding-bottom:.4rem;border-bottom:1px solid var(--line)}.video-ph{aspect-ratio:16 / 9}.video-ph span{font-size:.75rem;text-align:center;padding:0 1rem;max-width:46ch}.muted{color:var(--ink-3)}.mt-1{margin-top:var(--g-1)}.mt-2{margin-top:var(--g-2)}.mt-3{margin-top:var(--g-3)}.mt-4{margin-top:var(--g-4)}.mb-0{margin-bottom:0}.prose a{text-decoration:underline;text-underline-offset:2px}.prose a:hover{text-decoration:none}hr{border:none;border-top:1px solid var(--line);margin:var(--g-4) 0}@media(max-width:640px){body{font-size:15.5px}.section{padding:var(--g-4) 0}}@media print{.site-header{position:static}.site-footer{display:none}}.brand[data-astro-cid-ctg3m53h] .en[data-astro-cid-ctg3m53h]{display:inline}.muted[data-astro-cid-ctg3m53h]{color:var(--ink-3)}