footer-yes {
    position: fixed;/* 固定元素，不随页面滚动而移动 */
    left: 0;/* 将元素固定在页面的左边缘 */
    bottom: 0;/* 将元素固定在页面的底边缘 */
    width: 100%;/* 宽度设置为视口的x% */
    background-color: #454545;/* 固定元素的背景颜色(#454545灰) */
    text-align: center;/* 文本内容水平居中显示 */
    font-size: 12px;/* 修改字体大小为x像素 */
    z-index: 999; /* 确保底部提示语位于其他内容之上 */
}
a {
    text-decoration: none;/* 去除链接文本的下划线 */
}
body {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
    background-color: #454545; /* 更深的灰色背景 */
}
#output {
    font-size: 3em;
    text-align: center;
    color: #ffd700; /* 金色字体颜色 */
    position: relative;
    display: inline-block;
}
#cursor {
    display: inline-block;
    width: 2px; /* 调整光标大小 */
    height: 3em; /* 调整光标大小 */
    background-color: white; /* 白色光标 */
    animation: blink 1s infinite;
    position: relative;
    top: 0em; /* 调整光标位置 */
    margin-left: 8px;
}
.select-cd {
    position: fixed;
    top: 10px;
    right: 10px;
    padding: 5px;
    font-size: 16px;
    background-color: #454545; /* 与背景相近的颜色 */
    color: white; /* 文本颜色为白色 */
    border: none; /* 去除边框 */
}
select option {
    background-color: #454545; /* 与背景相近的颜色 */
    color: white; /* 文本颜色为白色 */
}
@keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}
audio {
    position: fixed;
    left: 10px;
    bottom: 80px;
    width: 300px; /* 调整音乐控件大小 */
}
.prompt-word {
    position: fixed; /* 设置定位方式为固定定位，使得元素相对于浏览器窗口固定位置 */
    top: 20px; /* 距离底部的距离，可以根据需要进行调整 */
    left: 50%; /* 设置元素左边缘距离父元素左边缘的距离为父元素宽度的50%，实现水平居中 */
    transform: translateX(-50%); /* 使用transform属性和translate函数实现水平居中 */
    font-size: 13px; /* 设置字体大小为13像素 */
    font-weight: bold; /* 设置字体加粗 */
    color: #8B658B; /* 字体颜色设置为#色 */
    background-color: #F5F5DC; /* 背景颜色设置为#色 */
    padding: 10px 20px; /* 设置内边距，上下10像素，左右20像素 */
    border-radius: 10px; /* 设置圆角半径为10像素，实现圆角效果 */
    box-shadow: 0 2px 5px rgba(0, 238, 118, 0.8); /* 设置阴影效果，水平偏移0像素，垂直偏移2像素，模糊半径5像素，阴影颜色为X色，透明度1.0 */
    opacity: 0; /* 设置初始透明度为0，元素隐藏 */
    transition: opacity 0.3s ease-in-out; /* 设置过渡效果，改变透明度属性在0.3秒内从0到1，采用ease-in-out缓动函数 */
}
.show {
    opacity: 1; /* 设置透明度为1，显示元素 */
}
/* 设置选择器的文字居中和初始颜色 */
#languageSelector {
    padding: 0px 10px; /* 内边距 */
    width: auto; /* 自适应宽度 */
    text-align: center; /* 文字居中 */
    color: Snow; /* 初始颜色为X色 */
    cursor: pointer; /* 鼠标指针样式为手型 */
    appearance: none; /* 隐藏默认的下拉箭头 */
    -webkit-appearance: none; /* 兼容性设置 */
    -moz-appearance: none; /* 兼容性设置 */
    background-color: #454545; /* 设置初始背景颜色为红色 */
    border-radius: 8px; /* 设置圆角 */
    border: none; /* 隐藏边框 */
    outline: none; /* 隐藏选择时的外观轮廓 */
    overflow: hidden; /* 溢出隐藏 */
}
/* 鼠标悬停时 */
#languageSelector:hover {
    color: Cyan;
}
/* 选择时 */
#languageSelector:focus {
    color: White;
    background-color: CadetBlue;
}
/* 悬停选项 */
#languageSelector option {
    background-color: Pink;
    color: RoyalBlue;
}
/* 鼠标悬停时显示选项 */
#languageSelector:hover option {
    background-color:LightGreen;
    color: DodgerBlue;
}
.prompt-word.hidden {
    z-index: 999;
}

/* 鼠标样式 */
/*@media (min-width: 768px) {*/
.trail {
    position: fixed;
    pointer-events: none;
    z-index: 1000;
    width: 30px; /* 图片大小 */
    height: 30px; /* 图片大小 */
    background-image: url('https://hub.67123.top/YES123ID/png/sb2.png'); /* 图片路径 */
    background-size: cover; /* 保持图片比例 */
    transition: transform 0.2s ease-out, opacity 0.2s ease-out;
}
/*}*/