:root{--ink:#282627;--muted:#686361;--paper:#fbfaf7;--warm:#f3efe9;--accent:#6e516f;--rule:#dcd5ce}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:18px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif}h1,h2,p,figure,dl,dd{margin:0}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #866191;outline-offset:4px}a:hover{color:var(--accent)}.wrap{width:min(1080px,calc(100% - 88px));margin-inline:auto}.mast{border-bottom:1px solid var(--rule)}.mast-inner,.mast nav{display:flex;align-items:center;justify-content:space-between}.mast-inner{min-height:72px}.wordmark,h1,h2,.look strong,.feature-list dt{font-family:"Songti SC","STSong","Noto Serif CJK SC",serif}.wordmark{font-weight:700;letter-spacing:.12em;font-size:25px}.mast nav{gap:26px;color:#484444;font-size:14px}.nav-entry{border-bottom:1px solid #92768c}.intro{display:grid;grid-template-columns:1.14fr 1fr;align-items:center;gap:6%;padding-block:48px}.intro-copy{padding:16px 0}.platform,.fig-label,.intro-operator span{color:var(--muted);font-size:13px}.platform{letter-spacing:.12em;margin-bottom:15px}.intro h1{font-size:clamp(47px,5.3vw,76px);line-height:1.2;letter-spacing:.015em;font-weight:600}.intro h1 em{font-style:normal;color:var(--accent)}.lead{font-size:18px;line-height:1.9;color:#504b49;max-width:26em;margin:23px 0}.action{display:inline-flex;gap:21px;align-items:center;padding:11px 24px;background:var(--accent);color:#fff;border-radius:5px;font-size:15px}.action:hover{color:#fff;background:#563d57}.intro-operator{display:grid;gap:4px;margin-top:40px;border-top:1px solid var(--rule);padding-top:16px;max-width:350px;font-size:15px}.look{max-width:410px;width:100%;justify-self:end}.look-photo{background:#eee8df;border-radius:3px;padding:14px;display:grid;place-content:center}.look-photo img{height:clamp(315px,34vw,425px);width:auto;max-width:100%;object-fit:contain}.look figcaption{display:flex;align-items:center;justify-content:space-between;padding:11px 2px;gap:8px}.fig-label{display:block;font-size:12px}.look strong{font-size:20px;font-weight:600}.swatches{display:flex;gap:4px}.swatches[hidden]{display:none}.swatches button{appearance:none;width:28px;height:32px;border:0;padding:0;background:transparent;cursor:pointer;display:grid;place-items:center}.swatches button:before{content:"";width:17px;height:17px;border-radius:50%;background:#9aaab7}.swatches button:nth-child(2):before{background:#c2ac96}.swatches button:nth-child(3):before{background:#8d705c}.swatches [aria-pressed=true]:before{outline:1px solid var(--ink);outline-offset:3px}#look-status{font-size:13px;color:var(--muted)}h2{font-size:clamp(25px,2.7vw,36px);line-height:1.4;font-weight:600}.features{border-top:1px solid var(--rule);padding-block:35px 43px}.feature-list{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:22px}.feature-list div{border-left:2px solid #bcabb5;padding-left:16px}.feature-list dt{font-size:20px;font-weight:600}.feature-list dd,.demo-inner p,.visit p{color:var(--muted);line-height:1.85;margin-top:6px}.demonstration{background:var(--warm)}.demo-inner{display:grid;grid-template-columns:.72fr 1fr;align-items:center;gap:6%;padding-block:36px}.demo-inner p{max-width:24em}.demo-inner figure{min-width:0}.demo-inner figure img{width:100%;height:auto;border-radius:4px}.demo-inner figcaption{margin-top:7px;color:var(--muted);font-size:12px}.visit{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:35px}.visit p{max-width:38em}.visit strong{padding-inline:.22em;color:var(--ink)}.code{flex:none;background:#fff;padding:8px;border:1px solid var(--rule);border-radius:8px}.code img{width:125px;height:auto}footer{border-top:1px solid var(--rule);background:#f6f3ee;padding-block:27px 16px;font-size:14px}.foot-main,.foot-bottom{display:flex;justify-content:space-between;gap:20px;align-items:start}.foot-main h2{font-family:inherit;font-size:16px;margin-bottom:8px}.foot-main p{margin-top:4px}.foot-main nav{display:grid;gap:5px}.foot-main p a{text-decoration:underline;text-underline-offset:3px}.foot-bottom{border-top:1px solid var(--rule);margin-top:19px;padding-top:13px;color:var(--muted);font-size:13px}.policy{width:min(760px,calc(100% - 40px));margin:38px auto 56px}.policy h1{font-size:clamp(26px,4vw,40px);font-family:"Songti SC",serif;line-height:1.4}.policy h2{font-size:21px;margin:25px 0 6px}.policy p{margin:9px 0;overflow-wrap:anywhere}.policy .date{color:var(--muted);font-size:14px}
@media(max-width:735px){.wrap{width:calc(100% - 36px)}.mast-inner{min-height:56px}.mast nav{gap:12px;font-size:12px}.wordmark{font-size:21px}.intro{grid-template-columns:1fr;gap:20px;padding-block:23px}.intro-copy{padding:0}.platform{margin-bottom:7px}.intro h1{font-size:clamp(35px,8.6vw,50px);line-height:1.25}.intro h1 br{display:none}.lead{font-size:16px;margin:11px 0 14px}.action{padding:8px 16px}.intro-operator{margin-top:16px;padding-top:10px;display:flex;align-items:baseline;gap:8px;font-size:13px}.look{justify-self:center;max-width:450px}.look-photo{padding:9px}.look-photo img{height:clamp(290px,90vw,362px)}.features{padding-block:25px}.feature-list{grid-template-columns:1fr;gap:14px;margin-top:15px}.feature-list dt{font-size:18px}.feature-list dd,.demo-inner p,.visit p{font-size:15px}.demo-inner{grid-template-columns:1fr;gap:15px;padding-block:25px}.visit{gap:14px;padding-block:23px}.code{padding:4px}.code img{width:96px}.foot-main{display:grid;gap:14px}.foot-main nav{display:flex;flex-wrap:wrap;gap:6px 15px}.foot-bottom{flex-wrap:wrap;gap:5px 16px}.policy{margin-top:24px}}
@media(max-width:359px){.mast nav{gap:8px}.mast-inner{gap:6px}.wordmark{font-size:18px}.intro-operator{display:grid;gap:2px}.visit{align-items:start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}