:root{--bg: #fff8e7;--paper: #fffef9;--ink: #20242a;--muted: #5f6b72;--line: #24282d;--accent: #ff6b57;--accent-2: #46c7a6;--accent-3: #3d6df2;--chip: #ffd84d;--radius: 8px;--border: 2px;--shadow: 8px 8px 0 #20242a;--font-display: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", "Noto Sans SC", sans-serif;--font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", "Noto Sans SC", sans-serif;--font-cn: "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", "Noto Sans SC", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;color-scheme:light}*{box-sizing:border-box}html{background:var(--bg);color:var(--ink);font-family:var(--font-body);letter-spacing:0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{margin:0;min-height:100vh;overflow-x:hidden;background:var(--page-bg)}.wechat-share-image{position:absolute;width:1px;height:1px;opacity:.01;pointer-events:none}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{text-wrap:balance}p,li{text-wrap:pretty}.shell{--page-bg: linear-gradient(90deg, rgba(32, 36, 42, .05) 1px, transparent 1px), linear-gradient(rgba(32, 36, 42, .05) 1px, transparent 1px), linear-gradient(135deg, #fff8e7 0%, #fffdf7 42%, #f0fff8 100%);--panel-bg: rgba(255, 254, 249, .94);--side-bg: radial-gradient(circle at 20% 22%, rgba(255, 216, 77, .42) 0 12%, transparent 13%), linear-gradient(155deg, #e9fff8 0%, #fff7d8 48%, #f4edff 100%);--card-a: #fff8db;--card-b: #eafff6;--card-c: #fff0ed;--card-d: #f4eeff;inline-size:min(1180px,calc(100% - 32px));margin:0 auto;padding:32px 0}body:has(.theme-playful),body:has(.theme-editorial),body:has(.theme-terminal),body:has(.theme-notebook){background:var(--page-bg)}.hero,.section{border:var(--border) solid var(--line);border-radius:var(--radius);background:var(--panel-bg);box-shadow:var(--shadow)}.hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 340px;min-width:0;min-height:620px;overflow:hidden}.hero:before{content:"";position:absolute;inset:0 auto 0 0;width:14px;background:repeating-linear-gradient(to bottom,var(--accent) 0 54px,var(--chip) 54px 108px,var(--accent-2) 108px 162px,var(--accent-3) 162px 216px)}.hero>*{min-width:0}.hero__content{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:clamp(34px,7vw,86px);padding-left:clamp(42px,8vw,104px)}.eyebrow{width:fit-content;margin:0 0 18px;border:var(--border) solid var(--line);border-radius:999px;padding:7px 12px;background:var(--chip);color:var(--ink);font-family:var(--font-display);font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}h1{max-width:780px;margin-bottom:18px;font-family:var(--font-display);font-size:clamp(3.4rem,9vw,7.4rem);font-weight:950;line-height:.9;overflow-wrap:anywhere}h2{margin-bottom:14px;font-family:var(--font-display);font-size:clamp(2rem,4vw,4.3rem);font-weight:950;line-height:.98}h3{margin-bottom:12px;font-family:var(--font-display);font-size:1.14rem;font-weight:900}.mark{position:relative;z-index:0;display:inline;color:var(--ink);font-weight:900;box-decoration-break:clone;-webkit-box-decoration-break:clone}.mark--yellow,.mark--tape{margin-inline:1px;padding:.02em .2em .08em;background:linear-gradient(100deg,transparent 0 4%,color-mix(in srgb,var(--chip) 72%,white) 4% 92%,transparent 92% 100%) 0 76% / 100% .72em no-repeat}.mark--blue{margin-inline:1px;padding:.01em .16em .05em;color:var(--accent-3);background:linear-gradient(92deg,transparent 0 5%,color-mix(in srgb,var(--accent-3) 16%,transparent) 5% 94%,transparent 94% 100%) 0 84% / 100% .34em no-repeat}.mark--code{display:inline-block;border:1px solid color-mix(in srgb,var(--line) 22%,transparent);border-radius:6px;padding:.02em .34em .08em;background:color-mix(in srgb,var(--paper) 74%,var(--accent-2));color:color-mix(in srgb,var(--ink) 88%,var(--accent-3));font-family:var(--font-mono);font-size:.92em;font-weight:800}.mark--linkish{padding:.02em .18em .08em;background:linear-gradient(color-mix(in srgb,var(--accent-3) 18%,transparent),color-mix(in srgb,var(--accent-3) 18%,transparent)) 0 80% / 100% .36em no-repeat;color:var(--accent-3)}.role{width:fit-content;margin-bottom:28px;border-bottom:10px solid color-mix(in srgb,var(--chip) 85%,transparent);color:var(--accent-3);font-size:clamp(1.18rem,2vw,1.55rem);font-weight:900;line-height:.98}.summary,.section__header p,.project-card p,.capability-list p,.timeline p{color:var(--muted);font-size:1rem;line-height:1.82}.summary{max-width:760px;font-size:1.08rem;overflow-wrap:anywhere}.proof-row{display:flex;flex-wrap:wrap;gap:10px;max-width:760px;margin-top:24px}.proof-row span{border:var(--border) solid var(--line);border-radius:999px;padding:9px 12px;background:color-mix(in srgb,var(--chip) 68%,white);color:var(--ink);font-size:.9rem;font-weight:900}.link-row,.tag-row{display:flex;flex-wrap:wrap;gap:10px}.link-row{margin-top:34px;max-width:100%}.link-row a{border:var(--border) solid var(--line);min-height:42px;padding:10px 15px;background:var(--ink);color:var(--paper);font-weight:900;transition-property:transform,box-shadow,background-color,color;transition-duration:.15s;transition-timing-function:ease}.link-row a:nth-child(2){background:var(--chip);color:var(--ink)}.link-row a:nth-child(3){background:var(--accent-2);color:var(--ink)}.link-row a:hover{box-shadow:4px 4px 0 var(--line);transform:translate(-2px,-2px)}.link-row a:active{transform:scale(.96)}.hero__panel{display:grid;align-content:end;min-width:0;border-left:var(--border) solid var(--line);background:var(--side-bg);padding:28px}.avatar{display:block;inline-size:164px;block-size:164px;margin-bottom:34px;border:var(--border) solid var(--line);border-radius:var(--radius);box-shadow:6px 6px 0 var(--accent);object-fit:cover;outline:1px solid rgba(255,255,255,.5);transform:rotate(-2deg)}.hero__panel div{border-top:var(--border) dashed color-mix(in srgb,var(--line) 28%,transparent);padding:20px 0}.hero__panel strong{display:block;color:var(--accent);font-size:clamp(2.35rem,4.2vw,3.35rem);font-weight:950;font-variant-numeric:tabular-nums;line-height:.95;overflow-wrap:anywhere}.hero__panel span{color:var(--muted);font-weight:900}.section{position:relative;margin-top:26px;min-width:0;padding:clamp(28px,5vw,58px)}.section__header{max-width:820px;margin-bottom:32px}.section__header.compact{margin-bottom:22px}.section-link{position:relative;display:inline-flex;align-items:center;gap:.14em;width:fit-content;max-width:100%;color:var(--ink);text-decoration:none;transition:color .15s ease,transform .15s ease}.section-link:before{content:"";position:absolute;z-index:-1;inset:auto 0 .03em;height:.28em;background:color-mix(in srgb,var(--chip) 76%,white);transform:rotate(-.7deg) scaleX(.98);transform-origin:left center;transition:height .15s ease,background-color .15s ease,transform .15s ease}.section-link span{display:inline-grid;place-items:center;inline-size:.96em;block-size:.96em;border:var(--border) solid currentColor;border-radius:999px;font-size:.42em;line-height:1;transform:translateY(-.12em);transition:background-color .15s ease,color .15s ease,transform .15s ease}.section-link:hover{color:var(--accent-3);transform:translate(-2px,-2px)}.section-link:hover:before{height:.64em;background:color-mix(in srgb,var(--accent-2) 48%,white);transform:rotate(-1.2deg) scaleX(1)}.section-link:hover span{background:var(--accent-3);color:var(--paper);transform:translate(.08em,-.22em)}.section-link:focus-visible{outline:3px solid var(--accent-3);outline-offset:6px}.project-grid,.skill-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.project-card,.skill-board article,.capability-list article,.timeline__items article{border:var(--border) solid var(--line);border-radius:var(--radius);background:var(--paper);box-shadow:4px 4px color-mix(in srgb,var(--line) 88%,transparent)}.project-card{display:flex;flex-direction:column;min-height:420px;padding:24px}.project-card--compact{min-height:360px}.section--brewforge{background:linear-gradient(180deg,#fffae9f5,#ebfff7f5)}.project-card:nth-child(1){background:var(--card-a)}.project-card:nth-child(2){background:var(--card-b)}.project-card:nth-child(3){background:var(--card-c)}.project-card:nth-child(4){background:var(--card-d)}.project-card__top{min-height:108px}.tag-row span{border:var(--border) solid color-mix(in srgb,var(--line) 18%,transparent);border-radius:999px;padding:7px 10px;background:#ffffff9e;color:var(--ink);font-size:.82rem;font-weight:900}.project-card ul{display:grid;gap:12px;margin:auto 0 0;padding-left:18px;color:var(--ink);line-height:1.65}.project-card li::marker{color:var(--accent)}.split{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px}.capability-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.capability-list article,.skill-board article{padding:22px}.skill-board article h3,.capability-list h3{color:var(--accent-3)}.capability-list article:nth-child(2n),.skill-board article:nth-child(3n+2){background:var(--card-b)}.capability-list article:nth-child(3n),.skill-board article:nth-child(3n){background:var(--card-a)}.skill-board{grid-template-columns:repeat(3,minmax(0,1fr))}.timeline__items{display:grid;gap:14px}.timeline__items article{display:grid;grid-template-columns:120px 1fr;gap:22px;padding:22px}.timeline time{color:var(--accent);font-size:1.55rem;font-weight:950;font-variant-numeric:tabular-nums}.timeline__role{margin-bottom:8px;color:var(--accent-2)!important;font-weight:900}.footer{display:flex;justify-content:space-between;gap:18px;padding:32px 4px 8px;color:var(--muted);font-weight:800}.theme-editorial{--bg: #f4f1ea;--paper: #fbfaf6;--ink: #191716;--muted: #675f55;--line: #191716;--accent: #be3b2d;--accent-2: #006b5d;--accent-3: #191716;--chip: #e8d9b7;--radius: 0;--border: 1px;--shadow: 0 18px 55px rgba(32, 25, 16, .13);--page-bg: linear-gradient(90deg, rgba(25, 23, 22, .045) 1px, transparent 1px), linear-gradient(#f4f1ea, #eee4d4);--panel-bg: #fbfaf6;--side-bg: linear-gradient(180deg, #191716 0%, #3b332b 100%);--card-a: #fbfaf6;--card-b: #f4efe4;--card-c: #fbfaf6;--card-d: #eee6d7;font-family:Times New Roman,Songti SC,serif}.theme-editorial .hero{grid-template-columns:minmax(0,1fr) 300px}.theme-editorial .hero:before{width:0}.theme-editorial .hero__content{padding-left:clamp(34px,7vw,86px)}.theme-editorial .eyebrow{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:0 0 8px;background:transparent;color:var(--accent)}.theme-editorial h1{font-family:Georgia,Times New Roman,serif;font-size:clamp(4rem,10vw,8.5rem);font-weight:500;letter-spacing:0}.theme-editorial h2{font-family:Georgia,Times New Roman,serif;font-weight:500}.theme-editorial .role{border-bottom:1px solid var(--accent);color:var(--accent)}.theme-editorial .link-row a,.theme-editorial .tag-row span{border-radius:0}.theme-editorial .hero__panel{color:#fbfaf6}.theme-editorial .hero__panel span{color:#fbfaf6b8}.theme-editorial .avatar{border-color:#fbfaf6;border-radius:0;box-shadow:none;transform:none}.theme-terminal{--bg: #070b0f;--paper: #0f171d;--ink: #e5fff3;--muted: #95b4ad;--line: #59f0a8;--accent: #ffcc66;--accent-2: #53f2ff;--accent-3: #59f0a8;--chip: #1f332a;--radius: 6px;--border: 1px;--shadow: 0 0 0 1px rgba(89, 240, 168, .15), 0 24px 70px rgba(0, 0, 0, .42);--page-bg: linear-gradient(rgba(89, 240, 168, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(89, 240, 168, .035) 1px, transparent 1px), #070b0f;--panel-bg: rgba(15, 23, 29, .92);--side-bg: linear-gradient(180deg, #111f25 0%, #0a1015 100%);--card-a: #101b20;--card-b: #0d2023;--card-c: #1b1712;--card-d: #111827;font-family:var(--font-mono)}.theme-terminal :lang(zh),.theme-terminal .role,.theme-terminal .summary,.theme-terminal .section__header p,.theme-terminal .project-card p,.theme-terminal .capability-list p,.theme-terminal .timeline p{font-family:var(--font-cn)}.theme-terminal .hero:before{width:8px;background:var(--line);box-shadow:0 0 20px #59f0a8bf}.theme-terminal .eyebrow:before{content:"$ "}.theme-terminal .eyebrow,.theme-terminal .link-row a,.theme-terminal .tag-row span{border-color:color-mix(in srgb,var(--line) 62%,transparent)}.theme-terminal h1{font-size:clamp(3rem,8vw,6.3rem);color:#dffff4;text-shadow:0 0 20px rgba(89,240,168,.2)}.theme-terminal h2{color:#dffff4}.theme-terminal .role{border-bottom-color:#59f0a847}.theme-terminal .avatar{box-shadow:0 0 0 1px #59f0a847,0 0 30px #59f0a82e}.theme-notebook{--bg: #fff9ef;--paper: #fffdf8;--ink: #27211c;--muted: #70695f;--line: #5a4b3f;--accent: #df6d3a;--accent-2: #2f9f86;--accent-3: #6c65c8;--chip: #f8d777;--radius: 14px;--border: 1px;--shadow: 0 16px 42px rgba(89, 72, 50, .16);--page-bg: linear-gradient(#fff9ef 31px, rgba(94, 131, 255, .18) 32px), linear-gradient(90deg, rgba(223, 109, 58, .22) 1px, transparent 1px);--panel-bg: rgba(255, 253, 248, .92);--side-bg: linear-gradient(180deg, #fff3c2 0%, #e9fff7 100%);--card-a: #fff8d7;--card-b: #e9fff7;--card-c: #fff2ec;--card-d: #f3efff;font-family:var(--font-body)}.theme-notebook .hero{transform:rotate(-.25deg)}.theme-notebook .section:nth-of-type(2n){transform:rotate(.18deg)}.theme-notebook .section:nth-of-type(odd){transform:rotate(-.12deg)}.theme-notebook .eyebrow,.theme-notebook .tag-row span{border-style:dashed}.theme-notebook .avatar{border-radius:18px;box-shadow:0 0 0 8px #fff,0 16px 32px #5948322e}@media(max-width:920px){.hero,.theme-editorial .hero,.split,.project-grid,.capability-list,.skill-board{grid-template-columns:1fr}.hero{min-height:auto}.hero__panel{border-top:var(--border) solid var(--line);border-left:0}}@media(max-width:620px){.shell{inline-size:min(100% - 20px,1180px);padding:10px 0 22px}.hero__content,.section{padding:22px}.hero__content{padding-left:32px}h1,.theme-editorial h1,.theme-terminal h1{font-size:clamp(2.85rem,15vw,4.8rem)}.summary{font-size:1rem}.link-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.link-row a{min-width:0;text-align:center}.project-card{min-height:auto;padding:20px}.timeline__items article{grid-template-columns:1fr}.footer{flex-direction:column}}