@font-face{font-family:HarmonyOS Sans SC Web;src:url(/fonts/HarmonyOS_Sans_SC_Regular.woff)format("woff");font-weight:400 500;font-style:normal;font-display:swap}@font-face{font-family:HarmonyOS Sans SC Web;src:url(/fonts/HarmonyOS_Sans_SC_Bold.woff)format("woff");font-weight:600 900;font-style:normal;font-display:swap}:root{--bg:#f5f5f7;--fg:#1d1d1f;--fg2:#424245;--muted:#6e6e73;--meta:#86868b;--border:#0000000f;--accent:#0071e3;--accent-soft:#0071e314;--accent-on:#fff;--font:"HarmonyOS Sans SC Web","HarmonyOS Sans SC","HarmonyOS Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--mono:"HarmonyOS Sans SC Web","HarmonyOS Sans SC","HarmonyOS Sans","SF Mono",ui-monospace,Menlo,monospace;--radius:20px;--radius-lg:28px;--hero-width:1180px;--hero-left-nudge:56px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}[data-theme=dark]{--bg:#06060e;--fg:#e8e8ed;--fg2:#a8a8b0;--muted:#86868b;--meta:#5a5a62;--border:#ffffff0f;--accent:#2997ff;--accent-soft:#2997ff1a;--c1:#00e5ff;--c2:#b388ff;--c3:#ffd740;--c4:#ff80ab}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;width:100%;max-width:100%;overflow-x:hidden}body{background:var(--bg);width:100%;max-width:100%;color:var(--fg);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6;overflow-x:hidden}#root,main{width:100%;max-width:100%;position:relative;overflow-x:hidden}@supports (overflow:clip){html,body,#root,main{overflow-x:clip}}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;background:0 0;border:none}p{text-wrap:pretty}h1,h2,h3,h4{text-wrap:balance}.container{max-width:960px;margin-inline:auto;padding-inline:24px}.noise{z-index:9999;pointer-events:none;opacity:.028;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E") 0 0/200px 200px;position:fixed;inset:0}.lg{-webkit-backdrop-filter:blur(60px)saturate(180%);border-radius:var(--radius-lg);will-change:transform;background:#ffffff0d;border:.5px solid #ffffff2e;transition:transform .45s cubic-bezier(.28,0,.22,1),box-shadow .45s cubic-bezier(.28,0,.22,1);position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff59,inset 0 -1px #0000000a,0 2px 8px #00000008,0 12px 40px #0000000f}.lg-shine{pointer-events:none;border-radius:inherit;background:linear-gradient(#ffffff14,#ffffff06 42%,#fff0 100%);position:absolute;inset:0}.lg-glow{border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .5s;position:absolute;inset:0}[data-theme=dark] .lg{background:#ffffff08;border-color:#ffffff14;box-shadow:inset 0 1px #cacacc1a,inset 0 -1px #00000026,0 8px 32px #0000004d,0 2px 8px #0003}[data-theme=dark] .lg-shine{background:linear-gradient(#ffffff08,#ffffff03 44%,#fff0 100%)}.orb{filter:blur(100px);pointer-events:none;will-change:transform;border-radius:50%;position:absolute}.orb-1{background:var(--accent);opacity:.06;width:420px;height:420px;top:5%;left:15%}.orb-2{opacity:.05;background:#b388ff;width:320px;height:320px;top:35%;right:5%}.orb-3{opacity:.05;background:#00e5ff;width:360px;height:360px;bottom:5%;left:35%}[data-theme=dark] .orb-1{opacity:.1}[data-theme=dark] .orb-2,[data-theme=dark] .orb-3{opacity:.08}.topnav{z-index:100;transition:background .3s,box-shadow .3s;position:fixed;top:0;left:0;right:0}.topnav.scrolled{-webkit-backdrop-filter:blur(40px)saturate(180%);box-shadow:0 1px 0 var(--border);background:#f5f5f799}[data-theme=dark] .topnav.scrolled{background:#06060ebf}.nav-inner{height:76px;max-width:var(--hero-width);padding-left:var(--hero-left-nudge);justify-content:space-between;align-items:center;display:flex}.nav-brand{letter-spacing:-.03em;font-size:20px;font-weight:800}.nav-links{gap:32px;list-style:none;display:flex}.nav-links a{color:var(--muted);font-size:15px;transition:color .2s;position:relative}.nav-links a:hover{color:var(--fg)}.nav-links a:after{content:"";background:var(--accent);border-radius:1px;width:0;height:2px;transition:width .3s cubic-bezier(.28,0,.22,1);position:absolute;bottom:-4px;left:0}.nav-links a:hover:after{width:100%}.theme-btn{width:40px;height:40px;color:var(--muted);border-radius:50%;place-items:center;transition:color .2s,background .2s;display:grid}.theme-btn:hover{color:var(--fg);background:var(--accent-soft)}.theme-btn svg{width:20px;height:20px}.hero{z-index:1;align-items:center;min-height:100vh;padding:120px 24px 80px;display:flex;position:relative;overflow:hidden}.hero-layout{width:min(100%,var(--hero-width));grid-template-columns:1.05fr 1.05fr;align-items:center;gap:156px;margin:0 auto;display:grid}.hero-layout>*{min-width:0}.hero-text{min-width:0;transform:translateX(var(--hero-left-nudge));flex-direction:column;align-items:flex-start;display:flex}.hero-tag{background:var(--accent-soft);color:var(--accent);font-family:var(--mono);letter-spacing:.06em;border-radius:980px;align-items:center;gap:6px;margin-bottom:28px;padding:7px 18px;font-size:12px;display:inline-flex}.hero-tag .dot{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.hero-name{letter-spacing:-.05em;color:var(--fg);margin-bottom:12px;font-size:clamp(52px,9vw,88px);font-weight:900;line-height:1}[data-theme=dark] .hero-name{color:#fff}.hero-name span{opacity:0;animation:.5s cubic-bezier(.28,0,.22,1) forwards charIn;display:inline-block;transform:translateY(20px)}@keyframes charIn{to{opacity:1;transform:translateY(0)}}.hero-role{color:var(--fg2);font-size:clamp(16px,2.2vw,22px);font-weight:500;font-family:var(--mono);letter-spacing:-.01em;margin-bottom:16px}.hero-motto{color:var(--muted);opacity:.9;max-width:36ch;min-height:1.7em;margin-bottom:36px;font-size:17px;line-height:1.7}.hero-motto .cursor{background:var(--accent);vertical-align:text-bottom;width:2px;height:1.1em;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.hero-cta{flex-wrap:wrap;gap:12px;display:flex}.btn{border-radius:14px;align-items:center;gap:8px;padding:13px 26px;font-size:15px;font-weight:600;transition:transform 50ms,filter .2s,border-color .2s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:var(--accent-on);border:none}.btn-primary:hover{filter:brightness(1.12)}.btn-ghost{color:var(--fg);border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--accent)}.btn-arrow:after{content:" →";transition:transform .2s}.btn-arrow:hover:after{transform:translate(3px)}.hero-terminal{font-family:var(--mono);width:min(100%,560px);max-width:560px;padding:0;font-size:15px;line-height:1.9;animation:6s ease-in-out infinite termFloat}@keyframes termFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.term-bar{border-bottom:1px solid #ffffff0f;align-items:center;gap:8px;padding:18px 28px;display:flex}.term-dot{border-radius:50%;width:12px;height:12px}.term-body{padding:26px 34px 32px}.term-body code{color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere;display:block}.term-body .out{color:var(--fg)}.term-body .accent{color:var(--accent)}[data-theme=dark] .term-body .out{color:#e8e8ed}[data-theme=dark] .term-body .accent{color:var(--c1)}.stats-bar{z-index:1;flex-wrap:wrap;justify-content:center;gap:56px;padding:48px 0 0;display:flex;position:relative}.stat-item{text-align:center}.stat-num{font-size:40px;font-weight:900;font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--fg);line-height:1.1}.stat-label{color:var(--muted);font-size:12px;font-family:var(--mono);letter-spacing:.08em;margin-top:6px}[data-theme=dark] .stat-item:first-child .stat-num{color:var(--c1)}[data-theme=dark] .stat-item:nth-child(2) .stat-num{color:var(--c2)}[data-theme=dark] .stat-item:nth-child(3) .stat-num{color:var(--c3)}[data-theme=dark] .stat-item:nth-child(4) .stat-num{color:var(--c4)}.marquee-wrap{z-index:1;border-top:1px solid var(--border);border-bottom:1px solid var(--border);contain:layout paint;isolation:isolate;max-width:100%;margin-top:40px;padding:40px 0;position:relative;overflow:hidden}@supports (overflow:clip){.marquee-wrap{overflow:clip}}.marquee-track{gap:48px;width:max-content;animation:30s linear infinite marquee;display:flex}.marquee-track span{font-family:var(--mono);color:var(--muted);white-space:nowrap;letter-spacing:.04em;font-size:13px;transition:color .2s}.marquee-track span:hover{color:var(--accent)}.marquee-track .sep{color:var(--border);font-size:10px}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.section{z-index:1;padding-block:72px;position:relative}.section-reveal{opacity:0;transition:opacity .7s cubic-bezier(.28,0,.22,1),transform .7s cubic-bezier(.28,0,.22,1);transform:translateY(28px)}.section-reveal.visible{opacity:1;transform:translateY(0)}.section-reveal.from-left{transform:translate(-30px)}.section-reveal.from-left.visible{transform:translate(0)}.section-reveal.from-right{transform:translate(30px)}.section-reveal.from-right.visible{transform:translate(0)}.hero-layout>.section-reveal.from-right{transform:translate(44px)scale(.96)}.hero-layout>.section-reveal.from-right.visible{transform:translate(0)scale(1.12)}.section-label{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:8px;font-size:11px}.section-title{letter-spacing:-.02em;margin-bottom:36px;font-size:clamp(24px,3.8vw,36px);font-weight:700;line-height:1.15}.about-card{padding:36px}.about-card p{color:var(--fg2);max-width:60ch;font-size:15px;line-height:1.85}.about-card p+p{margin-top:14px}.about-tags{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.tag{font-size:12px;font-family:var(--mono);color:var(--muted);border:1px solid var(--border);border-radius:980px;align-items:center;padding:5px 14px;transition:border-color .2s,color .2s,background .2s;display:inline-flex}.tag:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.projects-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.project-card{flex-direction:column;gap:10px;padding:28px;display:flex}.project-icon{background:var(--accent-soft);border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.project-icon svg{width:22px;height:22px}.project-card h3{font-size:17px;font-weight:700}.project-card .desc{color:var(--muted);font-size:13px;line-height:1.7}.project-meta{align-items:center;gap:10px;margin-top:auto;padding-top:10px;display:flex}.project-lang{border-radius:50%;width:10px;height:10px}.project-stars{color:var(--muted);font-size:12px;font-family:var(--mono);align-items:center;gap:4px;display:flex}.project-link{color:var(--accent);margin-top:4px;font-size:13px;font-weight:600}.project-link:hover{text-decoration:underline}.project-tags{flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:10px;display:flex}.project-tag{font-size:10px;font-family:var(--mono);background:var(--accent-soft);color:var(--accent);letter-spacing:.02em;border-radius:6px;padding:3px 10px}.tl{padding-left:40px;position:relative}.tl>.section-reveal{margin-bottom:54px}.tl>.section-reveal:last-child{margin-bottom:0}.tl:before{content:"";background:var(--border);width:2px;position:absolute;top:12px;bottom:12px;left:14px}[data-theme=dark] .tl:before{background:var(--accent-soft)}.tl-item{padding-bottom:0;position:relative}.tl-item:last-child{padding-bottom:0}.tl-dot{place-items:center;width:28px;height:28px;display:grid;position:absolute;top:8px;left:-40px}.tl-dot:before{content:"";background:var(--accent);border:2.5px solid var(--bg);width:10px;height:10px;box-shadow:0 0 0 3px var(--accent-soft);border-radius:50%}[data-theme=dark] .tl-item:first-child .tl-dot:before{background:var(--c1);box-shadow:0 0 0 3px #00e5ff26}[data-theme=dark] .tl-item:nth-child(2) .tl-dot:before{background:var(--c2);box-shadow:0 0 0 3px #b388ff26}[data-theme=dark] .tl-item:nth-child(3) .tl-dot:before{background:var(--c3);box-shadow:0 0 0 3px #ffd74026}[data-theme=dark] .tl-item:nth-child(4) .tl-dot:before{background:var(--c4);box-shadow:0 0 0 3px #ff80ab26}.tl-year{font-family:var(--mono);color:var(--accent);margin-bottom:2px;font-size:13px;font-weight:700}[data-theme=dark] .tl-item:first-child .tl-year{color:var(--c1)}[data-theme=dark] .tl-item:nth-child(2) .tl-year{color:var(--c2)}[data-theme=dark] .tl-item:nth-child(3) .tl-year{color:var(--c3)}[data-theme=dark] .tl-item:nth-child(4) .tl-year{color:var(--c4)}.tl-item h3{margin-bottom:4px;font-size:17px;font-weight:600}.tl-item p{color:var(--muted);font-size:14px;line-height:1.7}.gh-card{flex-direction:column;gap:22px;padding:28px;display:flex}.gh-header{align-items:center;gap:16px;display:flex}.gh-avatar{background:var(--accent-soft);border-radius:50%;place-items:center;width:52px;height:52px;display:grid;overflow:hidden}.gh-avatar img{object-fit:cover;width:100%;height:100%}.gh-avatar-fallback{color:var(--accent);font-size:22px;font-weight:800}.gh-info h3{font-size:17px;font-weight:600}.gh-info p{color:var(--muted);margin-top:2px;font-size:13px}.gh-stats-row{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.gh-stat{text-align:center;background:var(--accent-soft);border-radius:16px;padding:12px 8px}.gh-stat .num{font-size:26px;font-weight:800;font-family:var(--mono);font-variant-numeric:tabular-nums}.gh-stat .label{color:var(--muted);font-size:11px;font-family:var(--mono);letter-spacing:.06em;margin-top:2px}.contrib-wrap{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;contain:layout paint;max-width:100%;padding:4px 0;overflow-x:auto}.contrib-grid{grid-template-rows:repeat(7,1fr);grid-auto-flow:column;gap:3px;width:max-content;display:grid}.contrib-cell{background:var(--border);border-radius:3px;width:12px;height:12px;transition:background .15s}.contrib-cell[data-level=empty]{pointer-events:none;background:0 0}.contrib-cell[data-level="1"]{background:color-mix(in oklch,var(--accent) 25%,var(--bg))}.contrib-cell[data-level="2"]{background:color-mix(in oklch,var(--accent) 50%,var(--bg))}.contrib-cell[data-level="3"]{background:color-mix(in oklch,var(--accent) 75%,var(--bg))}.contrib-cell[data-level="4"]{background:var(--accent)}[data-theme=dark] .contrib-cell[data-level="1"]{background:#2997ff2e}[data-theme=dark] .contrib-cell[data-level="2"]{background:#2997ff61}[data-theme=dark] .contrib-cell[data-level="3"]{background:#2997ff99}[data-theme=dark] .contrib-cell[data-level="4"]{background:var(--accent)}.gh-link{color:var(--accent);border-top:1px solid var(--border);justify-content:center;align-items:center;gap:8px;padding:14px 0 0;font-size:14px;font-weight:600;display:flex}.gh-link:hover{text-decoration:underline}.links-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.link-card{cursor:pointer;align-items:center;gap:16px;padding:24px;display:flex}.link-card:hover .link-arrow{transform:translate(4px)}.link-icon{background:var(--accent-soft);width:48px;height:48px;color:var(--accent);border-radius:14px;flex-shrink:0;place-items:center;display:grid}.link-icon svg{width:22px;height:22px}.link-info h3{font-size:16px;font-weight:600}.link-info p{color:var(--muted);margin-top:2px;font-size:13px}.link-arrow{color:var(--muted);flex-shrink:0;margin-left:auto;font-size:18px;transition:transform .2s}.pagefoot{z-index:1;border-top:1px solid var(--border);text-align:center;padding:48px 0;position:relative}.pagefoot p{color:var(--muted);font-size:12px}.pagefoot p+p{margin-top:6px}.pagefoot a{color:var(--muted);transition:color .2s}.pagefoot a:hover{color:var(--fg)}@media (width<=860px){.nav-inner{padding-left:24px}.hero{padding-inline:20px}.hero-layout{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center;gap:44px;width:100%}.hero-layout>.section-reveal,.hero-layout>.section-reveal.from-right,.hero-layout>.section-reveal.from-right.visible{width:100%;max-width:100%;transform:none}.hero-text{align-items:center;width:100%;transform:none}.hero-motto{overflow-wrap:anywhere;max-width:min(100%,28ch)}.hero-cta{justify-content:center;width:100%;max-width:380px}.hero-layout>.section-reveal.from-right.visible{transform:translate(0)scale(1)}.hero-terminal{width:100%;max-width:420px;margin:0 auto}}@media (width<=768px){.nav-links{display:none}.projects-grid,.links-grid{grid-template-columns:1fr}.about-card{padding:28px}.stats-bar{gap:32px}.hero-name{font-size:clamp(44px,13vw,72px)}.marquee-wrap{padding:28px 24px}.marquee-track{flex-wrap:wrap;justify-content:center;gap:10px 18px;width:100%;max-width:100%;animation:none;transform:none}.marquee-track>span{align-items:center;display:inline-flex}.marquee-track>span:nth-child(n+10),.marquee-track>span:nth-child(9) .sep{display:none}}@media (width<=480px){.hero{min-height:92vh;padding:110px 18px 72px}.section{padding-block:52px}.stat-num{font-size:32px}.hero-cta{grid-template-columns:minmax(0,1fr) minmax(0,1fr);max-width:360px;display:grid}.btn{justify-content:center;padding-inline:14px}.hero-terminal{width:100%;max-width:100%;font-size:12px}.term-bar{padding:14px 18px}.term-body{padding:18px 20px 22px}.term-dot{width:10px;height:10px}.tl>.section-reveal{margin-bottom:72px}}@media (prefers-reduced-motion:reduce){.orb,.hero-tag .dot,.marquee-track,.hero-terminal{animation:none!important}.section-reveal,.section-reveal.from-left,.section-reveal.from-right{opacity:1;transition:none;transform:none}.hero-name span{opacity:1;transform:none;animation:none!important}}