/* 设置按钮样式 */

#copyButton {
    display: inline-block;
    padding: 5px 20px;
    background-color: #3498db;
    color: #fff;
    border: none;
    border-radius: 5px;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    margin: 10px;
    position: relative; /* 设置按钮位置为相对定位，相对于其父元素 */
    bottom: 45px; /* 距离父元素底部的距离 */
    left: 595px; /* 距离父元素左侧的距离 */
    cursor: pointer;
}


/* 新增样式用于显示信息 */
#infoBox {
    display: none;
    text-align: center; /* 水平居中 */
    position: relative;
    background-color: #FFFFFF;
    color: #6C6C6C;
    border: 1px solid #000000; /* 2px的黑色边框 */
    padding: 5px; 
    width: 200px;
    bottom: 50px; /* 距离父元素底部的距离 */
    left: 500px; /* 距离父元素右侧的距离 */
}


#myAlert {
    position: absolute; /* 相对于其最近的已定位的祖先元素，这里是 #MyInput */
    text-align: center; /* 水平居中 */
    font-size: 14px;
    background-color: #e67e22; /* 鲜艳的蓝色背景，可以替换为你想要的颜色值 */
    color: #fff; /* 白色文本，可以替换为你想要的颜色值 */
    padding: 5px;
    border-radius: 3px;
    width: 100px;
    /* 垂直居中 */
    top: 50%;
    transform: translateY(-50%);
    /* 水平居中 */
    left: 50%;
    transform: translateX(-50%);
}


#divPublish {
    position: relative;
}


#PublishMath {
    position: absolute; /* 将按钮位置设置为绝对定位 */
    display: inline-block;
    padding: 5px 20px;
    background-color: #3498db;
    color: #fff;
    border: none;
    border-radius: 5px;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    margin: 10px;
    top: 60px; /* 距离父元素顶部的距离 */
    right: 11px; /* 距离父元素右侧的距离 */
    cursor: pointer;
}


#infoPublishBox {
    position: absolute;
    display: none;
    text-align: center; /* 水平居中 */        
    background-color: #FFFFFF;
    color: #6C6C6C;
    border: 1px solid #000000; /* 2px的黑色边框 */
    padding: 5px; 
    width: 180px;
    top: 105px; /* 距离父元素顶部的距离 */
    right: 3px; /* 距离父元素右侧的距离 */
}


#myPublishAlert {
    position: absolute; /* 相对于其最近的已定位的祖先元素，这里是 #MyInput */
    text-align: center; /* 水平居中 */
    font-size: 14px;
    background-color: #e67e22; /* 鲜艳的蓝色背景，可以替换为你想要的颜色值 */
    color: #fff; /* 白色文本，可以替换为你想要的颜色值 */
    padding: 5px;
    border-radius: 5px;
    width: 100px;
    /* 垂直居中 */
    top: 30%;
    transform: translateY(-30%);
    /* 水平居中 */
    left: 50%;
    transform: translateX(-50%);
}