.app-container[data-v-135b230c]{padding:20px;margin:0 auto}.menu-level1[data-v-135b230c]{border:1px solid #ebeef5;border-radius:8px;padding:20px;margin-bottom:20px;background-color:#fafafa;height:100%}.menu-level2-container[data-v-135b230c]{border:1px dashed #dcdfe6;border-radius:4px;padding:15px;margin-top:15px;background-color:#fff}.menu-level2[data-v-135b230c]{border-bottom:1px solid #f2f2f2;padding-bottom:10px;margin-bottom:10px}.menu-level2[data-v-135b230c]:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.el-input[data-v-135b230c],.el-select[data-v-135b230c]{width:100%}.menu-preview-container[data-v-135b230c]{display:flex;justify-content:center;padding:20px 0;background-color:#f7f7f7;border-radius:8px}.menu-preview-device[data-v-135b230c]{width:350px;height:350px;border:1px solid #dcdfe6;background-color:#fff;border-radius:4px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.05);position:relative}.menu-preview-header[data-v-135b230c]{height:50px;line-height:50px;text-align:center;font-weight:700;border-bottom:1px solid #f2f2f2;background-color:#f9f9f9;flex-shrink:0}.menu-preview-body[data-v-135b230c]{flex-grow:1;background-color:#f4f4ff;position:relative;overflow:auto}.menu-preview-footer[data-v-135b230c]{height:50px;border-top:1px solid #e0e0e0;background-color:#f7f7f7;display:flex;align-items:center;flex-shrink:0;z-index:10}.menu-preview-keyboard-icon[data-v-135b230c]{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-right:1px solid #e0e0e0;cursor:pointer}.menu-preview-item[data-v-135b230c]{flex:1;display:flex;align-items:center;justify-content:center;height:100%;border-left:1px solid #e0e0e0;font-size:14px;color:#333;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 5px}.menu-preview-item[data-v-135b230c]:first-of-type{border-left:none}.menu-preview-item.is-active[data-v-135b230c],.menu-preview-item[data-v-135b230c]:hover{background-color:#eee}.menu-preview-item .el-icon-caret-top[data-v-135b230c]{margin-right:2px;color:#888}.menu-preview-sub-menu-container[data-v-135b230c]{position:absolute;bottom:50px;left:0;width:100%;z-index:20}.menu-preview-sub-menu[data-v-135b230c]{position:absolute;bottom:10px;width:auto;max-width:90%;background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 0 10px rgba(0,0,0,.1);transform:translateX(-50%);left:0}.menu-preview-sub-item[data-v-135b230c]{padding:10px 15px;font-size:14px;border-bottom:1px solid #f2f2f2;cursor:pointer;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-preview-sub-item[data-v-135b230c]:last-child{border-bottom:none}.menu-preview-sub-item[data-v-135b230c]:hover{background-color:#f5f5f5}.menu-preview-sub-arrow[data-v-135b230c]{position:absolute;bottom:-6px;left:50%;transform:translateX(-50%) rotate(45deg);width:10px;height:10px;background-color:#fff;border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0}