/* 设置页面的基本样式 */
body {
    font-family: Arial, sans-serif; /* 设置字体 */
    background-color: #f0f0f0; /* 设置背景颜色 */
    color: #333; /* 设置默认文本颜色 */
    display: flex; /* 使用 flex 布局 */
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    height: 100vh; /* 占满整个视口高度 */
    margin: 0; /* 去除默认外边距 */
    padding: 0; /* 去除默认内边距 */
}
/* 标题样式 */
.title {
    font-size: 30px; /* 设置字体大小 */
    font-weight: bold; /* 设置字体加粗 */
    text-align: center; /* 文本居中 */
    text-shadow: 0 0 5px 	Yellow; /* 添加金光阴影效果 */
    margin: 0; /* 去除默认外边距 */
    padding: 5px; /* 设置内边距 */
    background-color: #F0F8FF; /* 设置背景颜色 */
    border-radius: 33px; /* 设置四个角的圆角 */
}
/* 容器样式 */
.containers {
    text-align: center; /* 文本居中 */
    background-color: #EEE9E9; /* 设置背景颜色 */
    border-radius: 8px; /* 设置圆角 */
    padding: 20px; /* 设置内边距 */
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3); /* 添加阴影效果 */
}
/* 按钮样式 */
button {
    padding: 10px 20px; /* 设置内边距 */
    font-size: 16px; /* 设置字体大小 */
    cursor: pointer; /* 设置鼠标样式为手型 */
    margin: 0 33px; /* 设置按钮之间的间距 */
    border: none; /* 去除边框 */
    border-radius: 4px; /* 设置圆角 */
    transition: background-color 0.3s ease; /* 添加过渡效果 */
}
/* 确认按钮样式 */
#confirmButton {
    background-color: #1E90FF;
    color: #fff;
}
/* 取消按钮样式 */
#cancelButton {
    background-color: #808080; /* 灰色 */
    color: #fff; /* 白色 */
}
/* 链接样式 */
.link {
    color: #FF0000;
    font-weight: bold; /* 设置字体加粗 */
    text-decoration: none; /* 去除下划线 */
    cursor: default; /* 设置鼠标样式为默认 */
}
/* 按钮悬停效果 */
button:hover {
    filter: brightness(1.3); /* 提升亮度 */
}
footer-yes {
    position: fixed;/* 固定元素，不随页面滚动而移动 */
    left: 0;/* 将元素固定在页面的左边缘 */
    bottom: 0;/* 将元素固定在页面的底边缘 */
    width: 100%;/* 宽度设置为视口的x% */
    background-color: #454545;/* 固定元素的背景颜色(#454545灰) */
    text-align: center;/* 文本内容水平居中显示 */
    font-size: 13px;/* 修改字体大小为x像素 */
    z-index: 999; /* 确保底部提示语位于其他内容之上 */
}
a {
    text-decoration: none;/* 去除链接文本的下划线 */
}
/* 设置选择器的文字居中和初始颜色 */
#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;
}
time-text {
    position: fixed; /* 设置元素的定位方式为固定定位，元素相对于浏览器窗口固定不动 */
    top: 10px; /* 设置元素距离浏览器窗口顶部的距离为10像素 */
    right: 20px; /* 设置元素距离浏览器窗口右侧的距离为10像素 */
    padding: 5px; /* 设置元素的内边距为5像素，增加内容与边框之间的距离 */
    font-size: 13px; /* 设置元素的字体大小为16像素 */
    color: 	IndianRed; /* 设置文本颜色 */
}
.text-back{
    color: blue;
    font-size: 20px;
}
.text-jg{
    color: red;
    font-size: 20px;
}