@font-face{font-family:Inter;src:url(/fonts/InterVariable.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:HarmonyOS Sans SC;src:url(/fonts/HarmonyOS_Sans_SC_Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:HarmonyOS Sans SC;src:url(/fonts/HarmonyOS_Sans_SC_Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:HarmonyOS Sans SC;src:url(/fonts/HarmonyOS_Sans_SC_Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{--color-bg: #ffffff;--color-ink: #262626;--color-body: #525252;--color-muted: #737373;--color-line: #e5e5e5;--color-hover: #f5f5f5;--radius-btn: 8px;--radius-cover: 10px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--container: 1000px;--container-prose: 760px;--font-sans: Inter, "HarmonyOS Sans SC", "Helvetica Neue", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--t: .16s}@media(prefers-reduced-motion:reduce){:root{--t: 0ms}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);font-size:17px;line-height:30px;color:var(--color-body);background:var(--color-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,video{display:block;max-width:100%;height:auto}h1,h2,h3,h4,p,figure,blockquote{margin:0}ul,ol{margin:0;padding:0;list-style:none}a{color:inherit}::selection{background:#e8e8e8}:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}[id]{scroll-margin-top:var(--space-8)}.skip-link{position:absolute;left:0;top:-56px;z-index:100;padding:var(--space-2) var(--space-4);background:var(--color-ink);color:var(--color-bg);font-size:14px;line-height:22px;text-decoration:none;transition:top var(--t) ease}.skip-link:focus{top:0}.container{max-width:var(--container);margin-inline:auto;padding-inline:20px}.container--prose{max-width:var(--container-prose)}.page-title{font-size:36px;line-height:48px;font-weight:700;color:var(--color-ink);letter-spacing:-.01em}.hero-lead{font-size:20px;line-height:36px}.section-title{font-size:24px;line-height:34px;font-weight:700;color:var(--color-ink)}.work-title{font-size:18px;line-height:28px;font-weight:500;color:var(--color-ink)}.nav-text{font-size:14px;line-height:22px;font-weight:500}.muted-text{font-size:13px;line-height:20px;color:var(--color-muted)}@media(max-width:639px){body{font-size:16px;line-height:28px}.page-title{font-size:30px;line-height:42px}.hero-lead{font-size:17px;line-height:30px}.section-title{font-size:22px;line-height:32px}}@media(max-width:359px){.container{padding-inline:16px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-6);border:1px solid transparent;border-radius:var(--radius-btn);font-size:14px;line-height:22px;font-weight:500;text-decoration:none;cursor:pointer;transition:background-color var(--t) ease,color var(--t) ease,border-color var(--t) ease}.btn--primary{background:var(--color-ink);color:var(--color-bg)}.btn--primary:hover{background:#404040}.btn--secondary{background:transparent;color:var(--color-ink);border-color:var(--color-line)}.btn--secondary:hover{background:var(--color-hover)}.site-header{position:relative}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:64px;padding-block:var(--space-2)}.brand{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-ink);font-size:17px;line-height:24px;font-weight:600;letter-spacing:.02em;text-decoration:none}.brand__tag{padding:0 6px;border:1px solid var(--color-line);border-radius:4px;color:var(--color-muted);font-size:12px;line-height:18px;font-weight:500;letter-spacing:.04em}.site-header__actions{display:flex;align-items:center;gap:var(--space-6)}.site-nav{display:flex;align-items:center;gap:var(--space-1)}.site-nav a{padding:var(--space-3);border-radius:6px;color:var(--color-muted);text-decoration:none;transition:color var(--t) ease}.site-nav a:hover{color:var(--color-ink)}.site-nav a[aria-current=page]{color:var(--color-ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}.site-header__mainsite{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--color-muted);text-decoration:none;transition:color var(--t) ease}.site-header__mainsite:hover{color:var(--color-ink)}@media(max-width:639px){.site-header__mainsite{display:none}}.external-arrow{width:12px;height:12px;flex-shrink:0}.hero{padding-top:var(--space-24)}.hero__title{max-width:var(--container-prose)}.hero__lead{max-width:var(--container-prose);margin-top:var(--space-6)}.hero__actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-12)}.hero__social{display:flex;align-items:center;gap:var(--space-6);margin-left:auto}.hero__social a{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--color-muted);font-size:14px;line-height:22px;text-decoration:none;transition:color var(--t) ease}.hero__social a:hover{color:var(--color-ink)}@media(max-width:639px){.hero{padding-top:var(--space-16)}.hero__actions{margin-top:var(--space-8)}.hero__social{margin-left:0;margin-top:var(--space-1);gap:var(--space-4)}}.section{margin-top:var(--space-20)}@media(max-width:639px){.section,.site-footer{margin-top:var(--space-16)}}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4)}.section-head__link{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--color-muted);font-size:14px;line-height:22px;text-decoration:none;transition:color var(--t) ease}.section-head__link:hover{color:var(--color-ink)}.work-grid{display:grid;gap:var(--space-12) var(--space-8);margin-top:var(--space-8)}@media(min-width:640px){.work-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}}.work-grid--single{grid-template-columns:minmax(0,var(--container-prose));justify-content:center}.work-card__cover{display:block;border-radius:var(--radius-cover);overflow:hidden;background:var(--color-hover)}.work-card__cover img{width:100%;height:auto;transition:filter var(--t) ease}.work-card:hover .work-card__cover img,.work-card:focus-within .work-card__cover img{filter:brightness(.96)}.work-card__body{margin-top:var(--space-4)}.work-card__title a{color:var(--color-ink);text-decoration:none;transition:color var(--t) ease}.work-card:hover .work-card__title a,.work-card:focus-within .work-card__title a{color:#000;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}.work-card__meta{margin-top:var(--space-1)}.work-card__summary{margin-top:var(--space-2);font-size:15px;line-height:26px}.about-summary__text{max-width:var(--container-prose);margin-top:var(--space-4)}.about-summary__link{display:inline-flex;align-items:center;gap:var(--space-1);margin-top:var(--space-6);color:var(--color-ink);font-size:15px;line-height:24px;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px;text-decoration-color:var(--color-line);transition:text-decoration-color var(--t) ease}.about-summary__link:hover{text-decoration-color:var(--color-ink)}.contact__lead{max-width:var(--container-prose);margin-top:var(--space-4)}.contact-list{max-width:560px;margin-top:var(--space-6)}.contact-list a{display:flex;align-items:center;gap:var(--space-3);min-height:48px;padding:var(--space-3) 0;border-bottom:1px solid var(--color-line);color:var(--color-body);text-decoration:none;transition:color var(--t) ease}.contact-list a:first-child{border-top:1px solid var(--color-line)}.contact-list a:hover{color:var(--color-ink)}.contact-list .icon{width:20px;height:20px;color:var(--color-muted);flex-shrink:0}.contact-item__label{font-size:16px;line-height:24px}.contact-item__arrow{margin-left:auto;color:var(--color-muted);transition:transform var(--t) ease}.contact-list a:hover .contact-item__arrow{transform:translate(1px,-1px)}.page-intro{padding-top:var(--space-24)}.page-intro__lead{max-width:var(--container-prose);margin-top:var(--space-4)}@media(max-width:639px){.page-intro{padding-top:var(--space-16)}}.work-detail__title{margin-top:var(--space-2)}.work-detail__summary{max-width:var(--container-prose);margin-top:var(--space-4);font-size:18px;line-height:32px}.note{max-width:var(--container-prose);margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-btn);background:var(--color-hover);color:var(--color-muted);font-size:13px;line-height:20px}.work-media{margin-top:var(--space-12)}.work-media img,.work-media video{border-radius:var(--radius-cover)}.work-media--portrait{max-width:400px}.work-media--portrait video{aspect-ratio:9 / 16;width:100%}.media-external{display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-6);border:1px solid var(--color-line);border-radius:var(--radius-btn);color:var(--color-ink);font-size:14px;line-height:22px;font-weight:500;text-decoration:none;transition:background-color var(--t) ease}.media-external:hover{background:var(--color-hover)}.detail-section{max-width:var(--container-prose);margin-top:var(--space-16)}.detail-section h2{margin-bottom:var(--space-4)}.prose p{margin-top:var(--space-4)}.prose p:first-child{margin-top:0}.tool-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tool-list li{padding:var(--space-1) var(--space-3);border:1px solid var(--color-line);border-radius:999px;color:var(--color-body);font-size:13px;line-height:20px}.other-works{margin-top:var(--space-8);border-top:1px solid var(--color-line)}.other-works a{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--color-line);text-decoration:none}.other-works a:hover .work-title{color:#000;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}.other-works__arrow{color:var(--color-muted);flex-shrink:0}.about-head{display:flex;align-items:center;gap:var(--space-6)}.about-head__avatar{width:96px;height:96px;border-radius:50%}.about-head__name{font-size:24px;line-height:34px;font-weight:700;color:var(--color-ink)}.about-head__headline{margin-top:var(--space-1)}.about-body{max-width:var(--container-prose);margin-top:var(--space-12)}.about-body h2{margin-top:var(--space-12)}.about-body h2:first-child{margin-top:0}.about-body p{margin-top:var(--space-4)}@media(max-width:639px){.about-head__avatar{width:80px;height:80px}}.not-found{padding-top:var(--space-24);padding-bottom:var(--space-24);text-align:center}.not-found__code{font-size:64px;line-height:72px;font-weight:700;color:var(--color-ink);letter-spacing:-.02em}.not-found__text{margin-top:var(--space-4)}.not-found__actions{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-12)}.site-footer{margin-top:var(--space-24);border-top:1px solid var(--color-line);padding-block:var(--space-12) var(--space-8)}.site-footer__top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.back-to-top{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--color-muted);font-size:14px;line-height:22px;text-decoration:none;transition:color var(--t) ease}.back-to-top:hover{color:var(--color-ink)}.site-footer__nav{display:flex;flex-wrap:wrap;gap:var(--space-6);margin-top:var(--space-6)}.site-footer__nav a{display:inline-flex;align-items:center;gap:var(--space-1)}.site-footer__nav a{color:var(--color-muted);font-size:14px;line-height:22px;text-decoration:none;transition:color var(--t) ease}.site-footer__nav a:hover{color:var(--color-ink)}.site-footer__meta{margin-top:var(--space-6)}