:root{color:#0c0c0c;font-synthesis:none;background:#f2f2f2;font-family:Noto Sans SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{overflow-x:hidden}.site-shell{background:#fff;width:100%}.design-page{width:100%;aspect-ratio:1920/calc(1920 * var(--page-ratio));background:#fff;position:relative;overflow:hidden}.design-render{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:auto;display:block}.hotspots{grid-template-columns:.82fr .82fr .82fr 1.05fr 1.12fr 1.12fr 1.12fr;align-items:start;width:47.2%;height:4.8%;display:grid;position:absolute;top:0;left:27.8%}.hotspots a{color:#0000;outline-offset:-4px;height:4.7vw;max-height:91px;font-size:0;display:block}.hotspots a:focus-visible,.learn-hotspot:focus-visible{outline:3px solid #abe706}.learn-hotspot{border-radius:999px;width:12.3%;height:3.2%;position:absolute;top:.8%;right:3%}@media (width<=720px){.design-page{width:100%;overflow:hidden}.design-render{width:100%}.hotspots{width:49%;left:26%}.hotspots a{height:5.5vw}.learn-hotspot{width:13.5%;right:2%}}