:root{--paper:#f6f4ef;--ink:#242521;--muted:#72716a;--line:#d9d6ce;--accent:#893d32}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.8 'Segoe UI','Microsoft YaHei',sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{font:inherit}img{max-width:100%;display:block}.wrap{max-width:1180px;margin:auto;padding:0 48px}.nav{display:flex;align-items:center;justify-content:space-between;padding:28px 0;border-bottom:1px solid var(--line);gap:24px}.brand{font:26px Georgia,serif;letter-spacing:-1px}.navlinks{display:flex;gap:30px;font-size:13px}.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}.hero{padding:90px 0 72px}.personal-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center}h1,h2,h3,p{margin-top:0}h1{font:normal clamp(48px,6vw,78px)/1.12 Georgia,'Songti SC','SimSun',serif;letter-spacing:-2px;margin:24px 0 30px}h1 em{font-weight:normal;color:var(--accent)}.lead{max-width:550px;font-size:17px;color:#626159;line-height:2}.actions{display:flex;align-items:center;gap:28px;margin-top:32px;flex-wrap:wrap}.button{display:inline-block;padding:10px 22px;background:var(--ink);color:#fff;font-size:13px;border:1px solid var(--ink)}.button:hover{background:var(--accent);color:white;border-color:var(--accent)}.textlink{font-size:13px;border-bottom:1px solid var(--line);padding-bottom:3px}.photo{aspect-ratio:4/5;object-fit:cover;background:#e8e4db}.caption{font-size:10px;color:var(--muted);margin-top:12px;letter-spacing:.5px}.section{padding:60px 0;border-top:1px solid var(--line)}.section-head{display:grid;grid-template-columns:240px 1fr;gap:30px;margin-bottom:30px}h2{font:normal 34px/1.4 Georgia,'SimSun',serif;letter-spacing:-.6px}.section-head p{color:var(--muted);font-size:14px;max-width:620px}.project-row{display:grid;grid-template-columns:90px 1fr 240px;gap:30px;padding:30px 0;border-top:1px solid var(--line)}.number{font:14px Georgia,serif;color:var(--muted)}h3{font-size:21px;font-weight:500;margin-bottom:10px}.project-row p{font-size:14px;color:var(--muted);max-width:560px;margin-bottom:10px}.tags{font-size:11px;color:var(--muted)}.project-side{text-align:right;font-size:13px}.pending{color:var(--muted);font-size:13px;display:inline-block;border-left:2px solid var(--line);padding:8px 16px}.details{display:grid;grid-template-columns:1fr 1fr;gap:60px}.details p{font-size:14px;color:var(--muted)}footer{border-top:1px solid var(--line);padding:28px 0;display:flex;justify-content:space-between;font-size:11px;color:var(--muted);gap:20px}.product-hero{max-width:800px;padding-bottom:48px}.product-hero h1{font-size:clamp(45px,6vw,72px)}.product-hero .lead{max-width:650px}.status{display:inline-flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}.status:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--accent)}.workspace{background:#e9e6de;padding:24px 24px 0;border:1px solid var(--line)}.windowbar{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);padding-bottom:16px;letter-spacing:1px}.workspace img{width:100%;height:auto}.screenshot-caption{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted);padding:14px 0 40px}.features{display:grid;grid-template-columns:1fr 1fr;gap:0 60px}.feature{border-top:1px solid var(--line);padding:26px 0}.feature h3{font-size:18px}.feature p{font-size:14px;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.step h3{font-size:17px;margin:18px 0 8px}.step p{font-size:13px;color:var(--muted)}.mode{display:grid;grid-template-columns:140px 1fr;padding:20px 0;border-top:1px solid var(--line);font-size:14px}.mode p{margin:0;color:var(--muted)}.future{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:40px;background:#edeae2}.future p{font-size:14px;color:var(--muted)}.disabled{background:transparent;color:var(--muted);border:1px solid #c5c0b5;padding:10px 22px;cursor:not-allowed;font-size:13px}.faq details{border-top:1px solid var(--line);padding:18px 0;font-size:14px}.faq summary{cursor:pointer}.faq details p{color:var(--muted);max-width:760px;margin:16px 0 0}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:10px;background:white;z-index:5}::selection{background:#ded3c6}@media(max-width:800px){.wrap{padding:0 24px}.nav{align-items:flex-start}.navlinks{gap:15px;flex-wrap:wrap;justify-content:flex-end;font-size:12px}.brand{white-space:nowrap;font-size:23px}.hero{padding:55px 0}.personal-hero{grid-template-columns:1fr;gap:35px}.photo{aspect-ratio:16/10}.section{padding:40px 0}.section-head{grid-template-columns:1fr;gap:0}.project-row{grid-template-columns:35px 1fr;gap:15px}.project-side{grid-column:2;text-align:left}.details,.features,.future{grid-template-columns:1fr;gap:24px}.steps{grid-template-columns:1fr;gap:15px}.mode{grid-template-columns:90px 1fr}.workspace{padding:10px 10px 0}.windowbar{font-size:8px}.future{padding:25px}.screenshot-caption{flex-direction:column;gap:4px}footer{flex-wrap:wrap}h1{letter-spacing:-1px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.photo{width:100%;height:auto;aspect-ratio:4/5}@media(max-width:800px){.photo{aspect-ratio:16/10}}