html{padding:0;margin:0;height:100%}body{height:100%;min-height:100vh;margin:0;padding:0;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;background:#0a0a0a;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}#main-app{width:100%;height:100%}:root{--keyboard-color: #ffffff;--keyboard-border: #707070;--keyboard-container: rgba(255, 255, 255, .5);--keyboard-container-shadow: rgba(255, 255, 255, .25);--keyboard-left-dot: #d22d46;--keyboard-right-dot: #ac1eb1;--keyboard-left-bottom-dot: #ff4500;--keyboard-right-bottom-dot: #ffa500;--content-key-bg-color: rgba(255, 255, 255, .9);--content-key-bg-border: #3b3939;--macro-bg-color: rgba(255, 255, 255, .1);--macro-bg-color2: rgba(255, 255, 255, .2);--macro-keystroke-bg-color: rgba(0, 0, 0, .5);--macro-keystroke-border-color: #6b6b6b}[theme-mode=dark]{--keyboard-color: #292a2e;--keyboard-border: #707070;--keyboard-container: rgba(46 48 51 / 50%);--keyboard-container-shadow: rgba(0, 0, 0, .25);--keyboard-left-dot: #d22d46;--keyboard-right-dot: #ac1eb1;--keyboard-left-bottom-dot: #ff4500;--keyboard-right-bottom-dot: #ffa500;--content-key-bg-color: #2e2f32;--content-key-bg-border: #707070;--macro-bg-color: rgba(255, 255, 255, .1);--macro-bg-color2: rgba(255, 255, 255, .2);--macro-keystroke-bg-color: rgba(0, 0, 0, .5);--macro-keystroke-border-color: #6b6b6b}