:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;color-scheme:light;--canvas:#f3f4f6;--surface:#fff;--surface-muted:#f6f7f9;--text:#20232a;--secondary:#657080;--line:#e4e7ec;--accent:#2863d4;--accent-hover:#1d52bc;--accent-tint:#edf3ff;--shadow:0 4px 22px #19284609;--hover-shadow:0 7px 28px #19284613;--icon-filter:none;background:var(--canvas);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}:root[data-theme=dark]{color-scheme:dark;--canvas:#17191d;--surface:#24272d;--surface-muted:#2c3038;--text:#eef0f4;--secondary:#adb5c2;--line:#383d47;--accent:#93baff;--accent-hover:#b3ceff;--accent-tint:#28374e;--shadow:0 4px 22px #0000001a;--hover-shadow:0 7px 28px #00000029;--icon-filter:invert(1)}@media (prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--canvas:#17191d;--surface:#24272d;--surface-muted:#2c3038;--text:#eef0f4;--secondary:#adb5c2;--line:#383d47;--accent:#93baff;--accent-hover:#b3ceff;--accent-tint:#28374e;--shadow:0 4px 22px #0000001a;--hover-shadow:0 7px 28px #00000029;--icon-filter:invert(1)}}*{box-sizing:border-box}body{min-height:100svh;margin:0}main,.site-header>*,.localized-text{min-width:0}a{color:inherit;text-decoration:none}button,select{font:inherit}img{max-width:100%;display:block}a,select{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}[data-locale-text=en],:root[data-locale=en] [data-locale-text=zh]{display:none}:root[data-locale=en] [data-locale-text=en]{display:inline}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-shell{width:100%;max-width:1240px;margin-inline:auto;padding:28px clamp(16px,3vw,36px)}.site-header{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;min-height:56px;display:grid}.pill-nav{border:1px solid var(--line);background:var(--surface-muted);border-radius:999px;justify-self:start;align-items:center;gap:4px;width:max-content;max-width:100%;padding:5px;display:flex}.pill-nav a{min-height:44px;color:var(--secondary);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:0 16px;font-size:14px;display:flex}.pill-nav a:hover{color:var(--text);background:var(--surface)}.pill-nav a[aria-current=page]{color:var(--accent);background:var(--surface);box-shadow:var(--shadow);font-weight:600}.preferences{border:0;flex-wrap:wrap;justify-content:flex-end;gap:8px;min-width:0;margin:0;padding:0;display:flex}.preference-control{border:1px solid var(--line);background:var(--surface);border-radius:999px;align-items:center;gap:7px;min-height:44px;padding:0 10px;display:flex;position:relative}.preference-control .icon{width:17px;height:17px}.preference-control select{background:var(--surface);min-width:80px;max-width:138px;color:var(--text);cursor:pointer;border:0;border-radius:5px;padding:5px 2px;font-size:12px}.preferences:disabled{opacity:.55}main{padding-top:32px}.bento-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:stretch;gap:20px;display:grid}.bento-card{border:1px solid var(--line);background:var(--surface);min-width:0;color:var(--text);box-shadow:var(--shadow);border-radius:28px;padding:30px}.bento-card h1,.bento-card h2{overflow-wrap:anywhere;color:var(--text);letter-spacing:-.035em;text-wrap:balance;margin:0;font-weight:650}.bento-card h1{font-size:clamp(26px,3vw,34px);line-height:1.25}.bento-card h2{font-size:21px;line-height:1.4}.bento-card p{color:var(--secondary);text-wrap:pretty;margin:14px 0 0;font-size:15px;line-height:1.8}.icon{width:20px;height:20px;filter:var(--icon-filter);opacity:.85;flex-shrink:0}.profile-card{grid-column:span 7;padding:32px}.profile-card .card-title{font-size:21px;line-height:1.4}.profile-card .profile-name{color:var(--text);letter-spacing:-.035em;margin:22px 0;font-size:clamp(28px,3vw,36px);font-weight:650;line-height:1.3}.about-section{border-top:1px solid var(--line);margin-top:24px;padding-top:24px}.about-section .personal-motto{color:var(--text);font-size:15px}.philosophy-quotes{border-left:2px solid var(--accent);margin-top:18px;padding-left:16px}.philosophy-quotes p{margin:6px 0 0;font-family:Georgia,Times New Roman,serif;font-size:16px;line-height:1.7}.bento-card .card-eyebrow{color:var(--secondary);margin:0;font-size:13px;font-weight:600;line-height:1.5}.button{border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:12px;min-height:46px;padding:11px 18px;font-size:14px;font-weight:600;line-height:1.5;display:inline-flex}.button-primary{color:#fff;background:#2863d4}.button-primary:hover{background:#1d52bc}.button-primary .icon{filter:invert();opacity:1}.button-secondary{background:var(--accent-tint);color:var(--accent)}.button-secondary:hover{border-color:var(--accent)}.personal-facts{gap:10px;margin:0;font-size:14px;line-height:1.7;display:grid}.personal-facts>div{grid-template-columns:94px minmax(0,1fr);gap:12px;min-width:0;display:grid}.personal-facts dt{color:var(--secondary)}.personal-facts dd{font-variant-numeric:tabular-nums;margin:0}.currently-card{background:var(--accent-tint);grid-column:span 5}.activity-list{grid-template-columns:1fr;align-content:start;gap:24px;margin:24px 0 0;padding:0;list-style:none;display:grid}.activity-list li{align-items:flex-start;gap:14px;display:flex}.activity-list .icon{margin-top:3px}.bento-card h3{letter-spacing:-.015em;margin:0;font-size:15px;font-weight:600;line-height:1.5}.activity-list p{margin-top:5px;font-size:13px}.work-card{grid-column:1/-1}.card-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 20px;display:flex}.card-heading .card-link{min-height:44px;margin:0}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px;display:grid}.project-slot{background:var(--surface-muted);border-radius:18px;min-width:0;min-height:178px;padding:24px}.project-slot>.icon{opacity:.5;width:26px;height:26px;margin-bottom:24px}.project-slot p{margin-top:7px;font-size:13px}.social-card{grid-column:span 7}.devices-card{grid-column:span 5}.facts-card,.last-update-card{grid-column:1/-1}.last-update-card{flex-wrap:wrap;align-items:center;gap:6px 24px;padding-block:18px;display:flex}.last-update-card .last-update-link{margin-top:0}.social-list{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:4px;margin:16px 0 0;padding:0;list-style:none;display:grid}.social-list li{min-width:0}.personal-accounts{align-content:start;gap:2px;margin-top:12px;display:grid}.personal-accounts .social-list{grid-template-columns:1fr;margin:0}.social-list a:not(.project-download),.unconfigured-link{align-items:center;gap:12px;min-height:44px;padding:8px 10px;font-size:14px;display:flex}.social-list a:not(.project-download){border-radius:12px}.social-list a:not(.project-download):hover{color:var(--accent);background:var(--surface-muted)}.social-trailing{width:17px;height:17px;margin-left:auto}.pending{color:var(--secondary);margin-left:auto;font-size:12px}.social-divider{border:0;border-top:1px solid var(--line);margin:12px 0 0}.friend-code{align-items:center;gap:12px;margin:0;padding:6px 10px 8px;display:flex}.friend-code>div{min-width:0}.friend-label,.contact-label{color:var(--secondary);font-size:12px;line-height:1.6;display:block}.friend-code code{letter-spacing:.025em;user-select:all;overflow-wrap:anywhere;margin-top:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;display:block}.social-card .connect-note{margin-top:12px;font-size:13px;line-height:1.7}.contact-list{align-content:start;gap:4px;margin:12px 0 0;padding:0;list-style:none;display:grid}.contact-list a{border-radius:8px;align-items:center;gap:12px;min-height:58px;padding:8px 10px;display:flex}.contact-list a>span{min-width:0}.contact-address{overflow-wrap:anywhere;margin-top:3px;font-size:13px;line-height:1.65;display:block}.contact-list a:hover .contact-address{color:var(--accent);text-underline-offset:4px;text-decoration:underline}.card-link{color:var(--accent);align-self:flex-start;align-items:center;gap:8px;margin-top:22px;padding-block:4px;font-size:14px;font-weight:550;display:inline-flex}.card-link:hover{text-underline-offset:4px;text-decoration:underline}.page-card{min-height:360px;padding:48px}.page-card>.button{margin-top:28px}.content-sections{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:46px;display:grid}.education-section{margin-top:36px}.content-sections h2{font-size:21px}.content-sections p{font-size:14px}.empty-content{color:var(--secondary);padding-block:64px 16px;font-size:14px}.page-kicker{margin-bottom:10px!important}.noscript-note{color:var(--secondary);font-size:13px;line-height:1.6}.skip-link{z-index:1;background:var(--surface);color:var(--text);border-radius:12px;padding:12px 18px;position:fixed;top:12px;left:12px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}@media (hover:hover) and (prefers-reduced-motion:no-preference){.bento-card{transition:border-color .2s,box-shadow .2s,transform .2s}.bento-card:hover{border-color:var(--secondary);box-shadow:var(--hover-shadow);transform:translateY(-1px)}.button,.pill-nav a,.card-link{transition:background-color .18s,color .18s,border-color .18s}.button:active{transform:scale(.985)}}@media (width<=1100px){.bento-card{padding:26px}.social-card>.social-list{grid-template-columns:1fr}}@media (width<=900px){.bento-grid{grid-template-columns:minmax(0,1fr);gap:16px}.bento-grid>.bento-card{grid-column:auto}.social-card>.social-list{grid-template-columns:repeat(2,minmax(0,1fr))}.bento-card{border-radius:24px}.page-card{padding:30px}.content-sections{grid-template-columns:1fr;gap:24px}}@media (width<=760px){.site-header{grid-template-columns:minmax(0,1fr);gap:14px}.pill-nav{justify-self:center}.preferences{justify-content:center}}@media (width<=600px){.site-shell{padding-top:20px}.pill-nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;width:100%;max-width:420px;padding:4px;display:grid}.pill-nav a{min-width:0;min-height:44px;padding-inline:6px;font-size:12px}.preference-control select{min-width:80px;max-width:120px}main{padding-top:24px}.bento-card,.page-card{padding:24px}.personal-facts>div{grid-template-columns:80px minmax(0,1fr);gap:8px}.project-grid{grid-template-columns:1fr}.activity-list{gap:20px}.project-slot{min-height:150px;padding:22px}.card-heading{align-items:flex-start}.last-update-card{padding-block:16px}}@media (width<=380px){.bento-card,.page-card{padding:20px}.social-card>.social-list{grid-template-columns:1fr}}:root[data-page]{--pop-primary:#0047ff;--pop-secondary:#ff492c;--pop-yellow:#ffdf00;--pop-lime:#c4ef00;--pop-on:#fff;--page-canvas-light:#f5f5f5;--page-canvas-dark:#181818;--page-accent-light:#003acb;--page-accent-dark:#8bb1ff;--page-tint-light:#e9efff;--page-tint-dark:#162e77;--page-line-light:#d8d8d8;--page-line-dark:#454545;--canvas:var(--page-canvas-light);--accent:var(--page-accent-light);--accent-tint:var(--page-tint-light);--line:var(--page-line-light)}:root[data-page=resume]{--pop-primary:#0047ff;--pop-secondary:#ff492c;--page-canvas-light:#edf1ff;--page-canvas-dark:#101a35}:root[data-page=projects]{--pop-primary:#05d36a;--pop-secondary:#0047ff;--pop-on:#062414;--page-canvas-light:#f0fff5;--page-canvas-dark:#102419;--page-accent-light:#00652e;--page-accent-dark:#50f99a;--page-tint-light:#c6ffdf;--page-tint-dark:#07592b}:root[data-page=interests]{--pop-primary:#f77721;--pop-secondary:#ffb36b;--pop-on:#281307;--page-canvas-light:#fff5ec;--page-canvas-dark:#28190f;--page-accent-light:#a33f00;--page-accent-dark:#ffaf70;--page-tint-light:#ffead9;--page-tint-dark:#653210}:root[data-page][data-theme=dark]{--canvas:var(--page-canvas-dark);--accent:var(--page-accent-dark);--accent-tint:var(--page-tint-dark);--line:var(--page-line-dark)}@media (prefers-color-scheme:dark){:root[data-page]:not([data-theme]){--canvas:var(--page-canvas-dark);--accent:var(--page-accent-dark);--accent-tint:var(--page-tint-dark);--line:var(--page-line-dark)}}:root[data-page] .site-header{border-bottom:0;padding-bottom:0}:root[data-page] .pill-nav a[aria-current=page]{background:var(--pop-primary);color:var(--pop-on);box-shadow:none}:root[data-page] .page-card{border:1px solid var(--line)}.page-heading{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.page-heading>div{min-width:0}.page-heading>.icon{opacity:.8;width:40px;height:40px}.page-heading h1{font-size:30px}.page-subtitle{max-width:60ch}.interest-collection{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:16px;margin-top:26px;display:grid}.interest-module{border:1px solid var(--line);background:var(--surface-muted);border-radius:18px;min-width:0;padding:22px}.interest-module>.icon{width:28px;height:28px;margin-bottom:16px}.interest-module p{font-size:14px}.interest-module h2{font-size:21px}.project-tags li:nth-child(3n+1){color:#fff;background:#0047ff;border-color:#0047ff}.project-tags li:nth-child(3n+2){color:#1c1900;background:#ffdf00;border-color:#ffdf00}.project-tags li:nth-child(3n+3){color:#062414;background:#05d36a;border-color:#05d36a}@media (width<=900px){.interest-collection{grid-template-columns:1fr}}@media (width<=600px){.page-heading{gap:16px}.page-heading>.icon{width:30px;height:30px}.page-heading h1{font-size:26px}.interest-module{padding:20px}}.theme-toggle{color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;font-size:12px}.theme-toggle:disabled{cursor:default}@media (hover:hover) and (pointer:fine){.theme-toggle:hover{background:var(--surface-muted)}}.theme-toggle{transition:background-color .15s,border-color .15s}::view-transition-group(root){animation:none}::view-transition-old(root),::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-old(root){z-index:0}::view-transition-new(root){z-index:1}::view-transition{pointer-events:none}@media (prefers-reduced-motion:reduce){.theme-toggle{transition-duration:.12s}}.site-header .preferences{flex-wrap:nowrap;justify-content:flex-end}.site-header .theme-toggle{justify-content:center;width:44px;min-width:44px;height:44px;padding:0}.theme-toggle [data-theme-icon]:not([hidden]){justify-content:center;align-items:center;display:flex}.theme-toggle [data-theme-icon][hidden]{display:none}.theme-toggle [data-theme-icon] .icon{width:20px;height:20px}:root[data-page]{--route-mark:var(--accent)}:root[data-page=home] .home-column>.bento-card,:root[data-page=home] .last-update-card{position:relative}:root[data-page=home] .home-column>.bento-card:not(.facts-card):after,:root[data-page=home] .last-update-card:after{content:"";border:2px solid var(--route-mark);opacity:.72;pointer-events:none;background:0 0;border-radius:50%;width:11px;height:11px;position:absolute;top:27px;right:20px}:root[data-page=home] .home-column>.bento-card>h1,:root[data-page=home] .home-column>.bento-card>h2,:root[data-page=home] .home-column>.bento-card>.card-heading{padding-right:24px}:root[data-page=home] .last-update-card{border-style:solid;padding-right:42px}:root[data-page=home] .last-update-card:after{opacity:.45;width:8px;height:8px;top:19px}:root[data-page=resume] .resume-sheet{position:relative}:root[data-page=resume] .resume-sheet:before,:root[data-page=resume] .resume-sheet:after{content:"";border-color:var(--route-mark);opacity:.45;pointer-events:none;border-style:solid;width:12px;height:12px;position:absolute}:root[data-page=resume] .resume-sheet:before{border-width:1px 0 0 1px;top:15px;left:15px}:root[data-page=resume] .resume-sheet:after{border-width:0 1px 1px 0;bottom:15px;right:15px}:root[data-page=resume] .resume-section>h2{position:relative}:root[data-page=resume] .resume-section>h2:before{content:"";background:var(--route-mark);opacity:.7;pointer-events:none;border-radius:1px;width:4px;height:4px;position:absolute;top:.55em;left:-14px}:root[data-page=interests] .interest-module{position:relative}:root[data-page=interests] .interest-module:after{content:"";background:var(--route-mark);clip-path:polygon(0 0,100% 0,100% 100%,50% 76%,0 100%);opacity:.35;pointer-events:none;width:9px;height:19px;position:absolute;top:17px;right:19px}:root[data-page=projects] .projects-page,:root[data-page=projects] .project-item{position:relative}:root[data-page=projects] .projects-page>h1{padding-right:72px}:root[data-page=projects] .projects-page:before,:root[data-page=projects] .projects-page:after{content:"";border:1px solid var(--route-mark);pointer-events:none;border-radius:7px;position:absolute}:root[data-page=projects] .projects-page:before{opacity:.3;width:30px;height:30px;top:32px;right:35px}:root[data-page=projects] .projects-page:after{opacity:.65;width:22px;height:22px;top:48px;right:51px}:root[data-page=projects] .project-item:before,:root[data-page=projects] .project-item:after{content:"";border-color:var(--route-mark);opacity:.45;pointer-events:none;border-style:solid;border-radius:0;width:11px;height:11px;position:absolute}:root[data-page=projects] .project-item:before{border-width:1px 1px 0 0;top:11px;right:11px}:root[data-page=projects] .project-item:after{border-width:0 0 1px 1px;bottom:11px;left:11px}@media (width<=600px){:root[data-page=resume] .resume-sheet:before{width:8px;height:8px;top:10px;left:10px}:root[data-page=resume] .resume-sheet:after{width:8px;height:8px;bottom:10px;right:10px}:root[data-page=projects] .projects-page:before{width:25px;height:25px;top:23px;right:25px}:root[data-page=projects] .projects-page:after{width:18px;height:18px;top:37px;right:39px}}@media print{:root[data-page] .resume-sheet:before,:root[data-page] .resume-sheet:after,:root[data-page] .resume-section>h2:before,:root[data-page] .home-column>.bento-card:after,:root[data-page] .last-update-card:after,:root[data-page] .interest-module:after,:root[data-page] .projects-page:before,:root[data-page] .projects-page:after,:root[data-page] .project-item:before,:root[data-page] .project-item:after{display:none}}@media (hover:hover) and (pointer:fine){:root[data-page] .bento-card:hover,:root[data-page] .interest-module:hover,:root[data-page] .project-item:hover{border-color:var(--secondary)}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){:root[data-page] .interest-module,:root[data-page] .project-item{transition:border-color .2s}}