:root{color-scheme:light;--paper:#f6f5ef;--ink:#213d32;--muted:#758174;--line:#dedfd5;--accent:#bb763f}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Segoe UI",Arial,"Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}.page{max-width:1280px;padding:0 64px;margin:0 auto}a{color:inherit}.header{height:108px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;text-decoration:none}.brand-symbol{font-weight:800;font-size:31px;letter-spacing:-1.4px;line-height:1}.brand-symbol>span{color:var(--accent);font-size:23px;letter-spacing:0;margin-left:2px}.brand-name{border-left:1px solid #bcc6b7;padding-left:13px;letter-spacing:2.3px;font-size:10px;font-weight:650}.demo{display:flex;gap:8px;align-items:center;font-family:Consolas,"Courier New",monospace;font-size:9px;letter-spacing:1.3px;color:var(--muted)}.demo>span{width:5px;height:5px;border-radius:50%;background:#8b9a75}.hero{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:66px;padding:55px 0 42px;min-height:calc(100svh - 183px)}.intro{padding-bottom:14px}.eyebrow{font-size:9px;font-weight:650;letter-spacing:2.1px;color:#818c79;margin:0 0 28px}h1{font-size:clamp(36px,3.75vw,52px);font-weight:600;letter-spacing:-2px;line-height:1.2;margin:0 0 29px}.title-row{display:grid;grid-template-columns:.86em 1fr;align-items:baseline;column-gap:18px;padding:8px 0}.initial{color:var(--accent);font-weight:750;letter-spacing:-1px}.description{font-size:15px;line-height:1.85;color:#5f7163;max-width:448px;margin:0 0 21px}.description-zh{font-size:12px;line-height:1.95;color:#89917f;margin:0}.topics{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:37px;color:#7e8878;font-size:9px;letter-spacing:.1px}.topics i{font-style:normal;color:#bac0ad}.portrait{margin:0;width:100%;max-width:365px;justify-self:end}.image-frame{position:relative;border-radius:20px;overflow:hidden;background:#eae4d8;box-shadow:0 12px 45px #1e30200a}.image-frame img{width:100%;height:auto;display:block}.portrait figcaption{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:14px 2px 0;font-size:10px;color:#7f8976}.portrait figcaption>span:first-child{color:#566c54;font-size:11px;letter-spacing:1px}.footer{border-top:1px solid var(--line);min-height:74px;display:flex;justify-content:space-between;align-items:center;gap:16px;color:#929b89;font-size:9px}.footer>span:first-child{color:#62755c;font-size:11px}.footer>span:last-child{font-family:Consolas,"Courier New",monospace;font-size:8px;letter-spacing:1.4px}a:focus-visible{outline:2px solid var(--accent);outline-offset:7px;border-radius:2px}@media(min-width:1500px){.hero{gap:85px}.portrait{max-width:390px}}@media(max-width:1050px){.page{padding:0 40px}.hero{gap:35px;grid-template-columns:1.15fr 1fr}h1{font-size:36px;letter-spacing:-1.8px}.title-row{column-gap:12px}.description{font-size:14px}.portrait{max-width:310px}.topics{line-height:1.8}}@media(max-width:720px){.page{padding:0 25px}.header{height:84px}.brand-symbol{font-size:28px}.brand-name{font-size:9px;letter-spacing:1.8px}.demo{font-size:8px;letter-spacing:.7px}.hero{grid-template-columns:1fr;gap:34px;padding:43px 0 34px;min-height:0}.intro{padding:0}.eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:24px}h1{font-size:clamp(29px,6.6vw,47px);letter-spacing:-1.5px;margin-bottom:23px}.title-row{column-gap:11px;padding:7px 0}.description{font-size:14px;max-width:510px;line-height:1.85}.description-zh{font-size:12px}.desktop-break{display:none}.topics{font-size:8px;gap:7px;margin-top:25px}.portrait{max-width:330px;justify-self:center}.image-frame{border-radius:16px}.footer{padding:20px 0;min-height:82px;flex-wrap:wrap;gap:10px}.footer>span:nth-child(2){width:100%;order:3;font-size:8px}.footer>span:last-child{font-size:7px;margin-left:auto}.portrait figcaption{font-size:9px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}