:root{color-scheme:light;--paper:#f3f0e7;--ink:#202820;--muted:#596152;--line:#b9bdb0;--green:#506d50;font-family:'Microsoft YaHei','PingFang SC',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}h1,h2,p,figure{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--green);outline-offset:6px}button,a{-webkit-tap-highlight-color:transparent}.skip{position:absolute;left:20px;top:-100px;background:var(--ink);color:var(--paper);padding:12px 18px;z-index:5}.skip:focus{top:12px}.shell{max-width:1280px;margin:auto;padding:30px 60px 34px}.mast{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:25px}.wordmark{display:flex;align-items:baseline;gap:11px}.wordmark b{font:500 30px Georgia,serif;letter-spacing:-1.5px}.wordmark span{font-size:12px;letter-spacing:2px}.mast nav{font-size:13px}.mast nav a{display:inline-block;padding:10px 0}.hero{display:grid;grid-template-columns:1.6fr 1fr;align-items:end;gap:36px;padding:54px 0 45px}.eyebrow{font-size:11px;letter-spacing:1.5px}.hero h1{font:500 clamp(30px,3.6vw,48px)/1.4 'SimSun','Songti SC',serif;letter-spacing:-1.3px;margin-top:20px}.hero h1 span{color:var(--green)}.intro{font-size:14px;line-height:1.95;max-width:290px;justify-self:end;padding-bottom:6px}.section-label{display:flex;justify-content:space-between;gap:20px;padding:17px 0 25px;border-top:1px solid var(--line);font-size:11px;letter-spacing:1.2px}.projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.project-link{display:block}.project-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:17px}.project-title h2{font-size:19px;font-weight:500}.arrow{font:27px Georgia,serif}.project-meta{font-size:12px;color:var(--muted);margin-top:8px;line-height:1.7}.project-link:hover h2{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.cover{position:relative;min-height:190px;height:clamp(190px,18vw,246px);overflow:hidden}.cover-rain{background:#1b3836;color:#f5e7c9}.cover-rain:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(110deg,transparent 0 20px,#c4d4c41a 21px 22px,transparent 23px 43px)}.arch{position:absolute;width:115px;height:184px;border:17px solid #688178;border-bottom:0;border-radius:80px 80px 0 0;bottom:-25px;right:30px;transform:rotate(-9deg);box-shadow:0 0 0 25px #254944,0 0 0 26px #58736a}.cover-word{position:absolute;left:25px;top:24px;font:500 36px 'SimSun',serif;letter-spacing:8px}.cover-sub{position:absolute;left:26px;bottom:23px;font:11px Georgia,serif;letter-spacing:3px}.cover-cnc{background:#d8e1df;color:#23453f}.cover-cnc:before{content:'';position:absolute;width:215px;height:215px;border:35px solid #a7bab3;transform:rotate(35deg);right:-50px;top:60px}.cnc-word{position:absolute;left:25px;top:26px;font:500 53px Georgia,serif;letter-spacing:-3px}.cover-office{background:#d9cbb7;color:#3e3c35}.office-label{position:absolute;left:22px;top:23px;font-size:11px;letter-spacing:2px}.desk{position:absolute;left:15%;right:8%;bottom:43px;height:11px;background:#80674d;transform:skewY(-7deg)}.monitor{position:absolute;width:66px;height:49px;background:#343e3e;border:5px solid #535955;left:24%;bottom:65px;transform:skewY(-7deg);box-shadow:0 15px 0 -12px #444a45}.monitor.second{left:57%;bottom:76px;background:#7d958d}.footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:48px;padding-top:20px;font-size:11px;letter-spacing:1px;color:var(--muted)}
.back{display:inline-block;margin:32px 0;font-size:13px}.project-detail{display:grid;grid-template-columns:1.15fr 1fr;gap:55px;align-items:center}.detail-copy h1{font:500 clamp(32px,4vw,48px)/1.35 'SimSun','Songti SC',serif;margin:16px 0 22px}.description{font-size:16px;line-height:1.9;max-width:560px}.detail-notes{font-size:13px;line-height:1.95;color:var(--muted);margin-top:17px;max-width:540px}.launch{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;background:var(--ink);color:var(--paper);padding:13px 22px;font-size:14px;margin-top:27px}.launch:hover{background:#354b38}.access{font-size:11px;line-height:1.8;color:var(--muted);margin-top:12px}.detail-cover .cover{height:310px}.detail-cover .arch{height:255px;width:150px;border-width:22px;right:60px}.detail-cover .cover-word{font-size:45px}.detail-cover .cnc-word{font-size:75px;top:38px}.detail-cover .cover-cnc:before{width:285px;height:285px;top:85px;border-width:45px}.detail-cover .monitor{width:90px;height:67px;bottom:90px}.detail-cover .monitor.second{bottom:105px}.detail-cover .desk{bottom:63px}.project-image{margin-top:48px;border-top:1px solid var(--line);padding-top:26px}.project-image img{display:block;width:100%;height:auto}.project-image figcaption{font-size:11px;color:var(--muted);margin-top:12px}.not-found{padding:70px 0}.not-found h1{font:500 36px 'SimSun',serif;margin-top:20px}
@media(max-width:900px){.shell{padding:25px 32px}.hero{gap:24px}.intro{max-width:240px;font-size:13px}.projects{gap:17px}.project-title h2{font-size:17px}.cover{min-height:170px}.monitor{width:50px;height:38px}.arch{right:15px;width:100px}.project-detail{gap:30px}.detail-cover .cover{height:260px}.detail-cover .monitor{width:65px;height:50px}}
@media(max-width:620px){.shell{padding:22px}.wordmark b{font-size:27px}.wordmark span{font-size:11px}.mast{padding-bottom:17px}.mast nav{font-size:12px}.hero{grid-template-columns:1fr;padding:34px 0 30px;gap:20px}.hero h1{font-size:clamp(25px,6.7vw,38px);letter-spacing:-1px;margin-top:17px}.intro{justify-self:start;max-width:330px;font-size:13px}.projects{grid-template-columns:1fr;gap:32px}.cover{height:230px}.project-title{margin-top:13px}.project-title h2{font-size:19px}.project-meta{margin-top:5px}.arch{width:120px;height:185px;right:38px}.monitor{width:70px;height:50px}.footer{margin-top:33px;font-size:10px}.project-detail{grid-template-columns:1fr;gap:30px}.detail-cover{order:-1}.detail-cover .cover{height:185px}.detail-cover .arch{height:165px;width:110px}.detail-cover .cnc-word{font-size:53px;top:26px}.detail-cover .monitor{width:66px;height:49px;bottom:62px}.detail-cover .monitor.second{bottom:73px}.detail-cover .desk{bottom:40px}.detail-copy h1{font-size:33px}.description{font-size:15px}.back{margin:25px 0}.project-image{margin-top:32px}}
@media(prefers-reduced-motion:no-preference){.arrow{transition:transform .18s ease}.project-link:hover .arrow{transform:translate(2px,-2px)}}
.project-status{display:inline-block;font-size:11px;line-height:1.5;color:var(--green);border:1px solid var(--line);padding:3px 8px;margin-top:12px}.project-status.is-unavailable{color:var(--muted)}.launch.is-unavailable{background:transparent;color:var(--muted);border:1px solid var(--line)}

.cover-riverside{background:#637851;color:#fff5df}.cover-riverside img{width:100%;height:100%;object-fit:cover;object-position:center 52%;display:block}.cover-riverside:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#20352480,transparent 65%)}.cover-riverside .cover-word,.cover-riverside .cover-sub{z-index:1;text-shadow:0 1px 8px #203524}.cover-riverside .cover-word{top:auto;bottom:50px}