@font-face{font-family:Silkscreen;src:url('../fonts/Silkscreen-Regular.ttf') format('truetype');font-display:swap}@font-face{font-family:FusionPixel;src:url('../fonts/fusion-pixel-12px-proportional-zh_hans.otf.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}:root{color-scheme:light;--ink:#080908;--paper:#f1f1ef;--pixel:Silkscreen,'Courier New',monospace;--cut:polygon(8px 0,calc(100% - 8px) 0,calc(100% - 8px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 8px) calc(100% - 4px),calc(100% - 8px) 100%,8px 100%,8px calc(100% - 4px),0 calc(100% - 4px),0 4px,8px 4px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Arial,'PingFang SC',sans-serif}a{color:inherit}button,input{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #2159ff;outline-offset:6px}.page{position:relative;isolation:isolate;overflow:hidden;min-height:100vh}.page:before{content:'';position:absolute;inset:0 0 0 47%;z-index:-1;background:radial-gradient(ellipse at 100% 12%,#c4ff28 0,transparent 55%),radial-gradient(ellipse at 96% 79%,#f6b9ef 0,transparent 54%)}.wrap{width:calc(100% - 88px);max-width:1600px;margin:auto}nav{height:104px;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:16px;text-decoration:none;font:20px/1.3 var(--pixel)}.mark{width:22px;height:22px;display:block;background:currentColor;clip-path:polygon(40% 0,60% 0,60% 20%,80% 20%,80% 40%,100% 40%,100% 60%,80% 60%,80% 80%,60% 80%,60% 100%,40% 100%,40% 80%,20% 80%,20% 60%,0 60%,0 40%,20% 40%,20% 20%,40% 20%)}.links{display:flex;gap:38px;align-items:center;font:14px/1.5 var(--pixel)}.links a{text-decoration:none}.links a:hover{text-decoration:underline}.hero{display:grid;grid-template-columns:46% 54%;min-height:720px;align-items:center}.intro{padding:70px 0 54px;position:relative;z-index:2}h1{font:clamp(54px,7.5vw,116px)/1.03 var(--pixel);letter-spacing:-.065em;margin:0 0 40px;font-weight:400}h1 span{display:block}html[lang="zh-CN"] h1{font-size:clamp(54px,6.5vw,98px);font-weight:900;letter-spacing:.03em;line-height:1.2}.lead{max-width:435px;font:16px/1.65 var(--pixel);margin:0 0 28px}.actions{display:flex;gap:20px;flex-wrap:wrap}.button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:32px;min-height:58px;padding:14px 27px;background:var(--ink);color:#fff;clip-path:var(--cut);font:16px/1.4 var(--pixel);text-decoration:none}.button:hover{background:#293f00}.button.secondary{background:var(--ink);color:var(--ink);isolation:isolate}.button.secondary:before{content:'';position:absolute;inset:2px;z-index:-1;background:var(--paper);clip-path:var(--cut)}.button:focus-visible{filter:drop-shadow(0 0 3px #2159ff)}.caption{color:#52564e;font-size:13px;margin:18px 0 0}.comparison{--split:50%;position:relative;min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:12px 0 32px}.labels{display:flex;justify-content:space-around;font:16px/1.4 var(--pixel);padding:0 0 22px}.compare-art{position:relative;width:100%;aspect-ratio:1/1.02;touch-action:pan-y;user-select:none;cursor:ew-resize}.study{position:absolute;inset:4% 4% 5%;overflow:hidden}.study.before{filter:blur(5px) saturate(.67);opacity:.85}.study.after{clip-path:inset(0 0 0 var(--split))}.shape{position:absolute;display:block}.orange{background:#ff8829;left:27%;top:1%;width:45%;height:41%;clip-path:polygon(20% 0,80% 0,80% 20%,100% 20%,100% 100%,0 100%,0 20%,20% 20%)}.blue{background:#145cef;left:0;top:26%;width:68%;height:47%;clip-path:polygon(15% 0,50% 0,50% 19%,100% 19%,100% 65%,79% 65%,79% 100%,0 100%,0 20%,15% 20%)}.purple{background:#bf8ce0;left:13%;top:61%;width:48%;height:37%;clip-path:polygon(0 0,100% 0,100% 76%,68% 76%,68% 100%,21% 100%,21% 65%,0 65%)}.pink{background:#f62ba9;left:65%;top:25%;width:35%;height:59%;clip-path:polygon(0 0,42% 0,42% 20%,66% 20%,66% 41%,100% 41%,100% 80%,75% 80%,75% 100%,0 100%)}.lime{background:#c3fa0b;left:43%;top:70%;width:40%;height:29%;clip-path:polygon(20% 0,100% 0,100% 55%,77% 55%,77% 100%,0 100%,0 25%,20% 25%)}.divider{position:absolute;left:var(--split);top:-15px;bottom:-8px;width:2px;background:#111;pointer-events:none}.handle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:54px;display:grid;place-items:center;clip-path:var(--cut);background:#111;color:#111;font:22px/1 var(--pixel);isolation:isolate}.handle:before{content:'';position:absolute;inset:3px;background:var(--paper);clip-path:var(--cut);z-index:-1}.slider{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0;touch-action:pan-y}.compare-art:focus-within .handle{background:#145cef;color:#145cef}.hint{margin:23px 0 0;text-align:center;font:14px/1.6 var(--pixel)}.hint small{display:block;color:#60645b;font:12px/1.6 Arial,sans-serif;margin-top:7px}.flow{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #8d9186;padding:28px 0}.step{text-align:center;padding:8px 18px;border-right:1px solid #a0a497}.step:last-child{border:0}.step b{font:16px/1.5 var(--pixel)}.step p{font:14px/1.5 var(--pixel);margin:8px 0 0}.footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #cccfc5;padding:18px 0 24px;color:#555c50;font-size:13px}.footer a{text-underline-offset:4px}@media(min-width:1600px){.hero{min-height:820px}}@media(max-width:1000px){.wrap{width:calc(100% - 48px)}nav{height:86px}.brand{font-size:16px}.links{gap:20px}.hero{min-height:600px}h1{font-size:7.2vw}.intro{padding:40px 0}.button{font-size:14px;padding:14px 20px}.lead{font-size:14px}.actions{gap:12px}}@media(max-width:700px){.wrap{width:calc(100% - 36px)}nav{height:82px;gap:12px}.brand{font-size:12px;gap:8px}.mark{width:17px;height:17px}.links{font-size:12px;gap:12px}.links .how{display:none}.hero{grid-template-columns:1fr;min-height:0}.intro{padding:35px 0 20px}h1{font-size:clamp(48px,12vw,80px);margin-bottom:24px}.lead{font-size:14px;max-width:370px}.comparison{padding:25px 0}.compare-art{max-width:500px;align-self:center}.labels{padding-bottom:16px}.page:before{inset:22% 0 0 0}.flow{padding:20px 0}.step{padding:5px 9px}.step b{font-size:12px}.step p{font-size:11px}.footer{font-size:12px;flex-wrap:wrap}.caption{font-size:12px}}.study{inset:0}.page:before{background:radial-gradient(ellipse at 100% 12%,#e8dfd4 0,transparent 55%),radial-gradient(ellipse at 96% 79%,#e8d5d5 0,transparent 54%)}.compare-art{aspect-ratio:432/384;background:var(--paper)}.study.before{filter:none;opacity:1;clip-path:inset(0 calc(100% - var(--split)) 0 0)}.study img{display:block;width:100%;height:100%;object-fit:fill;pointer-events:none}.study.after img{image-rendering:pixelated}.button:hover{background:#594841}html[lang="zh-CN"]{--pixel:Silkscreen,FusionPixel,monospace}html[lang="zh-CN"] h1{font-family:FusionPixel,monospace;font-size:72px;font-weight:400;letter-spacing:0;line-height:1.17}html[lang="zh-CN"] .links,html[lang="zh-CN"] .button,html[lang="zh-CN"] .labels,html[lang="zh-CN"] .hint,html[lang="zh-CN"] .step b{font-size:24px}html[lang="zh-CN"] .lead{font:18px/1.8 Arial,'PingFang SC',sans-serif}html[lang="zh-CN"] .step p{font:14px/1.6 Arial,'PingFang SC',sans-serif}@media(min-width:1400px){html[lang="zh-CN"] h1{font-size:96px}}@media(min-width:701px) and (max-width:1000px){html[lang="zh-CN"] h1{font-size:48px}html[lang="zh-CN"] .button{padding:12px 16px;gap:12px}}@media(max-width:700px){html[lang="zh-CN"] h1{font-size:60px}html[lang="zh-CN"] .links{font-size:18px}html[lang="zh-CN"] .step b{font-size:18px}html[lang="zh-CN"] .step p{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}