/* 基础全局样式 */
/* 设置根元素和页面的基础字体、颜色和字体大小 */
html, body {
    font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif; /* 字体优先使用微软雅黑 */
    color: #fff; /* 默认字体颜色为白色 */
    font-size: 14px; /* 基础字体大小 */
}

/* 对html元素的额外设置，这里设置了背景固定（滚动时背景不移动） */
html {
    background-attachment: fixed; /* 背景图固定 */
}

/* 对body元素的额外设置，限制最大宽度并居中显示 */
body {
    max-width: 100%; /* 页面内容最大宽度为720px（常用于移动端适配） */
    margin: 0 auto; /* 水平居中 */
}

/* 通用重置样式 */
/* 通配符选择器，重置所有元素的内边距、外边距、边框，并设置盒模型为border-box（包含内边距和边框在宽度内） */
* {
    padding: 0; /* 内边距清零 */
    margin: 0; /* 外边距清零 */
    border: 0; /* 边框清零 */
    -webkit-box-sizing: border-box; /* 兼容旧版WebKit浏览器 */
    -moz-box-sizing: border-box; /* 兼容旧版Firefox浏览器 */
    box-sizing: border-box; /* 标准盒模型设为border-box */
}

/* 列表样式重置 */
/* 移除有序列表和无序列表的默认项目符号 */
ol, ul {
    list-style: none; /* 无列表符号 */
}

/* 标题样式重置 */
/* 重置所有标题元素的字体大小，使其继承父级字体大小 */
h1, h2, h3, h4, h5, h6 {
    font-size: 100%; /* 继承父元素字体大小 */
}

/* 链接样式 */
/* 设置链接在不同状态下的颜色、下划线等样式 */
a:link {
    color: #000000; /* 未访问链接颜色为黑色 */
    text-decoration: none; /* 无下划线 */
}
a:visited {
    text-decoration: none; /* 已访问链接无下划线 */
    color: initial; /* 颜色继承初始值 */
}
a:hover {
    text-decoration: underline; /* 鼠标悬停时显示下划线 */
    color: #FF0000; /* 鼠标悬停时链接颜色变为红色 */
}
a:active {
    text-decoration: none; /* 激活（点击）状态无下划线 */
}
a:focus {
    outline: none; /* 移除获得焦点时的轮廓线 */
}
a.hidefocus {
    outline: none; /* 专门用于隐藏焦点轮廓的类 */
}

/* 自定义动画 */
/* 定义一个名为blink的闪烁动画，在50%时间点时将文字颜色变为透明 */
@keyframes blink {
    50% { color: transparent; } /* 颜色透明，实现闪烁效果 */
}

/* 图片通用样式 */
/* 设置所有图片宽度为100%自适应容器，高度按比例自动调整 */
img {
    width: 100%; /* 宽度100%填充父容器 */
    height: auto; /* 高度自动，保持原始比例 */
}

/* 表单元素样式重置 */
/* 移除文本输入框、按钮、提交按钮的默认外观和轮廓线 */
input[type=text], input[type=button], input[type=submit] {
    appearance: none; /* 移除默认外观 */
    outline: none; /* 移除轮廓线 */
}
input {
    outline: none; /* 移除所有输入框的轮廓线 */
}
button {
    border: 0; /* 无边框 */
    outline: none; /* 无轮廓线 */
    cursor: pointer; /* 鼠标指针设为手形，表示可点击 */
}

/* 清除浮动通用类 */
/* 在元素前后插入空内容，并使用clear:both来清除浮动的影响 */
.clearfix:before, .clearfix:after {
    content: ""; /* 插入空内容 */
    display: table; /* 设为表格显示，确保清除浮动生效 */
}
.clearfix:after {
    clear: both; /* 在元素后清除两侧浮动 */
}

/* 表格通用样式 */
/* 设置表格布局为固定，宽度100%填充容器 */
table {
    table-layout: fixed; /* 固定表格布局，提高渲染性能 */
    width: 100%; /* 宽度100% */
}

/* 头部样式 */
.header {
    position: fixed; /* 固定定位，悬浮在页面顶部 */
    z-index: 99; /* 设置较高的堆叠顺序，确保在其他元素上方 */
    height: 61px; /* 高度 */
    width: 100%; /* 宽度100% */
    max-width: 720px; /* 最大宽度与页面主体一致 */
    background-image: linear-gradient(to right, #fff, #fff, #0c0c0c, #080808, rgb(255, 255, 255), rgb(255, 255, 255)); /* 水平渐变背景 */
    border-bottom-left-radius: 5px; /* 左下角圆角 */
    border-bottom-right-radius: 5px; /* 右下角圆角 */
    box-shadow: 0px 1px 1px rgb(179, 179, 179); /* 底部阴影 */
}
/* 首页头部特殊高度 */
.header.index-header {
    height: 92px; /* 首页头部更高 */
}

/* 头部标题图片区域 */
.header .head-title-img {
    position: relative; /* 设为相对定位，作为内部绝对定位元素的参考 */
}
/* 头部内的旋转元素（可能是Logo或图标） */
.head-title-img .natural {
    display: block; /* 块级显示 */
    position: absolute; /* 绝对定位 */
    top: 2px; /* 距顶部距离 */
    width: 60px; /* 宽度 */
    height: 60px; /* 高度 */
    left: 50%; /* 水平居中起点 */
    margin-left: -30px; /* 向左移动自身宽度一半，实现水平居中 */
    -webkit-animation: z 5s linear 0s infinite; /* 兼容旧版WebKit浏览器动画 */
    -moz-animation: z 5s linear 0s infinite; /* 兼容旧版Firefox浏览器动画 */
    -ms-animation: z 5s linear 0s infinite; /* 兼容旧版IE浏览器动画 */
    animation: z 5s linear 0s infinite; /* 标准动画：名称z，时长5秒，线性，立即开始，无限循环 */
    box-shadow: 0px 0px 20px #000; /* 阴影效果 */
    border-radius: 50%; /* 圆形 */
}
/* 定义z动画，实现360度旋转效果 */
@keyframes z {
    from {
        /* 起始状态：无位移、无旋转、无缩放 */
        -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
        -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
        -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
        transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
    }
    to {
        /* 结束状态：绕Z轴旋转360度 */
        -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
        -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
        -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
        transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
    }
}

/* 头部Logo容器 */
.header .logo-box {
    height: 50px; /* 固定高度 */
}
/* Logo样式 */
.header .logo {
    float: left; /* 左浮动 */
    height: 11px; /* 高度 */
    margin-left: 5px; /* 左边距 */
}
/* Logo图片 */
.header .logo .logo-img {
    height: 50px; /* 高度 */
    width: 208px; /* 宽度 */
}

/* 头部银行图标区域1 */
.header .bank {
    float: right; /* 右浮动 */
    position: absolute; /* 绝对定位 */
    width: 10px; /* 宽度 */
    top: -25px; /* 向上偏移 */
    right: 140px; /* 距右侧距离 */
}
.header .bank a {
    display: block; /* 块级显示 */
    color: #f7ff0c; /* 文字颜色 */
    font-size: 16px; /* 字体大小 */
}
.header .bank img {
    display: block; /* 块级显示 */
    width: 17px; /* 图片宽度 */
    height: 17px; /* 图片高度 */
    margin: 0 auto; /* 水平居中 */
}

/* 头部银行图标区域2 */
.header .bank2 {
    float: right; /* 右浮动 */
    position: relative; /* 相对定位 */
    width: 56px; /* 宽度 */
    height: 40px; /* 高度 */
    margin-top: 1px; /* 上边距 */
    margin-right: 10px; /* 右边距 */
}
.header .bank2 a {
    display: block; /* 块级显示 */
    color: #5a5f2f; /* 文字颜色 */
    font-size: 10pt; /* 字体大小 */
}
.header .bank2 span {
    color: #fff; /* 文字颜色为白色 */
}
.header .bank2 img {
    display: block; /* 块级显示 */
    width: 32px; /* 图片宽度 */
    height: 32px; /* 图片高度 */
    margin: 0 auto; /* 水平居中 */
    border-radius: 50%; /* 圆形 */
}

/* 通用内容盒子样式 */
/* 设置盒子的圆角、溢出隐藏和背景渐变 */
.box {
    margin: 2px 0px; /* 上下外边距 */
    border-radius: 5px; /* 圆角 */
    overflow: hidden; /* 溢出隐藏 */
    background: linear-gradient(to right, #000000, #000000); /* 黑色水平渐变背景 */
}

/* 备用URL盒子特殊样式 */
.box.spareURL p {
    font-size: 13pt; /* 字体大小 */
    font-weight: 700; /* 粗体 */
    font-family: "Microsoft YaHei"; /* 字体 */
    color: #ffffff; /* 白色文字 */
    text-align: center; /* 文字居中 */
}
.box.spareURL b {
    display: block; /* 块级显示 */
    float: left; /* 左浮动 */
    width: 33.33%; /* 宽度占三分之一 */
    text-align: center; /* 文字居中 */
    font-size: 13pt; /* 字体大小 */
    color: #ffffff; /* 白色文字 */
    font-weight: bold; /* 粗体 */
    text-shadow: 0px 0px 10px #99ffff; /* 文字阴影 */
    animation-name: pulse; /* 动画名称（需另外定义） */
    animation-duration: 1s; /* 动画时长1秒 */
    animation-fill-mode: both; /* 动画前后应用样式 */
    animation-iteration-count: infinite; /* 无限循环 */
    text-decoration: none; /* 无下划线 */
}

/* 圆角区域样式1 */
.qnny {
    border-bottom-right-radius: 5px; /* 右下角圆角 */
    border-bottom-left-radius: 5px; /* 左下角圆角 */
    overflow: hidden; /* 溢出隐藏 */
    border: 1px solid rgb(219, 219, 219); /* 边框 */
    box-shadow: 0 1px 0px #d8d2e7; /* 底部阴影 */
    background-color: white; /* 白色背景 */
}

/* 圆角区域样式2 */
.qnny2 {
    position: relative; /* 相对定位 */
    border-radius: 5px; /* 圆角 */
    overflow: hidden; /* 溢出隐藏 */
    border: 1px solid rgb(219, 219, 219); /* 边框 */
    background-color: white; /* 白色背景 */
}
.qnny2 p {
    position: absolute; /* 绝对定位 */
    color: blue; /* 蓝色文字 */
    font-size: 20px; /* 字体大小 */
    font-weight: bold; /* 粗体 */
    left: 41%; /* 水平位置 */
    top: 6px; /* 垂直位置 */
    padding: 2px 10px; /* 内边距 */
    background-color: #f8f2f2; /* 背景色 */
    border-radius: 10px; /* 圆角 */
    box-shadow: 0px 0px 3px rgb(175, 175, 175); /* 阴影 */
}

/* 广告区域样式 */
.guanggao img {
    height: 60px; /* 固定高度 */
}
.pad4 img {
    padding-bottom: -8px; /* 底部内边距（负值可能用于调整位置） */
}

/* 游戏标题图片区域 */
.yxbtu {
    text-align: center; /* 居中 */
    padding: 4px; /* 内边距 */
    background-image: linear-gradient(to bottom, white, rgb(204, 171, 110)); /* 垂直渐变背景 */
}
.yxbtu img {
    width: auto; /* 宽度自动 */
}

/* 三期中奖区域样式 */
.box .sanqi {
    text-align: center; /* 居中 */
    color: black; /* 黑色文字 */
    font-size: 14pt; /* 字体大小 */
    font-weight: 700; /* 粗体 */
}
.box .sanqi li {
    background-color: white; /* 白色背景 */
    margin: 2px 0; /* 上下外边距 */
    padding: 10px 0; /* 上下内边距 */
}
.box .sanqi i {
    color: blue; /* 蓝色文字 */
    font-size: 20pt; /* 字体大小 */
}
.box .sanqi u {
    color: rgb(255, 0, 0); /* 红色文字 */
    font-size: x-large; /* 大号字体 */
}

/* 高手区域样式 */
.box .gaoshou {
    text-align: center; /* 居中 */
    color: black; /* 黑色文字 */
    font-size: 14pt; /* 字体大小 */
    font-weight: 700; /* 粗体 */
}
.box .gaoshou li {
    background-color: white; /* 白色背景 */
    margin: 2px 0; /* 上下外边距 */
    padding: 10px 0; /* 上下内边距 */
}
.box .gaoshou i {
    color: blue; /* 蓝色文字 */
}
.box .gaoshou u {
    color: #ff0000; /* 红色文字 */
    font-size: x-large; /* 大号字体 */
    font-size: 16pt; /* 字体大小 */
}

/* 圣殿区域样式 */
.sdt {
    text-align: left; /* 左对齐 */
    color: #000; /* 黑色文字 */
    font-size: 16px; /* 字体大小 */
}
.sdt li {
    background-color: white; /* 白色背景 */
    padding: 5px 5px; /* 内边距 */
}
.sdt li:last-child {
    padding-bottom: 30px; /* 最后一个列表项底部内边距更大 */
}

/* 广告盒子 */
.box .guanggao {
    margin-bottom: -4px; /* 负的下边距，可能用于重叠效果 */
}

/* 内联元素样式重置 */
u {
    text-decoration: none; /* 无下划线 */
}
i {
    font-style: normal; /* 非斜体 */
}

/* 不连区域样式 */
.box .bulian {
    border-radius: 5px; /* 圆角 */
    overflow: hidden; /* 溢出隐藏 */
    text-align: center; /* 居中 */
    background-color: #00ff00; /* 绿色背景 */
    margin-bottom: 0; /* 无下边距 */
}
.box .bulian li {
    padding: 10px 0; /* 上下内边距 */
    font-size: 15pt; /* 字体大小 */
    font-weight: 700; /* 粗体 */
    border-bottom: 1px solid #008f00; /* 底部边框 */
}
/* 特殊背景色的不连区域 */
.box .bulian.amsr {
    background-color: #ffffff; /* 白色背景 */
}

/* 阶梯区域样式 */
.box .stairs {
    text-align: left; /* 左对齐 */
    color: #000; /* 黑色文字 */
    width: 100%; /* 宽度100% */
    font-weight: bold; /* 粗体 */
    overflow: hidden; /* 溢出隐藏 */
    table-layout: fixed; /* 固定表格布局 */
    border-collapse: collapse; /* 边框合并 */
}
.box .stairs tr {
    font-size: 25px; /* 字体大小 */
}
.box .stairs tr td {
    background-color: rgb(244, 244, 244); /* 背景色 */
    padding: 5px 0; /* 上下内边距 */
    color: rgb(224, 0, 0); /* 红色文字 */
    border: 1px solid #bebeb6; /* 边框 */
}
.box .stairs tr td i {
    color: #170099; /* 蓝色文字 */
}
.box .stairs tr td u {
    font-size: 30px; /* 字体大小 */
}
.box .stairs tr td b {
    font-size: 30px; /* 字体大小 */
}
.box .stairs tr td em {
    font-size: 28px; /* 字体大小 */
    font-style: normal; /* 非斜体 */
}
/* 阶梯头部行样式 */
.box .stairs .stairs-head {
    font-size: 15pt; /* 字体大小 */
    background-color: #f3a9f3; /* 背景色 */
    text-align: center; /* 居中 */
}

/* 通知区域样式 */
.tongzhi {
    text-align: center; /* 居中 */
    background-color: white; /* 白色背景 */
}
.tongzhi img {
    width: 322px; /* 宽度 */
    height: 81px; /* 高度 */
}

/* 公告区域样式 */
.gonggao p {
    text-align: center; /* 居中 */
    font-size: 25px; /* 字体大小 */
    font-family: 宋体; /* 字体 */
    font-weight: bold; /* 粗体 */
    padding: 5px; /* 内边距 */
    border: 1px solid rgba(74, 255, 74, 0.404); /* 边框 */
}
.gonggao p:first-child {
    background-color: yellow; /* 黄色背景 */
    color: red; /* 红色文字 */
}
.gonggao p:last-child {
    background-color: red; /* 红色背景 */
    color: yellow; /* 黄色文字 */
}

/* 生肖说明区域样式 */
.sxsm {
    text-align: center; /* 居中 */
    color: #000; /* 黑色文字 */
    background-color: white; /* 白色背景 */
    font-weight: bold; /* 粗体 */
    font-size: 18px; /* 字体大小 */
}
.sxsm li {
    padding: 10px 0px; /* 上下内边距 */
}
.sxsm li i {
    color: red; /* 红色文字 */
}
.sxsm li u {
    color: green; /* 绿色文字 */
}

/* 免费区域样式 */
.mianfei {
    text-align: center; /* 居中 */
    background-color: white; /* 白色背景 */
    font-size: 18px; /* 字体大小 */
    font-weight: bold; /* 粗体 */
}
.mianfei p {
    padding: 15px; /* 内边距 */
}

/* 网格布局1（grid2类） */
.grid2 {
    display: grid; /* 网格布局 */
    grid-template-columns: repeat(3, 1fr); /* 三列等宽 */
    grid-gap: 5px; /* 网格间隙 */
    margin: 0 auto; /* 水平居中 */
    text-align: center; /* 内容居中 */
    background-color: #f7f2f2; /* 背景色 */
    padding: 10px 0px; /* 上下内边距 */
}
.grid-g2 {
    height: 250px; /* 固定高度 */
    overflow: hidden; /* 溢出隐藏 */
    position: relative; /* 相对定位 */
    padding: 0px 10px 30px 10px; /* 内边距 */
}
.grid-g2 p {
    color: #000; /* 黑色文字 */
    font-size: 18px; /* 字体大小 */
    position: absolute; /* 绝对定位 */
    bottom: 0; /* 底部对齐 */
    left: 0; /* 左侧对齐 */
    width: 100%; /* 宽度100% */
    background-color: rgba(247, 241, 241, 0.7); /* 半透明背景 */
    margin: 0; /* 无外边距 */
    padding: 5px; /* 内边距 */
    box-sizing: border-box; /* 盒模型包含内边距 */
}
.grid2 img {
    width: 100%; /* 宽度100% */
    height: 100%; /* 高度100% */
    object-fit: fill; /* 图片填充方式 */
    box-shadow: 1px 1px 5px rgb(65, 63, 63); /* 阴影 */
}
/* 激活（放大）状态的图片样式 */
.grid2 img.active2 {
    position: fixed; /* 固定定位 */
    top: 50%; /* 垂直居中起点 */
    left: 50%; /* 水平居中起点 */
    transform: translate(-50%, -50%); /* 平移自身宽高一半，实现居中 */
    z-index: 9999; /* 最高堆叠顺序 */
    width: auto; /* 宽度自动 */
    height: auto; /* 高度自动 */
    max-width: 90%; /* 最大宽度限制 */
    max-height: 90%; /* 最大高度限制 */
}
/* 覆盖层，用于图片放大时的背景遮罩 */
.overlay2 {
    position: fixed; /* 固定定位 */
    top: 0; /* 顶部对齐 */
    left: 0; /* 左侧对齐 */
    width: 100%; /* 宽度100% */
    height: 100%; /* 高度100% */
    background-color: rgba(0, 0, 0, 0.5); /* 半透明黑色背景 */
    z-index: 9998; /* 堆叠顺序仅次于放大图片 */
    display: none; /* 默认隐藏 */
}

/* 网格布局2（grid类） */
.grid {
    display: grid; /* 网格布局 */
    grid-template-columns: repeat(3, 1fr); /* 三列等宽 */
    grid-gap: 5px; /* 网格间隙 */
    margin: 0 auto; /* 水平居中 */
    text-align: center; /* 内容居中 */
    background-color: #f7f2f2; /* 背景色 */
    padding: 8px 0px; /* 上下内边距 */
}
.grid-g {
    height: 250px; /* 固定高度 */
    overflow: hidden; /* 溢出隐藏 */
    position: relative; /* 相对定位 */
    padding: 0px 10px 30px 10px; /* 内边距 */
}
.grid-g p {
    color: #000; /* 黑色文字 */
    font-size: 18px; /* 字体大小 */
    position: absolute; /* 绝对定位 */
    bottom: 0; /* 底部对齐 */
    left: 0; /* 左侧对齐 */
    width: 100%; /* 宽度100% */
    background-color: rgba(247, 241, 241, 0.7); /* 半透明背景 */
    margin: 0; /* 无外边距 */
    padding: 5px; /* 内边距 */
    box-sizing: border-box; /* 盒模型包含内边距 */
}
.grid img {
    width: 100%; /* 宽度100% */
    height: 100%; /* 高度100% */
    object-fit: fill; /* 图片填充方式 */
    box-shadow: 1px 1px 5px rgb(65, 63, 63); /* 阴影 */
}
/* 激活（放大）状态的图片样式 */
.grid img.active {
    position: fixed; /* 固定定位 */
    left: 50%; /* 水平居中起点 */
    top: 50%; /* 垂直居中起点 */
    transform: translate(-50%, -50%); /* 平移自身宽高一半，实现居中 */
    z-index: 9999; /* 最高堆叠顺序 */
    width: auto; /* 宽度自动 */
    height: auto; /* 高度自动 */
    max-width: 90%; /* 最大宽度限制 */
    max-height: 90%; /* 最大高度限制 */
}
/* 覆盖层，用于图片放大时的背景遮罩 */
.overlay {
    position: fixed; /* 固定定位 */
    top: 0; /* 顶部对齐 */
    left: 0; /* 左侧对齐 */
    width: 100%; /* 宽度100% */
    height: 100%; /* 高度100% */
    background-color: rgba(0, 0, 0, 0.5); /* 半透明黑色背景 */
    z-index: 9998; /* 堆叠顺序仅次于放大图片 */
    display: none; /* 默认隐藏 */
}

/* 灵波图片区域样式（带点击放大效果） */
#lingbo1 {
    cursor: pointer; /* 鼠标指针设为手形，表示可点击 */
    height: 700px; /* 固定高度 */
}
#overlay3 {
    position: fixed; /* 固定定位 */
    top: 0; /* 顶部对齐 */
    left: 0; /* 左侧对齐 */
    width: 100%; /* 宽度100% */
    height: 100%; /* 高度100% */
    background-color: rgba(0, 0, 0, 0.7); /* 半透明黑色背景 */
    display: none; /* 默认隐藏 */
}
#lingbo2 {
    position: fixed; /* 固定定位 */
    left: 50%; /* 水平居中起点 */
    z-index: 9999; /* 最高堆叠顺序 */
    width: auto; /* 宽度自动 */
    height: auto; /* 高度自动 */
    max-width: 100%; /* 最大宽度限制 */
    max-height: 100%; /* 最大高度限制 */
    transform: translate(-50%, -50%) translateY(-320px); /* 平移实现居中并向上偏移 */
    display: none; /* 默认隐藏 */
}

/* 另一个灵波图片区域（可能是重复的样式，ID不同） */
#lingbo11 {
    cursor: pointer; /* 鼠标指针设为手形，表示可点击 */
    height: 700px; /* 固定高度 */
}
#overlay33 {
    position: fixed; /* 固定定位 */
    top: 0; /* 顶部对齐 */
    left: 0; /* 左侧对齐 */
    width: 100%; /* 宽度100% */
    height: 100%; /* 高度100% */
    background-color: rgba(0, 0, 0, 0.7); /* 半透明黑色背景 */
    display: none; /* 默认隐藏 */
}
#lingbo22 {
    position: fixed; /* 固定定位 */
    left: 50%; /* 水平居中起点 */
    z-index: 9999; /* 最高堆叠顺序 */
    width: auto; /* 宽度自动 */
    height: auto; /* 高度自动 */
    max-width: 100%; /* 最大宽度限制 */
    max-height: 100%; /* 最大高度限制 */
    transform: translate(-50%, -50%) translateY(-320px); /* 平移实现居中并向上偏移 */
    display: none; /* 默认隐藏 */
}

/* 灵波文本区域样式 */
.lingbwb {
    text-align: center; /* 居中 */
    background-color: red; /* 红色背景 */
    color: yellow; /* 黄色文字 */
    font-size: 25px; /* 字体大小 */
    line-height: 180%; /* 行高 */
}
.lingbwb img {
    width: 40px; /* 宽度 */
    height: 40px; /* 高度 */
    position: relative; /* 相对定位 */
    top: 118px; /* 向下偏移 */
    right: -440px; /* 向右偏移 */
}

/* 返回顶部按钮样式 */
.dingbu {
    position: fixed; /* 固定定位 */
    height: 50px; /* 高度 */
    background: rgba(95, 82, 82, 0.178); /* 半透明背景 */
    width: 50px; /* 宽度 */
    right: 50px; /* 距右侧距离 */
    bottom: 50px; /* 距底部距离 */
    border-radius: 50%; /* 圆形 */
}
.dingbu p {
    font-size: 14px; /* 字体大小 */
    color: rgb(241, 234, 234); /* 文字颜色 */
    padding: 5px 10px; /* 内边距 */
    font-weight: bold; /* 粗体 */
}
.dingbu:hover {
    background: rgb(90, 76, 76); /* 鼠标悬停时背景色变深 */
}
.dingbu a:hover {
    text-decoration: none; /* 鼠标悬停时链接无下划线 */
}

/* 左红蓝区域样式 */
.box .leftrb li {
    text-align: left; /* 左对齐 */
}
.leftrb li i {
    color: red; /* 红色文字 */
}
.leftrb li u {
    color: blue; /* 蓝色文字 */
}

/* 中心红绿区域样式 */
.centerrg li i {
    color: red; /* 红色文字 */
}
.centerrg li u {
    color: green; /* 绿色文字 */
}

/* 中心蓝巧克力色区域样式 */
.centerbc li i {
    color: blue; /* 蓝色文字 */
}
.centerbc li u {
    color: chocolate; /* 巧克力色文字 */
}

/* 中心红蓝区域样式 */
.centerrb li i {
    color: red; /* 红色文字 */
}
.centerrb li u {
    color: blue; /* 蓝色文字 */
}

/* 短7区域样式 */
.duan7 {
    background-color: white; /* 白色背景 */
    color: #000; /* 黑色文字 */
    font-size: 18px; /* 字体大小 */
    text-align: center; /* 居中 */
    padding: 10px 0 5px; /* 内边距 */
}

/* 及时回调区域样式 */
.jmsht {
    background-color: white; /* 白色背景 */
    color: #000; /* 黑色文字 */
    font-size: 18px; /* 字体大小 */
    text-align: center; /* 居中 */
    padding: 10px 0 5px; /* 内边距 */
}

/* 三合区域样式 */
.sanhe {
    background-color: white; /* 白色背景 */
    color: #000; /* 黑色文字 */
    font-size: 18px; /* 字体大小 */
    text-align: left; /* 左对齐 */
    padding: 10px 0 5px 10px; /* 内边距，左侧更多 */
}

/* 波折区域样式 */
.boshe {
    background-color: white; /* 白色背景 */
    color: #000; /* 黑色文字 */
    font-size: 18px; /* 字体大小 */
    text-align: left; /* 左对齐 */
    padding: 10px 0 5px 0px; /* 内边距 */
}

/* 网格容器样式（用于特殊布局） */
.grid-container {
    display: grid; /* 网格布局 */
    grid-template-columns: 10% auto auto auto 10%; /* 五列，首尾10%，中间三列自动 */
    color: #008000; /* 绿色文字 */
    grid-gap: 1px; /* 网格间隙 */
    background-image: url(https://4-bx321s.lifelessfaultless.com:12443/htm/images/ds.gif); /* 背景图片 */
    background-repeat: repeat; /* 背景重复 */
    background-color: #ffffff; /* 背景色 */
    font-weight: bold; /* 粗体 */
}
.grid-container > div {
    text-align: center; /* 居中 */
    padding: 10px 0; /* 上下内边距 */
    vertical-align: middle; /* 垂直居中 */
    font-size: 20px; /* 字体大小 */
    border: 1px double #008000; /* 双线边框 */
}
.grid-container .item1 {
    grid-row: 1/4; /* 跨第1到第3行 */
    padding: 60px 0; /* 上下内边距更大 */
}
.grid-container .item5 {
    grid-area: 2/2/3/5; /* 指定网格区域：从第2行第2列开始，到第3行第5列结束 */
    padding: 10px 0; /* 内边距 */
    color: blue; /* 蓝色文字 */
    font-size: 23px; /* 字体大小 */
}
.item6 {
    grid-area: 3/2/4/5; /* 指定网格区域：从第3行第2列开始，到第4行第5列结束 */
}
.grid-container .item7 {
    grid-area: 1/5/4/6; /* 指定网格区域：从第1行第5列开始，到第4行第6列结束 */
    padding: 50px 0; /* 上下内边距更大 */
    color: red; /* 红色文字 */
}
.item8 {
    grid-column: 1/6; /* 跨第1列到第6列 */
    background-color: #E6FF97; /* 背景色 */
    color: #000; /* 黑色文字 */
}
.item7 img {
    height: 37px; /* 高度 */
    width: 40px; /* 宽度 */
}

/* 30码表格样式 */
.thirtyma {
    text-align: center; /* 居中 */
    border-collapse: collapse; /* 边框合并 */
    color: rgb(0, 0, 0); /* 黑色文字 */
    background-color: white; /* 白色背景 */
}
.thirtyma tr td {
    font-size: 20px; /* 字体大小 */
    padding: 5px 0; /* 上下内边距 */
    border: 1px double rgb(87, 87, 87); /* 双线边框 */
}
.box .thirtyma .thirtyma-f td {
    color: #ffffff; /* 白色文字 */
    font-size: 20px; /* 字体大小 */
    background-color: #4471b4; /* 背景色 */
    font-weight: bold; /* 粗体 */
}
/* 第一列特殊样式 */
.thirty-q td:nth-child(1) {
    color: blue; /* 蓝色文字 */
    font-weight: bold; /* 粗体 */
}

/* 六肖12表格样式 */
.liux12 {
    text-align: center; /* 居中 */
    color: red; /* 红色文字 */
    background-color: white; /* 白色背景 */
    border-collapse: collapse; /* 边框合并 */
    font-weight: bold; /* 粗体 */
}
.liux12 tr td {
    font-size: 20px; /* 字体大小 */
    padding: 5px 0; /* 上下内边距 */
    border: 1px double rgb(199, 184, 103); /* 双线边框 */
}
.box .liux12 .liux12-f td {
    color: #2b2b2b; /* 文字颜色 */
    font-size: 20px; /* 字体大小 */
    background-color: #d8d2e7; /* 背景色 */
}
/* 第一列和第三列特殊样式 */
.liux12-q td:nth-child(1) {
    color: blue; /* 蓝色文字 */
}
.liux12-q td:nth-child(3) {
    color: green; /* 绿色文字 */
}

/* 进料表格样式 */
.jinliao {
    background-color: rgb(0, 0, 0); /* 黑色背景 */
    text-align: center; /* 居中 */
    color: #020202; /* 文字颜色 */
    font-weight: bold; /* 粗体 */
    font-size: 20px; /* 字体大小 */
}
.jinliao td {
    padding: 5px 0; /* 上下内边距 */
    background-color: #ffffff; /* 白色背景 */
    border: 1px solid rgb(134, 134, 134); /* 边框 */
}
.jinliao tr td:last-child {
    color: red; /* 红色文字 */
}
/* 表头行样式 */
.box .jinliao thead tr td {
    background-color: rgb(78, 61, 41); /* 背景色 */
    color: rgb(255, 255, 255); /* 白色文字 */
}
/* 第一列特殊样式 */
.box .jinliao tbody tr td:nth-child(1) {
    color: navy; /* 海军蓝文字 */
}

/* 一码中特表格样式 */
.yimazt {
    text-align: center; /* 居中 */
    color: #000; /* 黑色文字 */
    font-size: 20px; /* 字体大小 */
    border-collapse: collapse; /* 边框合并 */
}
.yimazt tr td {
    border: 1px solid rgb(143, 143, 143); /* 边框 */
}
/* 第一列样式 */
.yimazt tr td:nth-child(1) {
    font-weight: bold; /* 粗体 */
    width: 23%; /* 宽度占比 */
    background-color: #f3a9f3; /* 背景色 */
}
/* 第二列样式 */
.yimazt tr td:nth-child(2) {
    background-color: #f7f7f7; /* 背景色 */
    font-weight: bold; /* 粗体 */
    color: red; /* 红色文字 */
}
/* 第三列样式 */
.yimazt tr td:nth-child(3) {
    font-weight: bold; /* 粗体 */
    width: 16%; /* 宽度占比 */
    background-color: #f3a9f3; /* 背景色 */
}
.yimazt tr td i {
    font-size: 22pt; /* 字体大小 */
}
.yimazt tr td u {
    font-size: 22px; /* 字体大小 */
}
/* 特殊行样式1 */
.box .yimazt .yimazt-l td {
    background-color: #f3a9f3; /* 背景色 */
    color: black; /* 黑色文字 */
    font-size: 20px; /* 字体大小 */
}
/* 特殊行样式2 */
.box .yimazt .yimazt-2 td {
    background-color: #f3a9f3; /* 背景色 */
    color: #FF1493; /* 文字颜色 */
    font-size: 20px; /* 字体大小 */
}
/* 特定ID元素样式 */
#yimazt-yixiao {
    font-size: 28px; /* 字体大小 */
    color: blue; /* 蓝色文字 */
}

/* 不连区域内部小图标样式 */
.bulian .zhong5 {
    height: 15px; /* 高度 */
    width: 15px; /* 宽度 */
}

/* 资料区域样式 */
.ziliao li {
    text-align: center; /* 居中 */
    color: #000; /* 黑色文字 */
    font-weight: 600; /* 粗体 */
    font-size: 17pt; /* 字体大小 */
    margin: 2px 0; /* 上下外边距 */
    background-color: white; /* 白色背景 */
    padding: 5px 0; /* 上下内边距 */
}
/* 重复的规则，优先级更高，会覆盖上面的font-size */
.ziliao li {
    font-size: 12pt; /* 字体大小 */
}

/* 资料2区域样式 */
.ziliao2 li {
    text-align: center; /* 居中 */
    color: #000; /* 黑色文字 */
    font-weight: 700; /* 粗体 */
    font-size: 14pt; /* 字体大小 */
    margin: 2px 0; /* 上下外边距 */
    background-color: white; /* 白色背景 */
    padding: 5px 0; /* 上下内边距 */
}
.ziliao2 li i {
    color: blue; /* 蓝色文字 */
}
.ziliao2 li u {
    color: #ac6a00; /* 文字颜色 */
}

/* 五位区域样式 */
.wuwei li i {
    color: red; /* 红色文字 */
    font-size: 22pt; /* 字体大小 */
}
.wuwei li u {
    color: rgb(89, 167, 1); /* 绿色文字 */
}

/* 魔域区域样式 */
.moyu li i {
    color: red; /* 红色文字 */
    font-size: 20pt; /* 字体大小 */
}

/* 隔3小区域样式 */
.ge3xiao li i {
    color: blue; /* 蓝色文字 */
}
.ge3xiao li u {
    color: red; /* 红色文字 */
}

/* 12码区域样式 */
.twelve-ma li i {
    background-color: #00FF00; /* 绿色背景 */
}
.twelve-ma li u {
    color: rgb(7, 70, 129); /* 文字颜色 */
}

/* 连位区域样式 */
.lianwei li i {
    color: red; /* 红色文字 */
}
.lianwei li u {
    color: rgb(7, 70, 129); /* 文字颜色 */
}

/* 关注文字样式 */
.gzwz {
    color: #000; /* 黑色文字 */
    font-size: 16px; /* 字体大小 */
    font-weight: bold; /* 粗体 */
    padding: 5px 4px 7px 5px; /* 内边距 */
    margin-left: 5px; /* 左边距 */
}
.gzwz i {
    color: blue; /* 蓝色文字 */
}
.gzwz u {
    color: red; /* 红色文字 */
}

/* 八码区域样式 */
.bama i {
    color: blue; /* 蓝色文字 */
}
.bama u {
    color: green; /* 绿色文字 */
}

/* 卦子区域样式 */
.guazi {
    margin-bottom: 3px; /* 下边距 */
}
.guazi i {
    color: red; /* 红色文字 */
    font-size: 20px; /* 字体大小 */
}
.guazi u {
    color: rgb(3, 97, 141); /* 文字颜色 */
}

/* 神童中特区域样式 */
.stzt img {
    width: 35px; /* 宽度 */
}
.stzt i {
    color: red; /* 红色文字 */
}
.stzt u {
    color: blue; /* 蓝色文字 */
}

/* 大圣中特区域样式 */
.dszt i {
    color: blue; /* 蓝色文字 */
}
.dszt u {
    color: darkgreen; /* 深绿色文字 */
}

/* 一肖区域样式 */
.yixiao li {
    text-align: left; /* 左对齐 */
    color: #00FF00; /* 绿色文字 */
    background-color: rgb(0, 0, 0); /* 黑色背景 */
    font-size: 16px; /* 字体大小 */
    padding: 8px; /* 内边距 */
}
.yixiao li:nth-child(1) {
    color: yellow; /* 黄色文字 */
    text-align: center; /* 居中 */
    font-size: 18px; /* 字体大小 */
    background-color: red; /* 红色背景 */
}
.yixiao li i {
    color: red; /* 红色文字 */
}
.yixiao .yixiao-tema {
    text-align: center; /* 居中 */
}
.yixiao u {
    color: yellow; /* 黄色文字 */
    font-size: 25px; /* 字体大小 */
}

/* 三小表格样式 */
.sanxiao {
    font-size: 18px; /* 字体大小 */
    color: red; /* 红色文字 */
    background-color: #ffffd9; /* 背景色 */
    font-weight: bold; /* 粗体 */
    text-align: center; /* 居中 */
    border-collapse: collapse; /* 边框合并 */
}
.sanxiao tr th {
    border: 1px solid red; /* 红色边框 */
    padding: 7px; /* 内边距 */
    color: blue; /* 蓝色文字 */
}
.sanxiao tr td {
    border: 1px solid red; /* 红色边框 */
    padding: 7px; /* 内边距 */
}
.sanxiao tr td:nth-child(1) {
    color: #000; /* 黑色文字 */
}
.sanxiao tr td u {
    color: blue; /* 蓝色文字 */
}
.sanxiao tr td i {
    color: red; /* 红色文字 */
}

/* 数字游戏表格样式 */
.szyx {
    font-size: 10pt; /* 字体大小 */
    color: rgb(0, 0, 0); /* 黑色文字 */
    background-color: #ffffff; /* 白色背景 */
    text-align: center; /* 居中 */
    border-collapse: collapse; /* 边框合并 */
    table-layout: auto; /* 自动表格布局 */
}
.szyx tr th {
    border: 1px solid rgba(143, 0, 0, 0.5); /* 半透明红色边框 */
    padding: 7px; /* 内边距 */
    color: blue; /* 蓝色文字 */
    font-size: 15px; /* 字体大小 */
}
.szyx tr td {
    border: 1px solid rgba(143, 0, 0, 0.5); /* 半透明红色边框 */
    padding: 7px; /* 内边距 */
}
/* 各列宽度占比 */
.szyx tr td:nth-child(1) {
    width: 30%; /* 宽度占比 */
}
.szyx tr td:nth-child(2) {
    width: 47%; /* 宽度占比 */
}
.szyx tr td:nth-child(3) {
    width: 23%; /* 宽度占比 */
}
.szyx tr th i {
    color: red; /* 红色文字 */
    font-size: 20px; /* 字体大小 */
}

/* 大圣生肖表格样式 */
.dssx {
    font-size: 18px; /* 字体大小 */
    color: #000; /* 黑色文字 */
    background-color: #ffffff; /* 白色背景 */
    font-weight: 600; /* 粗体 */
    text-align: center; /* 居中 */
    border-collapse: collapse; /* 边框合并 */
}
.dssx tr th {
    border: 1px solid #c0c0c0; /* 边框 */
    height: 45px; /* 高度 */
    color: yellow; /* 黄色文字 */
    background-color: #666; /* 背景色 */
}
.dssx tr td {
    border: 1px solid #c0c0c0; /* 边框 */
    height: 45px; /* 高度 */
}
/* 各列文字颜色 */
.dssx tr td:nth-child(1) {
    color: #008000; /* 绿色文字 */
}
.dssx tr td:nth-child(2),
.dssx tr td:nth-child(3) {
    color: red; /* 红色文字 */
}
.dssx tr td i {
    color: #0000ff; /* 蓝色文字 */
}

/* 研究集团区域样式 */
.yjjt {
    margin-bottom: 3px; /* 下边距 */
}
.yjjt i {
    color: green; /* 绿色文字 */
}
.yjjt u {
    color: blue; /* 蓝色文字 */
}

/* 一注千金区域样式 */
.yzxj {
    font-size: 14pt; /* 字体大小 */
    text-align: center; /* 居中 */
    font-weight: bold; /* 粗体 */
    margin-bottom: 3px; /* 下边距 */
}
.yzxj li i {
    color: #008000; /* 绿色文字 */
}

/* 马会神区域样式 */
.mhs {
    font-size: 14pt; /* 字体大小 */
    text-align: left; /* 左对齐 */
    font-weight: bold; /* 粗体 */
    margin-bottom: 3px; /* 下边距 */
}
.mhs li i {
    color: #008000; /* 绿色文字 */
}

/* 记录表圣殿区域样式 */
.jlbsdt {
    margin-bottom: 3px; /* 下边距 */
}
.jlbsdt li:first-child {
    background-color: red; /* 红色背景 */
    text-align: center; /* 居中 */
    color: white; /* 白色文字 */
    font-weight: bold; /* 粗体 */
    padding: 10px; /* 内边距 */
    border: 1px solid #868686; /* 边框 */
}
.jlbsdt li:last-child {
    padding-bottom: 15px; /* 底部内边距更大 */
}

/* 输赢榜区域样式 */
.swbm li {
    font-size: 16pt; /* 字体大小 */
}
.swbm li:first-child {
    background-color: #ffeac5; /* 背景色 */
    color: red; /* 红色文字 */
}

/* 新家私小区样式 */
.xjsx {
    text-align: center; /* 居中 */
    border: 1px solid #b3e05f; /* 边框 */
}
.xjsx li {
    background-color: #f7f3f3; /* 背景色 */
}

/* 两波区域样式 */
.liangbo li i {
    background-color: #eeff00; /* 背景色 */
}

/* 平特区域样式 */
.pingte li {
    color: blue; /* 蓝色文字 */
}
.pingte i {
    color: red; /* 红色文字 */
}
.pingte u {
    color: green; /* 绿色文字 */
}

/* 六码中奖心区域样式 */
.lmkzjx li {
    font-weight: bold; /* 粗体 */
    font-size: 15px; /* 字体大小 */
}
.lmkzjx li:first-child {
    background-color: rgb(255, 238, 0); /* 背景色 */
    text-align: center; /* 居中 */
    color: rgb(255, 0, 0); /* 红色文字 */
    padding: 10px; /* 内边距 */
    border: 1px solid #868686; /* 边框 */
}
.lmkzjx li i {
    color: red; /* 红色文字 */
}
/* 最后三项文字颜色为蓝色 */
.lmkzjx li:nth-last-child(-n+3) {
    color: blue; /* 蓝色文字 */
}

/* 财神区域样式 */
.caishen img {
    width: 80px; /* 宽度 */
    height: 80px; /* 高度 */
}
.caishen {
    text-align: center; /* 居中 */
    background-color: white; /* 白色背景 */
    color: #000; /* 黑色文字 */
    font-weight: bold; /* 粗体 */
    font-size: 22px; /* 字体大小 */
    border: 1px solid #b3e05f; /* 边框 */
    border-bottom: none; /* 无底部边框 */
}
.caishen2 li i {
    color: blue; /* 蓝色文字 */
}
.caishen2 li u {
    color: red; /* 红色文字 */
}

/* 二十四区域表格样式 */
.twenty-four {
    background-color: white; /* 白色背景 */
    color: #000; /* 黑色文字 */
    font-weight: bold; /* 粗体 */
    font-size: 18px; /* 字体大小 */
    text-align: center; /* 居中 */
}
.twenty-four tr th {
    color: red; /* 红色文字 */
    padding: 7px; /* 内边距 */
    border: 1px solid #b3e05f; /* 边框 */
}
.twenty-four tr td {
    padding: 7px; /* 内边距 */
    border: 1px solid #b3e05f; /* 边框 */
}
/* 奇数列样式 */
.twenty-four tr td:nth-child(odd) {
    width: 10%; /* 宽度占比 */
    background-color: #FFC; /* 背景色 */
}
/* 自动表格布局 */
.box .twenty-four {
    table-layout: auto;
}

/* 幽默区域样式 */
.youmo {
    background-color: white; /* 白色背景 */
    color: #000; /* 黑色文字 */
    font-size: 15px; /* 字体大小 */
    margin-bottom: 2px; /* 下边距 */
}
.youmo li {
    padding-left: 10px; /* 左内边距 */
    line-height: 30px; /* 行高 */
}

/* 盒子2样式 */
.box2 {
    margin-bottom: -5px; /* 负的下边距，可能用于重叠效果 */
}
.box2 img {
    border-radius: 5px; /* 圆角 */
}

/* 盒子3样式（可能是公告或通知） */
.box3 {
    color: #000; /* 黑色文字 */
    text-align: center; /* 居中 */
    font-size: 25px; /* 字体大小 */
    font-weight: bold; /* 粗体 */
    border-collapse: collapse; /* 边框合并 */
}
.box3 .tongz {
    border: 1px solid black; /* 边框 */
    border-collapse: collapse; /* 边框合并 */
}
.box3 h1, .box3 p {
    border: 1px solid black; /* 边框 */
    padding: 5px 0; /* 上下内边距 */
}
.box3 h1 {
    background-color: yellow; /* 黄色背景 */
}
.box3 p {
    background-color: rgb(243, 240, 240); /* 背景色 */
}

/* 文章列表样式 */
.post-list {
    text-align: center; /* 居中 */
    border-radius: 12px 12px 8px 8px; /* 圆角，上下不同 */
    overflow: hidden; /* 溢出隐藏 */
}
.post-list-tit-pic {
    margin-bottom: 6px; /* 下边距 */
}
.post-list li {
    padding: 3px 3px; /* 内边距 */
    border-radius: 0px; /* 无圆角 */
    background-color: #fff; /* 白色背景 */
}
.post-list a {
    height: 36px; /* 高度 */
    line-height: 36px; /* 行高等于高度，垂直居中 */
    text-align: center; /* 居中 */
    border: solid 1px #ddd; /* 边框 */
    border-radius: 8px; /* 圆角 */
    background: #eee; /* 背景色 */
    background-image: linear-gradient(to top, #fff, #eee, #fff); /* 垂直渐变背景 */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* 阴影 */
    display: block; /* 块级显示 */
    font-size: 22px; /* 字体大小 */
    font-weight: bold; /* 粗体 */
    color: #000; /* 黑色文字 */
}
.post-list a font {
    font-size: 24px; /* 字体大小 */
}
.post-list li .zg {
    font-size: 26px; /* 字体大小 */
}
.box .post-list li img {
    width: 25px; /* 宽度 */
    position: relative; /* 相对定位 */
    right: 3px; /* 向右偏移 */
    bottom: -5px; /* 向下偏移 */
}
.post-list a:hover {
    color: red; /* 鼠标悬停时文字变红 */
}
.post-list i {
    color: blue; /* 蓝色文字 */
}
.post-list a .ci {
    font-size: 26px; /* 字体大小 */
}

/* 文章列表1样式（两列布局） */
.post-list1 {
    text-align: center; /* 居中 */
}
.post-list1-tit-pic {
    margin-bottom: 6px; /* 下边距 */
}
.post-list1 li {
    padding: 3px 3px; /* 内边距 */
    border-radius: 0px; /* 无圆角 */
    background-color: #fff; /* 白色背景 */
    float: left; /* 左浮动 */
    width: 49.9%; /* 宽度约一半，实现两列 */
}
.post-list1 a {
    line-height: 1.5em; /* 行高 */
    text-align: center; /* 居中 */
    border: solid 1px #ddd; /* 边框 */
    border-radius: 8px; /* 圆角 */
    background: #eee; /* 背景色 */
    background-image: linear-gradient(to top, #fff, #eee, #fff); /* 垂直渐变背景 */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* 阴影 */
    display: block; /* 块级显示 */
    font-size: 22px; /* 字体大小 */
    font-weight: bold; /* 粗体 */
    color: #000; /* 黑色文字 */
}
.post-list1 a:hover {
    color: red; /* 鼠标悬停时文字变红 */
}

/* 七星表格样式 */
.qxtable {
    color: #000; /* 黑色文字 */
    background: #fff; /* 白色背景 */
    font-weight: bold; /* 粗体 */
    word-wrap: break-word; /* 长单词换行 */
    word-break: break-all; /* 单词内断行 */
    text-align: center; /* 居中 */
}
.qxtable tr {
    height: 30px; /* 行高 */
}
.qxtable th, .qxtable td {
    border: 1px solid #fff; /* 白色边框 */
}
.qxtable th {
    font-size: 18px; /* 字体大小 */
    background: #fff89c; /* 背景色 */
    text-align: center; /* 居中 */
    color: red; /* 红色文字 */
}
.qxtable td {
    text-overflow: ellipsis; /* 文本溢出显示省略号 */
    font-size: 24px; /* 字体大小 */
}
/* 游戏页面特殊样式 */
.qxtable.yxym {
    table-layout: auto; /* 自动表格布局 */
    word-wrap: break-word; /* 长单词换行 */
    word-break: break-all; /* 单词内断行 */
}
.qxtable.yxym td {
    font-size: 18pt; /* 字体大小 */
}
/* 三列特殊宽度和背景色 */
.qxtable.nbew tr td:nth-child(1) {
    background: #f3f0eb; /* 背景色 */
    width: 33%; /* 宽度占比 */
}
.qxtable.nbew tr td:nth-child(3) {
    background: #f3f0eb; /* 背景色 */
    width: 34%; /* 宽度占比 */
}
.qxtable.nbew tr td:nth-child(2) {
    background: #f7f7f7; /* 背景色 */
    width: 33%; /* 宽度占比 */
    font-size: 28px; /* 字体大小 */
}
/* 另一组三列样式 */
.qxtable.wcbx tr td:nth-child(1) {
    background: #f3f0eb; /* 背景色 */
}
.qxtable.wcbx tr td:nth-child(3) {
    background: #f3f0eb; /* 背景色 */
}
.qxtable.wcbx tr td:nth-child(2) {
    background: #f7f7f7; /* 背景色 */
    font-size: 28px; /* 字体大小 */
}

/* 对联平台1表格样式 */
.duilianpt1 {
    table-layout: auto; /* 自动表格布局 */
    color: #FF0000; /* 红色文字 */
    border-radius: 5px; /* 圆角 */
    overflow: hidden; /* 溢出隐藏 */
    text-align: center; /* 居中 */
    background: #fff; /* 白色背景 */
}
.duilianpt1 tr u {
    color: #000; /* 黑色文字 */
}
.duilianpt1 tr {
    height: 30px; /* 行高 */
}
.duilianpt1 td {
    font-weight: bold; /* 粗体 */
    border: 1px solid #c100c1; /* 边框 */
    font-size: 18pt; /* 字体大小 */
}
.duilianpt1 td .zl {
    font-size: 20pt; /* 字体大小 */
}
.duilianpt1 th {
    font-weight: bold; /* 粗体 */
    border: 1px solid #c100c1; /* 边框 */
    font-size: 16pt; /* 字体大小 */
}

/* 对联平台表格样式 */
.duilianpt {
    table-layout: auto; /* 自动表格布局 */
    color: #FF0000; /* 红色文字 */
    border-radius: 10px; /* 圆角 */
    overflow: hidden; /* 溢出隐藏 */
    text-align: center; /* 居中 */
    background: #fff; /* 白色背景 */
}
.duilianpt tr {
    height: 30px; /* 行高 */
}
.duilianpt td {
    font-weight: bold; /* 粗体 */
    border: 1px solid #c100c1; /* 边框 */
    font-size: 18pt; /* 字体大小 */
}
.duilianpt th {
    font-weight: bold; /* 粗体 */
    border: 1px solid #c100c1; /* 边框 */
    font-size: 18pt; /* 字体大小 */
}
.duilianpt td .zl {
    font-size: 18pt; /* 字体大小 */
    color: #000; /* 黑色文字 */
}

/* 新家村头表格样式 */
.xjct {
    table-layout: auto; /* 自动表格布局 */
    color: #FF0000; /* 红色文字 */
    border-radius: 5px; /* 圆角 */
    overflow: hidden; /* 溢出隐藏 */
    text-align: center; /* 居中 */
    background: #fff; /* 白色背景 */
}
.xjct tr {
    height: 30px; /* 行高 */
}
.xjct td {
    font-weight: bold; /* 粗体 */
    border: 1px solid #C0C0C0; /* 边框 */
    font-size: 14pt; /* 字体大小 */
}
.xjct th {
    font-weight: bold; /* 粗体 */
    border: 1px solid #C0C0C0; /* 边框 */
    font-size: 18pt; /* 字体大小 */
}

/* 表格链接样式 */
.blgg a {
    text-decoration: none; /* 无下划线 */
}
.blgg a:hover {
    text-decoration: underline; /* 鼠标悬停时显示下划线 */
}
.blgg {
    table-layout: auto; /* 自动表格布局 */
    color: #000; /* 黑色文字 */
    border-radius: 0px; /* 无圆角 */
    overflow: hidden; /* 溢出隐藏 */
    text-align: center; /* 居中 */
    background: #fff; /* 白色背景 */
}
.blgg td {
    font-weight: bold; /* 粗体 */
    border: 1px solid #fefefe; /* 边框 */
    font-size: 18pt; /* 字体大小 */
    padding: 2px 2px; /* 内边距 */
    white-space: nowrap; /* 不换行 */
}
.blgg a {
    line-height: 35px; /* 行高 */
    text-align: center; /* 居中 */
    border: solid 1px #ddd; /* 边框 */
    border-radius: 8px; /* 圆角 */
    background: #eee; /* 背景色 */
    background-image: linear-gradient(to top, #fff, #eee, #fff); /* 垂直渐变背景 */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* 阴影 */
    display: block; /* 块级显示 */
    font-weight: bold; /* 粗体 */
    color: #000; /* 黑色文字 */
    text-decoration: none; /* 无下划线 */
    padding-left: 0px; /* 左内边距 */
}

/* 七侠表格样式 */
.qixia {
    text-align: center; /* 居中 */
    font-size: 15pt; /* 字体大小 */
    font-weight: 700; /* 粗体 */
    width: 100%; /* 宽度100% */
    box-sizing: border-box; /* 盒模型包含内边距 */
}
.qixia tr td {
    padding: 10px 0; /* 上下内边距 */
    border: 1px solid #ffffff; /* 白色边框 */
}

/* 品类资料表格样式 */
.pnzl {
    table-layout: auto; /* 自动表格布局 */
    color: #000; /* 黑色文字 */
    border-bottom-left-radius: 5px; /* 左下角圆角 */
    border-bottom-right-radius: 5px; /* 右下角圆角 */
    overflow: hidden; /* 溢出隐藏 */
    text-align: center; /* 居中 */
    background: #f5f5f5; /* 背景色 */
    border: 1px solid #b3e05f; /* 边框 */
}
.pnzl td {
    font-weight: bold; /* 粗体 */
    border: 1px solid #fff; /* 白色边框 */
    width: 33.3%; /* 宽度占比 */
    font-size: 14pt; /* 字体大小 */
    height: 33px; /* 高度 */
}

/* 版权区域样式 */
.copyright {
    width: 80%; /* 宽度80% */
    margin: 0 auto; /* 水平居中 */
    text-align: center; /* 居中 */
    padding-bottom: 5px; /* 底部内边距 */
    margin-bottom: 5px; /* 下边距 */
    border-bottom: 1px solid #000; /* 底部边框 */
    font-size: 10pt; /* 字体大小 */
    color: #000; /* 黑色文字 */
}

/* 广告区域样式 */
.advertise {
    width: 80%; /* 宽度80% */
    margin: 0 auto; /* 水平居中 */
    text-align: center; /* 居中 */
    padding-bottom: 5px; /* 底部内边距 */
    margin-bottom: 5px; /* 下边距 */
    border-bottom: 1px solid #000; /* 底部边框 */
    font-size: 12pt; /* 字体大小 */
    font-weight: bold; /* 粗体 */
    color: #000; /* 黑色文字 */
}
.advertise span {
    color: red; /* 红色文字 */
}
.advertise a:link {
    color: blue; /* 蓝色文字 */
    font-weight: 500; /* 字体粗细 */
}
.advertise a:hover {
    color: rgb(141, 139, 0); /* 鼠标悬停时文字颜色 */
    font-weight: 600; /* 字体粗细 */
    left: 1px; /* 向左偏移 */
    position: relative; /* 相对定位 */
    top: 1px; /* 向下偏移 */
}

/* 页脚图片区域样式 */
.foot-img {
    padding-bottom: 40px; /* 底部内边距 */
    background: linear-gradient(to right, #800080, #c100c1); /* 水平渐变背景 */
    border-bottom-left-radius: 5px; /* 左下角圆角 */
    border-bottom-right-radius: 5px; /* 右下角圆角 */
    margin-bottom: 5px; /* 下边距 */
}

/* 空盒子占位符样式 */
.nullbox {
    height: 100px; /* 高度100px */
}
.nullbox2 {
    height: 96px; /* 高度96px */
}
.subnullbox {
    height: 61px; /* 高度61px */
}

/* 内边距区域样式 */
.pad {
    scroll-margin-top: 100px; /* 滚动时距离顶部的边距，用于锚点定位 */
    border-radius: 12px; /* 圆角 */
    overflow: hidden; /* 溢出隐藏 */
    padding: 2px 2px; /* 内边距 */
    background: linear-gradient(to right, #000000, #000000); /* 黑色水平渐变背景 */
}

/* 香港盒子样式 */
.hkbox {
    background-image: linear-gradient(to right, #ff9452, #ff9452); /* 水平渐变背景 */
}

/* 日期样式 */
.riqi {
    text-align: center; /* 居中 */
    font-weight: bold; /* 粗体 */
    font-size: 19pt; /* 字体大小 */
    color: #fff; /* 白色文字 */
    padding: 5px 0; /* 上下内边距 */
}

/* 六合样式 */
.liujie {
    text-align: center; /* 居中 */
    font-weight: bold; /* 粗体 */
    font-size: 19pt; /* 字体大小 */
    color: rgb(0, 10, 150); /* 文字颜色 */
    padding: 5px 0; /* 上下内边距 */
}

/* 内容容器样式（用于展开/收起效果） */
#contentContainer {
    max-height: 3000px; /* 最大高度 */
    overflow: hidden; /* 溢出隐藏 */
    transition: max-height 0.5s ease; /* 最大高度变化时有0.5秒的过渡效果 */
}
#contentContainer2 {
    max-height: 3000px; /* 最大高度 */
    overflow: hidden; /* 溢出隐藏 */
    transition: max-height 0.5s ease; /* 最大高度变化时有0.5秒的过渡效果 */
}

/* 六码中奖心区域特殊容器 */
.lmkzzz {
    position: relative; /* 相对定位 */
}
.gengduo {
    position: absolute; /* 绝对定位 */
    bottom: 3px; /* 底部对齐 */
    background-color: #8a8a8a8a; /* 半透明背景 */
    font-weight: bold; /* 粗体 */
    padding: 5px; /* 内边距 */
    font-size: 16pt; /* 字体大小 */
    text-align: center; /* 居中 */
    width: 100%; /* 宽度100% */
    color: blue; /* 蓝色文字 */
    text-shadow: rgb(255, 255, 255) 2px 0 0, rgb(255, 255, 255) 0 2px 0, rgb(255, 255, 255) -1px 0 0, rgb(255, 255, 255) 0 -1px 0; /* 文字阴影，实现描边效果 */
}

/* 子导航样式 */
.subnav {
    border-radius: 5px; /* 圆角 */
    padding: 5px 0; /* 上下内边距 */
    background: rgb(255, 255, 255); /* 白色背景 */
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#c8ffffff, endcolorstr=#c8ffffff); /* IE滤镜，半透明效果 */
    overflow: hidden; /* 溢出隐藏 */
}
.subnav a {
    display: block; /* 块级显示 */
    float: left; /* 左浮动 */
    width: 20%; /* 宽度20%，实现五列 */
    text-align: center; /* 居中 */
    font-size: 12pt; /* 字体大小 */
    color: #000; /* 黑色文字 */
    font-weight: bold; /* 粗体 */
    text-shadow: 0px 1px 1px #ff9c00; /* 文字阴影 */
}
.subnav a img {
    display: block; /* 块级显示 */
    width: 80px; /* 宽度 */
    height: 80px; /* 高度 */
    margin: 0 auto 2px; /* 水平居中，底部外边距 */
    animation-duration: 3s; /* 动画时长3秒 */
    animation-fill-mode: both; /* 动画前后应用样式 */
}
/* 不同位置的图片使用不同的进入动画 */
.subnav a:nth-child(1) img,
.subnav a:nth-child(2) img {
    animation-name: fadeInLeft; /* 左侧淡入 */
}
.subnav a:nth-child(3) img {
    animation-name: bounceInDown; /* 上方弹入 */
}
.subnav a:nth-child(4) img,
.subnav a:nth-child(5) img {
    animation-name: fadeInRight; /* 右侧淡入 */
}
/* 定义左侧淡入动画 */
@keyframes fadeInLeft {
    0% {
        opacity: 0; /* 完全透明 */
        transform: translate3d(-100%, 0, 0); /* 从左侧移出 */
    }
    to {
        opacity: 1; /* 完全不透明 */
        transform: none; /* 无变换 */
    }
}
/* 定义右侧淡入动画 */
@keyframes fadeInRight {
    0% {
        opacity: 0; /* 完全透明 */
        transform: translate3d(100%, 0, 0); /* 从右侧移出 */
    }
    to {
        opacity: 1; /* 完全不透明 */
        transform: none; /* 无变换 */
    }
}
/* 定义上方弹入动画 */
@keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1); /* 缓动函数 */
    }
    0% {
        opacity: 0; /* 完全透明 */
        transform: translate3d(0, -3000px, 0); /* 从上方远处移出 */
    }
    60% {
        opacity: 1; /* 完全不透明 */
        transform: translate3d(0, 25px, 0); /* 向下移动 */
    }
    75% {
        transform: translate3d(0, -10px, 0); /* 向上反弹 */
    }
    90% {
        transform: translate3d(0, 5px, 0); /* 向下微调 */
    }
    to {
        transform: none; /* 无变换 */
    }
}
/* 链接悬停时应用脉动动画 */
.subnav a:hover {
    animation-name: pulse; /* 动画名称 */
    animation-duration: 1s; /* 动画时长1秒 */
    animation-fill-mode: both; /* 动画前后应用样式 */
    text-decoration: none; /* 无下划线 */
}
/* 定义脉动动画 */
@keyframes pulse {
    0% {
        transform: scaleX(1); /* 原始大小 */
    }
    50% {
        transform: scale3d(1.05, 1.05, 1); /* 放大1.05倍 */
    }
    to {
        transform: scaleX(1); /* 恢复原始大小 */
    }
}

/* 列表标题样式 */
.list-title {
    color: #ffffff;
    /* border-left: 1px solid #d8d2e7; */  /* 注释掉的左侧边框 */
    border-right: 1px solid transparent;   /* 改为透明边框 */
    height: 42px;
    line-height: 40px;
    font-size: 20pt;
    text-align: center;
    text-shadow: 0px 1px 1px #858585;
    font-weight: bold;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
/* 香港标题特殊背景 */
.hktitle {
    background: linear-gradient(#ed640f, #fff6f6); /* 垂直渐变背景 */
    border-left: 1px solid #ed640f; /* 左侧边框 */
    border-right: 1px solid #ed640f; /* 右侧边框 */
}

/* 可折叠内容区域 */
#collapsed-content {
    display: none; /* 默认隐藏 */
}
/* 切换按钮样式 */
.toggle-button {
    cursor: pointer; /* 手形指针 */
    color: blue; /* 蓝色文字 */
    text-decoration: underline; /* 下划线 */
    text-align: center; /* 居中 */
    font-weight: bold; /* 粗体 */
    font-size: 26px; /* 字体大小 */
    background-color: white; /* 白色背景 */
}

/* 预测查询1区域样式 */
.yzcx1 {
    background-color: white; /* 白色背景 */
    color: black; /* 黑色文字 */
}
/* 预测查询2区域样式 */
.yzcx2 {
    background-color: white; /* 白色背景 */
    color: black; /* 黑色文字 */
}
.yzcx2 tr td {
    border-bottom: 1px dotted black; /* 底部点状边框 */
}
.yzcx2 img {
    height: 20px; /* 高度 */
    width: 20px; /* 宽度 */
}
/* 预测查询3区域样式 */
.yzcx3 {
    font-weight: bold; /* 粗体 */
}

/* 公司报告图标样式 */
.gsbgsb img {
    height: 12px; /* 高度 */
    width: 32px; /* 宽度 */
}

/* 社区图区域样式 */
.sqtu {
    padding: 5px 0; /* 上下内边距 */
    color: black; /* 黑色文字 */
    text-align: center; /* 居中 */
    font-size: 26px; /* 字体大小 */
}

/* 游戏页面区域样式 */
.yxym {
    font-size: 18px; /* 字体大小 */
    font-weight: bold; /* 粗体 */
}
.yxym-tit {
    padding: 5px 10px; /* 内边距 */
    text-align: center; /* 居中 */
    color: #fff; /* 白色文字 */
    font-size: 22px; /* 字体大小 */
    border: solid 1px #940001; /* 边框 */
    border-bottom: 0; /* 无底部边框 */
    background: #b80b0e; /* 背景色 */
}
.yxym-box {
    display: flex; /* 弹性布局 */
    box-sizing: border-box; /* 盒模型包含内边距 */
    color: #f00; /* 红色文字 */
    background-color: white; /* 白色背景 */
}
.yxym-boxl {
    width: 50%; /* 宽度50% */
    box-sizing: border-box; /* 盒模型包含内边距 */
    text-align: left; /* 左对齐 */
}
.yxym-boxr {
    width: 50%; /* 宽度50% */
    box-sizing: border-box; /* 盒模型包含内边距 */
}
.yxym-box ul li {
    padding: 3px 10px; /* 内边距 */
    border-left: solid 1px #aaa; /* 左侧边框 */
    border-top: solid 1px #aaa; /* 顶部边框 */
}
.yxym-foot {
    padding: 5px 10px; /* 内边距 */
    text-align: center; /* 居中 */
    color: #00f; /* 蓝色文字 */
    border: solid 1px #aaa; /* 边框 */
    background: #ffd397; /* 背景色 */
}

/* 生肖榜名区域样式 */
.sxbm {
    background-color: white; /* 白色背景 */
    color: black; /* 黑色文字 */
    text-align: center; /* 居中 */
    font-size: 18px; /* 字体大小 */
    font-weight: bold; /* 粗体 */
}
.sxbm th {
    padding: 5px 0; /* 上下内边距 */
    color: #ce0c0f; /* 文字颜色 */
    background: #ffeac5; /* 背景色 */
}

/* 香港榜名样式 */
.hkbmcss {
    font-weight: bold; /* 粗体 */
    font-size: 18px; /* 字体大小 */
    text-align: center; /* 居中 */
    color: black; /* 黑色文字 */
    background-color: white; /* 白色背景 */
}
.hkbmcss td {
    padding: 5px; /* 内边距 */
}

/* 四不像中特盒子样式 */
.sbxztBox {
    display: flex; /* 弹性布局 */
    justify-content: space-between; /* 两端对齐 */
    align-items: center; /* 垂直居中 */
    margin-right: 4px; /* 右边距 */
}
.sbxztBox div {
    padding: 6px 0; /* 上下内边距 */
    text-align: center; /* 居中 */
    color: #fff; /* 白色文字 */
    font-size: 18px; /* 字体大小 */
    background: #955412; /* 背景色 */
    cursor: pointer; /* 手形指针 */
    flex: 0 0 20%; /* 弹性项目基础宽度20% */
    margin-right: 1px; /* 右边距 */
    border: 1px solid red; /* 边框 */
    border-bottom: none; /* 无底部边框 */
}
/* 悬停状态样式 */
.sbxztBox .hover {
    background: #FFFFFF; /* 白色背景 */
    color: #000000; /* 黑色文字 */
}

/* 模拟器中特区域样式 */
.mnlxzt .mnlxzt-pic {
    padding: 2px; /* 内边距 */
}

/* 输赢榜区域样式 */
.swbm {
    background-color: black; /* 黑色背景 */
    color: white; /* 白色文字 */
}
.swbm img {
    max-width: 100%; /* 最大宽度100% */
    vertical-align: middle; /* 垂直居中 */
}

/* 特此标题样式 */
.tcbt th {
    padding: 5px 0; /* 上下内边距 */
    color: #ce0c0f; /* 文字颜色 */
    background: #ffeac5; /* 背景色 */
}

/* 通用标题样式 */
.tit {
    background: linear-gradient(#f35c1d, #fff6f6); /* 垂直渐变背景 */
    color: rgb(0, 0, 0); /* 黑色文字 */
    border-left: 1px solid #d8d2e7; /* 左侧边框 */
    border-right: 1px solid #d8d2e7; /* 右侧边框 */
    height: 42px; /* 高度 */
    line-height: 40px; /* 行高 */
    font-size: 20pt; /* 字体大小 */
    text-align: center; /* 居中 */
    text-shadow: 0px 1px 1px #858585; /* 文字阴影 */
    font-weight: bold; /* 粗体 */
    border-top-left-radius: 5px; /* 左上角圆角 */
    border-top-right-radius: 5px; /* 右上角圆角 */
}

/* 操作表格样式 */
.cz table {
    border: 1px solid black; /* 边框 */
}

/* 幽默表格样式 */
#youmotab {
    background-color: white; /* 白色背景 */
    color: black; /* 黑色文字 */
}

/* 特殊链接样式（可能用于隐藏或特殊效果） */
.post-list a.kbdj1 {
    display: none; /* 隐藏 */
}
.post-list a.kbdj2 {
    color: transparent; /* 文字透明 */
    background: none; /* 无背景 */
    border: none; /* 无边框 */
    box-shadow: none; /* 无阴影 */
    height: 20px; /* 高度 */
}
.post-list a.kbdj2 .zg {
    color: transparent; /* 文字透明 */
}

/* 页脚版权样式（重复，可能冗余） */
.copyright {
    width: 80%; /* 宽度80% */
    margin: 0 auto; /* 水平居中 */
    text-align: center; /* 居中 */
    padding-bottom: 5px; /* 底部内边距 */
    margin-bottom: 5px; /* 下边距 */
    border-bottom: 1px solid #000; /* 底部边框 */
}

/* 响应式设计 - 屏幕宽度小于等于610px */
@media screen and (max-width: 610px) {
    .tit {
        font-size: 20px; /* 标题字体变小 */
    }
    .gsbgsb img {
        display: none; /* 隐藏公司报告图标 */
    }
    .post-list1 a {
        font-size: 20px; /* 链接字体变小 */
    }
    .post-list a font {
        font-size: 20px; /* 字体变小 */
    }
    .pnzl td {
        font-size: 12pt; /* 字体变小 */
    }
    .subnav {
        margin: 0px 5px; /* 增加左右边距 */
    }
    .box {
        margin: 3px 3px !important; /* 盒子外边距调整 */
    }
    .toggle-button {
        font-size: 22px; /* 切换按钮字体变小 */
    }
    body .pad {
        padding: 3px 3px; /* 内边距调整 */
    }
    .subnav a {
        font-size: 11pt; /* 字体变小 */
    }
    .subnav a img {
        width: 55px; /* 图片变小 */
        height: 55px; /* 图片变小 */
    }
    #lingbo1 {
        height: 550px; /* 高度变小 */
    }
    #lingbo11 {
        height: 550px; /* 高度变小 */
    }
    .guanggao img {
        height: 38px; /* 广告图片高度变小 */
    }
    .box2 {
        margin-right: 5px; /* 右边距 */
        margin-left: 5px; /* 左边距 */
    }
    .header .logo {
        margin-left: 0px; /* 移除左边距 */
    }
    .yxbtu img {
        height: 80px; /* 游戏标题图片高度变小 */
    }
    .box .list-title {
        font-size: 20px; /* 列表标题字体变小 */
    }
    #dingji {
        font-size: 20px; /* 特定ID元素字体变小 */
    }
    .box .zhongheng {
        font-size: 15px; /* 字体变小 */
    }
    .box.spareURL a {
        font-size: 11pt; /* 字体变小 */
    }
    .box .bulian li {
        font-size: 18px; /* 字体变小 */
    }
    .box .stairs tr {
        font-size: 14px; /* 字体变小 */
    }
    .box .stairs tr td u {
        font-size: 22px; /* 字体变小 */
    }
    .box .stairs .stairs-head {
        font-size: 13pt; /* 字体变小 */
    }
    .box .stairs tr td b {
        font-size: 22px; /* 字体变小 */
    }
    .box .stairs tr td em {
        font-size: 20px; /* 字体变小 */
    }
    .box3 .tongz p {
        font-size: 19px; /* 字体变小 */
    }
    .dingbu {
        bottom: 10px; /* 距底部距离变小 */
        right: 5px; /* 距右侧距离变小 */
        background-color: rgba(136, 136, 136, 0.507); /* 背景色调整 */
    }
    #yimazt-yixiao {
        font-size: 20px; /* 字体变小 */
    }
    .boshe {
        font-size: 15px; /* 字体变小 */
    }
    .thirtyma tr td {
        font-size: 15px; /* 字体变小 */
    }
    .box .thirtyma .thirtyma-f td {
        font-size: 17px; /* 字体变小 */
    }
    .liux12 tr td {
        font-size: 15px; /* 字体变小 */
    }
    .box .liux12 .liux12-f td {
        font-size: 15px; /* 字体变小 */
    }
    .grid-g {
        height: 150px; /* 网格项目高度变小 */
    }
    .grid-g p {
        font-size: 16px; /* 字体变小 */
    }
    .grid-g2 {
        height: 150px; /* 网格项目高度变小 */
    }
    .grid-g2 p {
        font-size: 16px; /* 字体变小 */
    }
    .qnny2 {
        height: 135px; /* 高度变小 */
        margin-left: 3px; /* 左边距 */
        margin-right: 3px; /* 右边距 */
    }
    .qnny2 p {
        left: 49%; /* 水平位置调整 */
        font-size: 15px; /* 字体变小 */
    }
    .grid-container > div {
        font-size: 14px; /* 字体变小 */
    }
    .grid-container .item5 {
        font-size: 15px; /* 字体变小 */
    }
    .yimazt {
        font-size: 16px; /* 字体变小 */
    }
    .ziliao li {
        font-size: 15pt; /* 字体变小 */
    }
    .ziliao2 li {
        font-size: 15pt; /* 字体变小 */
    }
    .wuwei li i {
        font-size: 16pt; /* 字体变小 */
    }
    .moyu li i {
        font-size: 14pt; /* 字体变小 */
    }
    .box .post-list a {
        font-size: 18px; /* 字体变小 */
    }
    .box .post-list a .ci {
        font-size: 20px; /* 字体变小 */
    }
    .box .post-list li img {
        width: 22px; /* 图片变小 */
    }
    .jinliao {
        font-size: 16px; /* 字体变小 */
    }
    .duilianpt td {
        font-size: 13pt; /* 字体变小 */
    }
    .duilianpt td .zl {
        font-size: 14pt; /* 字体变小 */
    }
    .duilianpt th {
        font-size: 11pt; /* 字体变小 */
    }
    .duilianpt1 td {
        font-size: 14pt; /* 字体变小 */
    }
    .duilianpt1 td .zl {
        font-size: 15pt; /* 字体变小 */
    }
    .duilianpt1 th {
        font-size: 12pt; /* 字体变小 */
    }
    .dssx {
        font-size: 14px; /* 字体变小 */
    }
    .qxtable.yxym td {
        font-size: 15px; /* 字体变小 */
    }
    .qxtable.yxym tr td:nth-child(2) {
        font-size: 18px; /* 字体变小 */
    }
    .box .kaijiang {
        height: 135px; /* 高度变小 */
    }
    .box .ziliao-wangzhan {
        font-size: 13pt; /* 字体变小 */
    }
    #amlhc1 {
        height: 1600px; /* 高度变小 */
    }
    .nav3 {
        height: 145px; /* 高度变小 */
    }
    .lingbwb {
        font-size: 20px; /* 字体变小 */
    }
    .lingbwb img {
        width: 30px; /* 图片变小 */
        height: 30px; /* 图片变小 */
        top: 100px; /* 位置调整 */
        right: -270px; /* 位置调整 */
    }
    .chengyu li {
        font-size: 15pt; /* 字体变小 */
    }
    .chengyu li i {
        font-size: 17pt; /* 字体变小 */
    }
    .chengyu li u {
        font-size: 17pt; /* 字体变小 */
    }
    .chengyu li:nth-child(3) {
        font-size: 17pt; /* 字体变小 */
    }
    .st10ma li:nth-child(3) {
        font-size: 15pt; /* 字体变小 */
    }
    .jinliao {
        font-size: 15pt; /* 字体变小 */
    }
    .post-list1 a {
        height: 30px; /* 高度变小 */
        line-height: 26px; /* 行高调整 */
    }
    .post-list1 a .ci {
        font-size: 18px; /* 字体变小 */
    }
    .pnzl td {
        font-size: 12pt; /* 字体变小 */
    }
    .doublebo li {
        font-size: 16pt; /* 字体变小 */
    }
    .sqtu {
        font-size: 22px; /* 字体变小 */
    }
    .box.spareURL b {
        font-size: 12pt; /* 字体变小 */
    }
    .yxym-tit {
        padding: 3px 5px; /* 内边距变小 */
        font-size: 18px; /* 字体变小 */
    }
    .yxym {
        font-size: 14px; /* 字体变小 */
    }
    .yxym-foot {
        padding: 3px 5px; /* 内边距变小 */
    }
    .hkbmcss {
        font-size: 15px; /* 字体变小 */
    }
}

/* 响应式设计 - 屏幕宽度小于等于580px */
@media screen and (max-width: 580px) {
    .blgg td {
        font-size: 15pt; /* 字体变小 */
    }
    .xjct td {
        font-size: 12pt; /* 字体变小 */
    }
    .box .zhongheng {
        font-size: 11pt; /* 字体变小 */
    }
    .post-list li .zg {
        font-size: 24px; /* 字体变小 */
    }
    .sqtu {
        font-size: 20px; /* 字体变小 */
    }
}

/* 响应式设计 - 屏幕宽度小于等于505px */
@media screen and (max-width: 505px) {
    .blgg td {
        font-size: 13pt; /* 字体变小 */
    }
    .xjct td {
        font-size: 11pt; /* 字体变小 */
    }
    .post-list1 a {
        font-size: 18px; /* 字体变小 */
    }
    .sqtu {
        font-size: 18px; /* 字体变小 */
    }
    .chengyu li {
        font-size: 14pt; /* 字体变小 */
    }
    .chengyu li i {
        font-size: 16pt; /* 字体变小 */
    }
    .chengyu li u {
        font-size: 16pt; /* 字体变小 */
    }
    .chengyu li:nth-child(3) {
        font-size: 16pt; /* 字体变小 */
    }
    .yimazt tr td u {
        font-size: 16px; /* 字体变小 */
    }
}

/* 响应式设计 - 屏幕宽度小于等于429px */
@media screen and (max-width: 429px) {
    .chengyu li {
        font-size: 13pt; /* 字体变小 */
    }
    .chengyu li i {
        font-size: 15pt; /* 字体变小 */
    }
    .chengyu li u {
        font-size: 15pt; /* 字体变小 */
    }
    .chengyu li:nth-child(3) {
        font-size: 15pt; /* 字体变小 */
    }
    .st10ma li:nth-child(3) {
        font-size: 13pt; /* 字体变小 */
    }
    .box .list-title {
        font-size: 21px; /* 字体变小 */
    }
    .yimazt tr td u {
        font-size: 16px; /* 字体变小 */
    }
    .jinliao {
        font-size: 13pt; /* 字体变小 */
    }
    .box .stairs tr td u {
        font-size: 28px; /* 字体变大？注意这里可能是为了在大标题中保持可读性 */
    }
    .box .stairs tr td b {
        font-size: 26px; /* 字体变大？ */
    }
    .box .stairs tr td em {
        font-size: 19px; /* 字体变小 */
    }
    .box .stairs tr {
        font-size: 17px; /* 字体变小 */
    }
    .post-list1 a .ci {
        font-size: 17px; /* 字体变小 */
    }
    .post-list li .zg {
        font-size: 23px; /* 字体变小 */
    }
    .post-list a {
        font-size: 18px; /* 字体变小 */
    }
    .doublebo li {
        font-size: 14pt; /* 字体变小 */
    }
    .sqtu {
        font-size: 19px; /* 字体变小 */
    }
    .qxtable td {
        font-size: 18px; /* 字体变小 */
    }
}

/* 响应式设计 - 屏幕宽度小于等于409px */
@media screen and (max-width: 409px) {
    .blgg td {
        font-size: 12pt; /* 字体变小 */
    }
    .post-list li .zg {
        font-size: 22px; /* 字体变小 */
    }
    .blgg a {
        line-height: 30px; /* 行高变小 */
    }
    .box .stairs tr {
        font-size: 13px; /* 字体变小 */
    }
    .liux12 tr td {
        font-size: 14px; /* 字体变小 */
    }
    .yimazt {
        font-size: 14px; /* 字体变小 */
    }
    .post-list1 a {
        font-size: 16px; /* 字体变小 */
    }
    .thirtyma tr td {
        font-size: 13px; /* 字体变小 */
    }
    .box .thirtyma .thirtyma-f td {
        font-size: 15px; /* 字体变小 */
    }
    .toggle-button {
        font-size: 20px; /* 字体变小 */
    }
    .yxym {
        font-size: 13px; /* 字体变小 */
    }
    .box.spareURL b {
        font-size: 11pt; /* 字体变小 */
    }
    .ziliao li {
        font-size: 12pt; /* 字体变小 */
    }
    .chengyu li {
        font-size: 13pt; /* 字体变小 */
    }
    .chengyu li i {
        font-size: 14pt; /* 字体变小 */
    }
    .chengyu li u {
        font-size: 14pt; /* 字体变小 */
    }
    .chengyu li:nth-child(3) {
        font-size: 14pt; /* 字体变小 */
    }
    .yimazt tr td u {
        font-size: 14px; /* 字体变小 */
    }
}

/* 响应式设计 - 屏幕宽度小于等于358px */
@media screen and (max-width: 358px) {
    .blgg td {
        font-size: 11pt; /* 字体变小 */
    }
    .post-list1 a {
        font-size: 18px; /* 字体变小 */
    }
    .sqtu {
        font-size: 16px; /* 字体变小 */
    }
    .chengyu li {
        font-size: 11pt; /* 字体变小 */
    }
    .chengyu li i {
        font-size: 13pt; /* 字体变小 */
    }
    .chengyu li u {
        font-size: 13pt; /* 字体变小 */
    }
    .chengyu li:nth-child(3) {
        font-size: 13pt; /* 字体变小 */
    }
    .yimazt tr td u {
        font-size: 14px; /* 字体变小 */
    }
}

/* 成语区域样式 */
.chengyu {
    background-color: white; /* 白色背景 */
}
.chengyu li:nth-child(1) {
    background-color: #80ff71; /* 背景色 */
    border: 1px solid #868686; /* 边框 */
}
.chengyu li:nth-child(3) {
    color: red; /* 红色文字 */
    font-size: 20pt; /* 字体大小 */
}
.chengyu li {
    text-align: left; /* 左对齐 */
    font-weight: bold; /* 粗体 */
    color: black; /* 黑色文字 */
    font-size: 18pt; /* 字体大小 */
    line-height: 1.5em; /* 行高 */
}
.chengyu li i {
    color: rgb(139, 0, 129); /* 文字颜色 */
    font-size: 20pt; /* 字体大小 */
}
.chengyu li u {
    color: rgb(47, 0, 255); /* 文字颜色 */
    font-size: 20pt; /* 字体大小 */
}

/* 资料区域推荐样式 */
.ziliao .tuijian {
    color: rgb(8, 0, 124); /* 文字颜色 */
    background-color: rgb(0, 0, 0); /* 黑色背景 */
}

/* 游戏页面表格额外样式（可能是后来添加的） */
.qxtable.yxym {
    table-layout: auto; /* 自动表格布局 */
    word-wrap: break-word; /* 长单词换行 */
    word-break: break-all; /* 单词内断行 */
}
.qxtable.yxym td {
    font-size: 18pt; /* 字体大小 */
}
/* 三列特殊宽度和背景色 */
.qxtable.yxym tr td:nth-child(1) {
    background: #ead1d1; /* 背景色 */
    width: 26%; /* 宽度占比 */
}
.qxtable.yxym tr td:nth-child(3) {
    background: #ead1d1; /* 背景色 */
    width: 18%; /* 宽度占比 */
}
.qxtable.yxym tr td:nth-child(2) {
    background: #f7f7f7; /* 背景色 */
    width: 56%; /* 宽度占比 */
    font-size: 28px; /* 字体大小 */
}
.qxtable .jx {
    font-size: 20px; /* 字体大小 */
}
/* 响应式设计中对游戏页面标题的进一步调整 */
#yxym .list-title {
    font-size: 20px; /* 字体变小 */
}
/* 重复的规则，可能来自不同媒体查询的合并 */
#yxym .list-title {
    font-size: 18px; /* 字体变小 */
}
/* 更多针对游戏页面表格的响应式调整 */
.qxtable.yxym td {
    font-size: 18px; /* 字体变小 */
}
.qxtable.yxym tr td:nth-child(2) {
    font-size: 24px; /* 字体变小 */
}
.qxtable .jx {
    font-size: 18px; /* 字体变小 */
}
.qxtable.yxym td {
    font-size: 16px; /* 字体变小 */
}
.qxtable.yxym tr td:nth-child(2) {
    font-size: 21px; /* 字体变小 */
}
.qxtable .jx {
    font-size: 16px; /* 字体变小 */
}
#yxym .list-title {
    font-size: 17px; /* 字体变小 */
}
#yxym .list-title {
    font-size: 15px; /* 字体变小 */
}
.qxtable.yxym tr td:nth-child(2) {
    font-size: 19px; /* 字体变小 */
}
.qxtable .jx {
    font-size: 14px; /* 字体变小 */
}
/* 对.jx类的多次定义，最后生效的可能是最后一个 */
.qxtable .jx {
    font-size: 20px; /* 字体大小 */
}
.qxtable .jx {
    font-size: 18px; /* 字体大小 */
}
.qxtable .jx {
    font-size: 16px; /* 字体大小 */
}
.qxtable .jx {
    font-size: 14px; /* 字体大小 */
}
/* 隐藏边框和标题的覆盖样式 */
.box {
    margin: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
}

.pad {
    padding: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
}

.list-title {
    display: none !important;
}

.ziliao li {
    background-color: transparent !important;
    margin: 0 !important;
    padding: 5px 0 !important;
}