:root{--paper:#f8f7f4;--ink:#20211f;--muted:#737570;--line:#deded7;--font:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #3158da;outline-offset:6px}a:hover{color:#3158da}img{display:block;max-width:100%;height:auto}[hidden]{display:none!important}.shell{width:calc(100% - 112px);max-width:1280px;margin-inline:auto}.site-header{height:112px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:20px}.brand img{width:101px}.brand-divider{height:21px;width:1px;background:#c9cac3}.wordmark{font-size:14px;font-weight:600;letter-spacing:.15em}.header-note{font-size:12px;color:var(--muted);letter-spacing:.08em}.hero{min-height:690px;position:relative;display:flex;flex-direction:column;justify-content:center;padding-block:66px 24px}.hero-content{position:relative;z-index:1}.eyebrow{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.16em;margin:0 0 32px;color:var(--muted)}.tiny-line{width:26px;height:1px;background:var(--muted)}h1{font-size:clamp(70px,7.2vw,108px);line-height:1.23;letter-spacing:-.055em;font-weight:600;margin:0}h1>span{display:block}.period{position:relative;color:transparent}.period::after{content:"";position:absolute;left:.13em;bottom:.15em;width:.085em;height:.085em;border-radius:50%;background:#3158da}.intro{font-size:17px;line-height:1.9;color:var(--muted);margin:32px 0 0;letter-spacing:.015em}.hero-foot{margin-top:100px;display:flex;justify-content:flex-end;align-items:center;color:#808279;font-size:11px;letter-spacing:.12em}.down-arrow{font-size:23px;line-height:1}.hero-art{position:absolute;right:24px;top:134px;width:390px;height:390px;color:#dadbd2;pointer-events:none}.hero-art svg{display:block;width:100%;height:100%;stroke:currentColor;stroke-width:1;stroke-linejoin:round}.geometry-orbit{opacity:.55}.geometry-plane{opacity:.9}.project{padding-top:52px;padding-bottom:112px}.section-meta{border-top:1px solid var(--line);padding-top:24px;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.08em;color:var(--muted)}.section-meta span:last-child{font-size:10px;letter-spacing:.14em}.project-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin:45px 0 38px}h2{font-size:clamp(25px,2.45vw,34px);line-height:1.65;font-weight:500;letter-spacing:-.035em;margin:0}.tags{display:flex;gap:8px;list-style:none;margin:0 0 8px;padding:0;flex-shrink:0}.tags li{font-size:11px;padding:8px 13px;border:1px solid var(--line);border-radius:20px;color:#62665e;white-space:nowrap}.software{margin:0}.screenshot-link{display:block;border:1px solid #d5d5ce;border-radius:10px;overflow:hidden;background:#14151b;box-shadow:0 14px 36px -24px #34362b40}.screenshot-link img{width:100%}figcaption{display:flex;justify-content:space-between;gap:20px;margin-top:18px;font-size:11px;line-height:1.8;color:var(--muted)}.caption-detail{margin-left:12px;color:#85877f}figcaption a{white-space:nowrap;border-bottom:1px solid #c9cac3;align-self:flex-start}.mobile-break{display:none}.site-footer{border-top:1px solid var(--line);padding-top:38px;padding-bottom:34px;font-size:11px;color:var(--muted)}.footer-top,.footer-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center}.footer-top p{margin:0}.footer-brand{color:var(--ink);font-size:18px;font-weight:600}.footer-brand span{font-size:11px;letter-spacing:.12em;margin-left:14px}.footer-bottom{margin-top:32px;font-size:10px}.filings{display:flex;flex-wrap:wrap;gap:12px}.filings a:hover{text-decoration:underline}.skip-link{position:fixed;z-index:10;left:20px;top:16px;padding:10px;background:white;transform:translateY(-150%)}.skip-link:focus{transform:none}
@media (prefers-reduced-motion:no-preference){.hero-content{animation:arrive .8s ease-out both}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}}
@media(min-width:1700px){.hero{min-height:770px}.hero-art{right:40px;top:156px;width:440px;height:440px}.hero-foot{margin-top:125px}}
@media(max-width:1000px){.shell{width:calc(100% - 72px)}.hero{min-height:640px}.hero-art{right:0;top:170px;width:285px;height:285px;opacity:.65}.project-heading{align-items:flex-start;flex-direction:column;gap:24px}.tags{margin:0}.project{padding-bottom:80px}}
@media(max-width:600px){.shell{width:calc(100% - 48px)}.site-header{height:88px}.brand{gap:12px}.brand img{width:82px}.brand-divider{height:18px}.wordmark{font-size:11px}.header-note{display:none}.hero{min-height:565px;padding-block:62px 22px;justify-content:flex-start}.eyebrow{font-size:10px;margin-bottom:28px}h1{font-size:clamp(49px,13.6vw,76px);line-height:1.3;letter-spacing:-.05em}.intro{font-size:14px;margin-top:26px;max-width:260px}.intro>span{display:block}.hero-art{width:190px;height:190px;top:293px;right:0;opacity:.32}.hero-foot{margin-top:auto;padding-top:70px;font-size:9px}.project{padding-top:22px;padding-bottom:64px}.section-meta{padding-top:20px;font-size:10px}.section-meta span:last-child{font-size:8px}.project-heading{margin-top:30px;margin-bottom:26px;gap:20px}h2{font-size:22px;line-height:1.7;letter-spacing:-.04em}.tags li{font-size:10px;padding:6px 11px}.screenshot-link{border-radius:7px}figcaption{font-size:10px;gap:10px;margin-top:14px}.mobile-break{display:block}.caption-detail{margin-left:0}.site-footer{padding-top:28px;padding-bottom:28px}.footer-top{align-items:flex-start;flex-direction:column;gap:12px}.footer-brand{font-size:16px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:18px;margin-top:28px}.filings{flex-direction:column;gap:10px;font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* 三张真实软件界面，手动切换，每次显示一张。 */
.software-tabs{display:flex;gap:36px;border-bottom:1px solid var(--line);margin-bottom:26px}
.software-tabs button{appearance:none;position:relative;border:0;background:transparent;padding:15px 0;color:var(--muted);font:inherit;font-size:13px;line-height:1.5;cursor:pointer;white-space:nowrap}
.software-tabs button span{font-size:10px;margin-right:8px;letter-spacing:.05em;color:#85877f}
.software-tabs button[aria-selected="true"]{color:var(--ink);font-weight:500}
.software-tabs button[aria-selected="true"]::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--ink)}
.software-tabs button:hover{color:var(--ink)}
.software-tabs button:focus-visible,.software-panel:focus-visible{outline:2px solid #3158da;outline-offset:5px}
@media(prefers-reduced-motion:no-preference){.software-panel{animation:software-fade .2s ease-out}@keyframes software-fade{from{opacity:.7}to{opacity:1}}}
@media(max-width:600px){.software-tabs{justify-content:space-between;gap:12px;margin-bottom:22px}.software-tabs button{font-size:12px;padding-block:13px}.software-tabs button span{font-size:9px;margin-right:5px}}