:root{font-family:"Microsoft YaHei","PingFang SC",sans-serif;color:#283e45;background:#f4f1e9;font-synthesis:none}*{box-sizing:border-box}body{margin:0;line-height:1.7}a{color:inherit;text-decoration:none}button,select{font:inherit;color:inherit}button,select,a{touch-action:manipulation}button,a,select{outline-offset:5px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 5%;border-bottom:1px solid #d7d3c9}header a{font-size:17px;font-weight:600;min-height:44px;display:flex;align-items:center}header span{font-size:12px;color:#647075}main{max-width:1500px;padding:50px 5% 0;margin:auto}.intro{max-width:760px;margin-bottom:40px}.eyebrow{font-size:12px;color:#526b72;margin:0 0 12px}h1{font-size:clamp(34px,4vw,60px);letter-spacing:-.06em;line-height:1.25;font-weight:550;margin:0 0 22px}.intro>p:last-child{color:#657176;font-size:14px}.timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.version-card{padding:25px;border:1px solid #d5d4ca;background:#fbfaf6;display:flex;flex-direction:column}.version-swatches{display:flex;height:50px;margin:0 0 25px}.version-swatches span{flex:1}.version-swatches span:first-child{flex:3}.version-card small{font-size:11px;color:#667277}.version-card h2{font-size:22px;font-weight:550;line-height:1.45;letter-spacing:-.03em;margin:11px 0}.version-card p{font-size:13px;margin:10px 0;color:#647075}.version-card .feedback{color:#354d55;border-top:1px solid #dddcd1;padding-top:15px}.version-card .limit{font-size:11px;line-height:1.8}.version-card a{display:inline-flex;align-items:center;align-self:flex-start;min-height:44px;margin-top:auto;padding-top:12px;font-size:13px;border-bottom:1px solid #728088}.compare{margin-top:65px;padding-top:36px;border-top:1px solid #cecec2}.compare-heading{display:flex;gap:20px;align-items:center;justify-content:space-between}.compare-heading h2{font-size:34px;font-weight:550;line-height:1.3;margin:0}.devices{display:flex;gap:8px;flex-wrap:wrap}.devices button{border:1px solid #c7cbc3;border-radius:4px;background:transparent;padding:9px 15px;min-height:44px;font-size:12px;cursor:pointer}.devices button[aria-pressed=true]{background:#2c5461;color:white;border-color:#2c5461}.preview-note{font-size:12px;color:#637078;margin:20px 0 28px;max-width:75em}.compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px}.pane{min-width:0}.pane-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:14px}.pane-toolbar label{display:flex;flex-direction:column;gap:5px;font-size:11px;min-width:0}.pane-toolbar select{font-size:13px;border:1px solid #c8cdc7;background:#fbfaf6;border-radius:3px;padding:9px 28px 9px 10px;min-height:44px;max-width:100%}.open-page{font-size:12px;min-height:44px;display:flex;align-items:center;white-space:nowrap}.frame-shell{position:relative;overflow:hidden;background:#e8e6de;border:1px solid #c7ccc6;margin:auto;max-width:100%;height:500px}.frame-shell iframe{position:absolute;top:0;left:0;width:1280px;height:900px;border:0;transform-origin:top left;background:#fff}.pane-status{font-size:11px;color:#687277;margin:9px 0 0}footer{border-top:1px solid #d1d3c8;margin-top:58px;padding:25px 0 35px;font-size:11px;color:#687277}@media(max-width:1000px){.timeline{gap:15px}.version-card{padding:19px}.version-card h2{font-size:20px}}@media(max-width:760px){header{padding:12px 5%}main{padding-top:32px}.timeline,.compare-grid{grid-template-columns:1fr}.version-card{padding:24px}.version-swatches{height:38px;margin-bottom:15px}.version-card p{font-size:13px}.compare-heading{align-items:flex-start;flex-direction:column;gap:22px}.compare{margin-top:45px}.compare-grid{gap:32px}.devices{width:100%}.devices button{flex:1;padding-inline:7px}.pane-toolbar{gap:10px}.pane-toolbar select{font-size:12px}.open-page{font-size:11px}header span{font-size:10px}.version-card a{margin-top:12px}footer{margin-top:40px}}