*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#faf9f6;--bg-paper:#fff;--text:#1a1a1a;--text-secondary:#555;--text-muted:#888;--border:#d8d4cc;--border-light:#e8e4dc;--link:#1a1a1a;--link-hover:#8b4513;--font-serif:"Noto Serif SC", "Songti SC", "STSong", serif;--font-sans:"Noto Sans SC", "PingFang SC", sans-serif;--max-width:680px;--nav-height:56px;--page-padding-x:24px}@media (width<=640px){:root{--page-padding-x:clamp(24px, 6.5vw, 32px)}}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-height) + 24px)}body{font-family:var(--font-sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;padding-bottom:env(safe-area-inset-bottom,0px);font-size:15px;line-height:1.75;overflow-x:hidden}#root{min-height:100vh}a{color:var(--link);text-decoration:underline;-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border);text-underline-offset:3px;transition:color .15s,text-decoration-color .15s}a:hover{color:var(--link-hover);-webkit-text-decoration-color:var(--link-hover);text-decoration-color:var(--link-hover)}button{cursor:pointer;background:0 0;border:none;font-family:inherit}::selection{color:var(--text);background:#e8dfd0}.navbar{z-index:100;height:var(--nav-height);background:var(--bg);transition:border-color .2s;position:fixed;top:0;left:0;right:0}.navbar--scrolled{border-bottom:1px solid var(--border-light)}.navbar__inner{justify-content:space-between;align-items:center;height:100%;display:flex}.navbar__name{font-family:var(--font-serif);color:var(--text);letter-spacing:.02em;font-size:15px;font-weight:600}.navbar__nav{gap:28px;display:flex}.navbar__link{color:var(--text-muted);border-bottom:1px solid #0000;padding:4px 0;font-size:14px;text-decoration:none;transition:color .15s,border-color .15s}.navbar__link:hover{color:var(--text)}.navbar__link--active{color:var(--text);border-bottom-color:var(--text)}.navbar__toggle{flex-direction:column;justify-content:center;gap:6px;width:32px;height:32px;padding:4px;display:none}.navbar__toggle span{background:var(--text);height:1px;transition:transform .2s,opacity .2s;display:block}.navbar__toggle--open span:first-child{transform:translateY(3.5px)rotate(45deg)}.navbar__toggle--open span:last-child{transform:translateY(-3.5px)rotate(-45deg)}@media (width<=600px){.navbar__toggle{display:flex}.navbar__nav{top:var(--nav-height);padding:12px max(var(--page-padding-x), env(safe-area-inset-right,0px)) 20px max(var(--page-padding-x), env(safe-area-inset-left,0px));background:var(--bg);border-bottom:1px solid var(--border);opacity:0;pointer-events:none;flex-direction:column;gap:0;transition:transform .2s,opacity .2s;position:fixed;left:0;right:0;transform:translateY(-120%)}.navbar__nav--open{opacity:1;pointer-events:auto;transform:translateY(0)}.navbar__link{border-bottom:none;border-top:1px solid var(--border-light);padding:12px 0}.navbar__nav .navbar__link:first-child{border-top:none}}.hero{padding-block:48px 56px}.hero__profile{align-items:center;gap:24px;display:flex}.hero__avatar{object-fit:cover;object-position:center top;width:88px;height:88px;box-shadow:0 0 0 1px var(--border), 0 6px 24px #1a1a1a12;border-radius:50%;flex-shrink:0}.hero__identity{flex:1;min-width:0;padding-top:2px}.hero__name{font-family:var(--font-sans);letter-spacing:-.01em;color:var(--text);margin-bottom:6px;font-size:26px;font-weight:600;line-height:1.3}.hero__title{color:var(--text-secondary);margin-bottom:12px;font-size:15px;font-weight:500}.hero__email{color:var(--text-muted);font-size:14px;text-decoration:none;transition:color .15s;display:inline-block}.hero__email:hover{color:var(--link-hover);text-decoration:underline;-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border);text-underline-offset:3px}@media (width<=640px){.hero{padding-top:32px;padding-bottom:36px}.hero__profile{gap:16px}.hero__avatar{width:72px;height:72px}.hero__name{font-size:22px}.hero__title{margin-bottom:10px}}.section-header{font-family:var(--font-serif);color:var(--text);letter-spacing:.06em;margin-bottom:32px;font-size:20px;font-weight:600}@media (width<=640px){.section-header{margin-bottom:24px;font-size:18px}}.about__bio{color:var(--text-secondary);margin-bottom:40px;font-size:15px;line-height:1.85}.about__details{border-top:1px solid var(--border-light);grid-template-columns:1fr 1fr;gap:32px;padding-top:32px;display:grid}.about__label{color:var(--text-muted);margin-bottom:10px;font-size:13px;font-weight:400}.about__skills{color:var(--text);font-size:14px;line-height:1.6}.about__links{flex-direction:column;gap:6px;list-style:none;display:flex}.about__links a{font-size:14px;text-decoration:none}.about__links a:hover{text-decoration:underline}@media (width<=640px){.about__bio{margin-bottom:32px}.about__details{grid-template-columns:1fr;gap:24px;padding-top:28px}}.entry-list{flex-direction:column;list-style:none;display:flex}.entry-list__item{border-top:1px solid var(--border-light);grid-template-columns:120px 1fr;gap:24px;padding:28px 0;display:grid}.entry-list__item:first-child{border-top:none;padding-top:0}.entry-list__item:last-child{padding-bottom:0}.entry-list__meta time{color:var(--text-muted);white-space:nowrap;font-size:13px;line-height:1.6}.entry-list__title{font-family:var(--font-serif);color:var(--text);margin-bottom:4px;font-size:17px;font-weight:600}.entry-list__subtitle{color:var(--text-secondary);margin-bottom:12px;font-size:14px}.entry-list__desc{color:var(--text-secondary);margin-bottom:10px;font-size:14px;line-height:1.75}.entry-list__tags{color:var(--text-muted);font-size:13px}@media (width<=640px){.entry-list__item{grid-template-columns:1fr;gap:6px;padding:24px 0}.entry-list__meta time{font-size:12px}}.portfolio-list{counter-reset:portfolio;list-style:none}.portfolio-list__item{border-top:1px solid var(--border-light);grid-template-columns:48px 1fr;gap:20px;padding:28px 0;display:grid}.portfolio-list__icon{object-fit:cover;width:48px;height:48px;box-shadow:0 0 0 1px var(--border-light);border-radius:11px}.portfolio-list__item:first-child{border-top:none;padding-top:0}.portfolio-list__item:last-child{padding-bottom:0}.portfolio-list__num{color:var(--text-muted);font-variant-numeric:tabular-nums;padding-top:14px;font-size:13px}.portfolio-list__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:8px;display:flex}.portfolio-list__title{font-family:var(--font-serif);color:var(--text);font-size:17px;font-weight:600}.portfolio-list__meta{color:var(--text-muted);white-space:nowrap;font-size:13px}.portfolio-list__desc{color:var(--text-secondary);margin-bottom:8px;font-size:14px;line-height:1.75}.portfolio-list__footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.portfolio-list__tags{color:var(--text-muted);font-size:13px}.portfolio-list__link{color:var(--text-secondary);white-space:nowrap;align-items:center;gap:5px;font-size:13px;text-decoration:none;display:inline-flex}.portfolio-list__link-icon{flex-shrink:0}.portfolio-list__link:hover{color:var(--link-hover);text-underline-offset:3px;text-decoration:underline}@media (width<=640px){.portfolio-list__item{gap:14px;padding:24px 0}.portfolio-list__head{flex-direction:column;gap:4px}.portfolio-list__meta{white-space:normal}}.footer{border-top:1px solid var(--border);text-align:center;padding-block:48px 64px}@media (width<=640px){.footer{padding-block:36px max(48px, env(safe-area-inset-bottom,0px))}}.footer__text{color:var(--text-muted);font-size:13px}.footer__text a{color:var(--text-muted);text-decoration:none}.footer__icp:hover{color:var(--link-hover);text-decoration:underline}.page{max-width:var(--max-width);padding-left:max(var(--page-padding-x), env(safe-area-inset-left,0px));padding-right:max(var(--page-padding-x), env(safe-area-inset-right,0px));margin:0 auto}main{padding-top:var(--nav-height)}.section{border-top:1px solid var(--border);padding-block:64px}.section:first-of-type{border-top:none}@media (width<=640px){.section{padding-block:48px}}