#xs-simple-index{--x-paper:light-dark(#faf9f6,#262824);--x-ink:light-dark(#333a32,#e6e8df);--x-muted:light-dark(#6f766a,#afb7a7);--x-line:light-dark(#dedfd7,#474d42);font:14px/1.85 Arial,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--x-ink);background:var(--x-paper);overflow-wrap:anywhere}
    #xs-simple-index *{box-sizing:border-box}
    #xs-simple-index [hidden]{display:none!important}
    #xs-simple-index button,#xs-simple-index a{font:inherit;color:inherit}
    #xs-simple-index button{border:0;background:none;padding:0;text-align:left}
    #xs-simple-index a{text-underline-offset:4px;text-decoration-thickness:1px}
    #xs-simple-index h1,#xs-simple-index h2,#xs-simple-index h3,#xs-simple-index p,#xs-simple-index figure,#xs-simple-index blockquote{margin:0}
    #xs-simple-index .x-wrap{max-width:950px;margin:auto;padding:33px 43px 25px}
    #xs-simple-index .x-header{display:flex;align-items:baseline;justify-content:space-between;gap:20px}
    #xs-simple-index .x-signature{display:flex;align-items:baseline;gap:17px}
    #xs-simple-index .x-name{font-size:19px;letter-spacing:.06em;font-weight:500;white-space:nowrap}
    #xs-simple-index .x-job-title{font-size:12px;color:var(--x-muted);white-space:nowrap}
    #xs-simple-index .x-nav{display:flex;gap:24px;align-items:baseline}
    #xs-simple-index .x-nav button{font-size:12px;color:var(--x-muted);padding:4px 0}
    #xs-simple-index .x-nav button[aria-current="page"]{color:var(--x-ink);text-decoration:underline;text-underline-offset:6px}
    #xs-simple-index .x-intro{padding:48px 0 38px}
    #xs-simple-index .x-intro h1{font-size:23px;font-weight:400;line-height:1.65;letter-spacing:-.02em}
    #xs-simple-index .x-intro p{font-size:13px;color:var(--x-muted);margin-top:7px}
    #xs-simple-index .x-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:61px}
    #xs-simple-index .x-column-title{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:12px;font-weight:400;color:var(--x-muted);border-top:1px solid var(--x-line);padding-top:12px;margin-bottom:24px}
    #xs-simple-index .x-column-title span:last-child{font-size:11px;font-family:monospace}
    #xs-simple-index .x-project{display:grid;grid-template-columns:98px minmax(0,1fr);align-items:start;gap:17px;width:100%;margin-bottom:27px}
    #xs-simple-index .x-project img{display:block;width:98px;height:auto;aspect-ratio:3/2;object-fit:cover}
    #xs-simple-index .x-project-copy{min-width:0;display:block;margin-top:-3px}
    #xs-simple-index .x-project-title{display:block;font-size:15px;line-height:1.7;font-weight:400}
    #xs-simple-index .x-project-description{display:block;font-size:12px;color:var(--x-muted);line-height:1.8;margin-top:6px}
    #xs-simple-index .x-project:hover .x-project-title{text-decoration:underline;text-underline-offset:4px}
    #xs-simple-index .x-home-reading .x-reading-item{display:block;width:100%;font-size:14px;line-height:1.8;padding:0 0 16px}
    #xs-simple-index .x-home-reading .x-reading-item small{display:none}
    #xs-simple-index .x-reading-item span{display:block}
    #xs-simple-index .x-reading-item:hover span{text-decoration:underline;text-underline-offset:4px}
    #xs-simple-index .x-more{display:inline-block;font-size:12px;color:var(--x-muted);text-decoration:underline;text-underline-offset:5px;margin-top:4px}
    #xs-simple-index .x-footer{display:flex;justify-content:space-between;gap:14px;border-top:1px solid var(--x-line);margin-top:43px;padding-top:15px;font-size:11px;color:var(--x-muted)}
    #xs-simple-index .x-footer a{text-decoration:none}
    #xs-simple-index .x-page-head{padding:43px 0 31px}
    #xs-simple-index .x-page-head h1{font-size:25px;line-height:1.5;font-weight:400}
    #xs-simple-index .x-page-head p{font-size:13px;color:var(--x-muted);margin-top:10px}
    #xs-simple-index .x-writing-group{display:grid;grid-template-columns:112px minmax(0,1fr);gap:34px;border-top:1px solid var(--x-line);padding-top:20px;margin-bottom:31px}
    #xs-simple-index .x-writing-group>h2{font-size:12px;font-weight:400;line-height:1.8;color:var(--x-muted)}
    #xs-simple-index .x-writing-group>h2 small{display:block;font:11px/1.9 monospace;margin-top:4px}
    #xs-simple-index .x-article{border-bottom:1px solid var(--x-line)}
    #xs-simple-index .x-article:last-child{border-bottom:0}
    #xs-simple-index .x-article summary{padding:11px 0;list-style:none;display:flex;justify-content:space-between;gap:17px;align-items:baseline}
    #xs-simple-index .x-article:first-child summary{padding-top:0}
    #xs-simple-index .x-article summary::-webkit-details-marker{display:none}
    #xs-simple-index .x-article summary span{font-size:15px;line-height:1.8}
    #xs-simple-index .x-article summary::after{content:'＋';font-size:13px;color:var(--x-muted);flex-shrink:0}
    #xs-simple-index .x-article[open] summary::after{content:'−'}
    #xs-simple-index .x-article-body{padding:2px 0 19px;max-width:580px}
    #xs-simple-index .x-article-body .x-source{font-size:11px;color:var(--x-muted);margin-bottom:10px}
    #xs-simple-index .x-article-body p,#xs-simple-index .x-article-body blockquote{font-size:14px;line-height:1.95;margin-bottom:13px}
    #xs-simple-index .x-original{font-size:12px}
    #xs-simple-index .x-case-head{padding-top:33px}
    #xs-simple-index .x-back{display:inline-block;font-size:12px;color:var(--x-muted);margin-bottom:26px}
    #xs-simple-index .x-case-label{font-size:11px;color:var(--x-muted);margin-bottom:10px}
    #xs-simple-index .x-case-head h1{font-size:28px;line-height:1.55;font-weight:400;margin-bottom:14px}
    #xs-simple-index .x-case-intro{font-size:15px;line-height:1.9;max-width:660px;margin-bottom:23px}
    #xs-simple-index .x-case-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;border-top:1px solid var(--x-line);padding:20px 0 28px}
    #xs-simple-index .x-case-notes h2{font-size:11px;font-weight:400;color:var(--x-muted);margin-bottom:8px}
    #xs-simple-index .x-case-notes p{font-size:13px;line-height:1.9}
    #xs-simple-index .x-case-photo{margin:0 0 24px}
    #xs-simple-index .x-case-photo img{display:block;width:100%;height:auto}
    #xs-simple-index .x-case-photo figcaption{font-size:11px;color:var(--x-muted);padding-top:8px}
    #xs-simple-index .x-photo-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
    #xs-simple-index .x-about{display:grid;grid-template-columns:112px minmax(0,1fr);gap:34px;padding-top:46px}
    #xs-simple-index .x-about>h1{font-size:25px;font-weight:400;line-height:1.5}
    #xs-simple-index .x-bio{font-size:16px;line-height:1.95;max-width:580px}
    #xs-simple-index .x-bio p+p{margin-top:18px}
    #xs-simple-index .x-capabilities{font-size:13px;color:var(--x-muted);line-height:2.05;margin-top:23px}
    #xs-simple-index .x-timeline{margin-top:31px;border-top:1px solid var(--x-line);padding-top:18px}
    #xs-simple-index .x-timeline h2{font-size:12px;font-weight:400;color:var(--x-muted);margin-bottom:20px}
    #xs-simple-index .x-employer{display:grid;grid-template-columns:94px minmax(0,1fr);gap:17px;margin-bottom:19px}
    #xs-simple-index .x-employer time{font-size:11px;color:var(--x-muted);padding-top:2px}
    #xs-simple-index .x-employer h3{font-size:14px;font-weight:400;line-height:1.8}
    #xs-simple-index .x-employer p{font-size:12px;color:var(--x-muted);line-height:1.85;margin-top:3px}
    #xs-simple-index .x-contact{border-top:1px solid var(--x-line);padding-top:18px;margin-top:23px;font-size:13px}
    #xs-simple-index .x-live{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
    @media(max-width:780px){#xs-simple-index .x-wrap{padding:29px 31px 23px}#xs-simple-index .x-columns{gap:39px}#xs-simple-index .x-project{grid-template-columns:84px minmax(0,1fr);gap:14px}#xs-simple-index .x-project img{width:84px}}
    @media(max-width:670px){#xs-simple-index .x-columns{grid-template-columns:1fr;gap:29px}#xs-simple-index .x-project{grid-template-columns:102px minmax(0,1fr);gap:20px;margin-bottom:24px}#xs-simple-index .x-project img{width:102px}#xs-simple-index .x-home-reading .x-reading-item{padding-bottom:14px}#xs-simple-index .x-column-title{margin-bottom:23px}#xs-simple-index .x-case-notes{grid-template-columns:1fr;gap:16px}#xs-simple-index .x-case-notes h2{margin-bottom:4px}#xs-simple-index .x-writing-group{grid-template-columns:1fr;gap:18px}#xs-simple-index .x-writing-group>h2{display:flex;gap:15px;align-items:baseline}#xs-simple-index .x-writing-group>h2 small{margin:0}#xs-simple-index .x-about{grid-template-columns:1fr;gap:23px}#xs-simple-index .x-photo-pair{grid-template-columns:1fr;gap:0}}
    @media(max-width:420px){#xs-simple-index .x-wrap{padding:22px 21px}#xs-simple-index .x-signature{display:block}#xs-simple-index .x-job-title{display:block;font-size:11px;margin-top:1px}#xs-simple-index .x-nav{gap:20px}#xs-simple-index .x-intro{padding:35px 0 30px}#xs-simple-index .x-intro h1{font-size:21px}#xs-simple-index .x-intro p{font-size:12px}#xs-simple-index .x-project{grid-template-columns:83px minmax(0,1fr);gap:15px}#xs-simple-index .x-project img{width:83px}#xs-simple-index .x-project-title{font-size:14px}#xs-simple-index .x-project-description{font-size:12px;margin-top:5px}#xs-simple-index .x-footer{flex-wrap:wrap;margin-top:32px}#xs-simple-index .x-case-head h1{font-size:25px}#xs-simple-index .x-case-intro{font-size:14px}#xs-simple-index .x-employer{grid-template-columns:80px minmax(0,1fr);gap:12px}}
    @media(pointer:coarse){#xs-simple-index .x-nav button,#xs-simple-index .x-more,#xs-simple-index .x-back,#xs-simple-index .x-original{min-height:44px;display:inline-flex;align-items:center}#xs-simple-index .x-reading-item,#xs-simple-index .x-article summary{min-height:44px}}
  
/* Standalone routing and normal document layout. */
:root{color-scheme:light dark}body{margin:0;min-height:100vh}#xs-simple-index .x-signature a,#xs-simple-index .x-nav a,#xs-simple-index a.x-project,#xs-simple-index a.x-reading-item{text-decoration:none}#xs-simple-index .x-nav a{font-size:12px;color:var(--x-muted);padding:4px 0}#xs-simple-index .x-nav a[aria-current]{color:var(--x-ink);text-decoration:underline;text-underline-offset:6px}#xs-simple-index .x-case-intro,#xs-simple-index .x-case-notes p,#xs-simple-index .x-article-body p,#xs-simple-index .x-article-body blockquote,#xs-simple-index .x-capabilities,#xs-simple-index .x-bio p{white-space:pre-line}#xs-simple-index .x-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}#xs-simple-index .x-gallery .x-case-photo{grid-column:1/-1}#xs-simple-index .x-gallery .x-half{grid-column:auto}#xs-simple-index .x-no-thumb{width:100%;aspect-ratio:3/2;display:grid;place-items:center;border:1px solid var(--x-line);color:var(--x-muted);font:14px monospace}#xs-simple-index .x-article{scroll-margin-top:24px}#xs-simple-index summary{cursor:pointer}#xs-simple-index .x-capabilities{margin-bottom:23px}#xs-simple-index .x-footer a{overflow-wrap:anywhere}#xs-simple-index .x-header{flex-wrap:wrap}#xs-simple-index .x-name,#xs-simple-index .x-job-title{white-space:normal}#xs-simple-index .x-case-photo img{object-fit:contain}
@media(max-width:670px){#xs-simple-index .x-gallery{grid-template-columns:1fr}#xs-simple-index .x-gallery .x-half{grid-column:1}}
@media(pointer:coarse){#xs-simple-index .x-nav a{min-height:44px;display:inline-flex;align-items:center}}