body {
    margin: 0;
    padding: 0;
    height: 100vh;
    display: flex;
    flex-direction: column;
    font-family: 'MiSans', sans-serif;
}

@font-face {
  font-family: 'MiSans';
  src: url(../asset/MiSans.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* 定义全局菜单从上向下的动画 */
@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 应用动画到所有下拉菜单 */
.dropdown-menu {
    animation: slideDown 0.2s ease-out forwards;
}

#topBar {
    height: 36px;
    background-color: #4CAF50;
    color: white;
    display: flex;
    align-items: center;
    padding: 0 8px;
}

#mainContainer {
    display: flex;
    flex: 1;
    overflow: hidden;
}

#blocklyDiv {
    flex: 1;
    height: 100%;
}

#codeOutput {
    width: 640px;
    height: 100%;
    background-color: #f5f5f5;
    border-left: 1px solid #ccc;
    overflow: auto;
    padding: 10px;
    box-sizing: border-box;
}

/*视图重置按钮位置重设*/
.blocklyZoomReset {
  transform: translate(0, 9px) scale(1);
}

/* 应用动画到Blockly右键菜单 */
.blocklyWidgetDiv .blocklyMenu {
    animation: slideDown 0.2s ease-out forwards;
}