*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#666}body{display:grid;place-items:center;font-family:"Microsoft YaHei",sans-serif}main{width:100vw;height:100vh;display:grid;place-items:center;background:#666}canvas{display:block;width:min(100vw,calc(100vh * 1.45098));height:min(100vh,calc(100vw / 1.45098));object-fit:contain;image-rendering:auto;touch-action:manipulation;cursor:default}