/* 全量色彩更新版 主色调：#0a5cda (科技蓝) */
html, body { 
    padding: 0; 
    margin: 0; 
    width: 100%; 
    min-height: 100%; 
    font-family: Microsoft YaHei,Arial,Helvetica,sans-serif; 
    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale; 
    font-size: 14px; 
    background: #f5f5f5; 
}

html { scroll-padding-top: 160px; }
a { text-decoration: none; }

.container { 
    width: 100%; 
    max-width: 720px; 
    margin: 0px auto; 
    box-sizing: border-box; 
}

.box { box-sizing: border-box; background: #fff; }
.box.ad p { margin: 0; padding: 0; }
.box img { width: 100%; }

/* 🌈 背景改为蓝色系透明 */
.menuicon { 
    background: rgba(10, 92, 218, 0.1); 
    width: 100%; 
    display: flex; 
    justify-content: space-between; 
    padding: 10px 6px; 
    box-sizing: border-box; 
    border-bottom: 1px solid #0a5cda; 
}
.menuicon img { width: 84px; }

/* 🚩 日期背景 */
.riqi { 
    height: 24px; 
    line-height: 24px; 
    text-align: center; 
    font-weight: 700; 
    background: #0a5cda; 
    color: #ffffff; 
    border-radius: 5px; 
    margin: 2px 0; 
    font-size: 11pt; 
}

/* 🏃 蚂蚁线动画边框容器 */
.rememberdomain { 
    margin: 5px; 
    display: block; 
    border: .5em solid transparent; 
    background: linear-gradient(#fff, #fff) padding-box, 
                repeating-linear-gradient(-45deg, #0a5cda, #0a5cda 12.5%, transparent 0, transparent 25%, #333 0, #000 37.5%, transparent 0, transparent 50%) 0 / 1.5em 1.5em; 
    -webkit-animation: ants 12s linear infinite; 
    animation: ants 12s linear infinite; 
    box-shadow: 0 0 5px #999; 
    border-radius: 5px; 
}

@keyframes ants { 
    from { background-position: 0 0; } 
    to { background-position: 1.5em 1.5em; } 
}

.rememberdomain td { border: 1px solid #ededed; padding: 6px; }
.rememberdomain table { width: 100%; }
.box table { border-collapse: collapse; width: 100%; box-sizing: border-box; }
.box table td { border-collapse: collapse; }

.swiper-nav { text-align: center; color: #fff; font-weight: bold; }
.swiper-nav .swiper-slide { 
    width: 110px!important; 
    padding: 5px 0; 
    color: #303133; 
    font-size: 13px; 
    font-weight: bold; 
    border-radius: 2px; 
    border-right: 1px solid #ededed; 
}

/* 🔵 导航激活状态 */
.swiper-nav .active-nav { background: #0a5cda; color: #fff; }

/* 📌 大标题栏：蓝色渐变 */
.tit { 
    font-size: 18px !important; 
    color: #fff !important; 
    line-height: 42px !important; 
    box-shadow: 0 10px 14px -7px rgba(10, 92, 218, 0.4); 
    text-shadow: 0 1px 0 #00358a; /* 深蓝色阴影 */
    background: linear-gradient(#4d8df5, #0a5cda) !important; 
    font-weight: bold; 
    text-align: center; 
}

/* 🔍 各类边框颜色 */
.border1 td { border: 1px solid rgb(0, 112, 192); padding: 7px 0; }
.border2 td { border: 1px solid #ddd7d7; padding: 7px 0; }
.border3 td { border: 1px solid rgb(112, 48, 160); padding: 7px 0; }
.border4 td { border: 1px solid #0a5cda; padding: 7px 0; }

.border1 td p, .border2 td p, .border3 td p, .border4 td p { margin: 0; }
.titsle { font-size: 15px; font-weight: bold; }

/* 🔳 底部网格按钮 */
.zhzl { 
    display: flex; 
    justify-content: space-between; 
    flex-wrap: wrap; 
    box-sizing: border-box; 
    margin-top: 10px; 
    margin-bottom: 20px; 
}
.zhzl .item { width: 25%; box-sizing: border-box; padding: 2px 3px; }
.zhzl a { 
    line-height: 40px; 
    text-align: center; 
    border: 1px solid #ccc; 
    background: #fff; 
    border-radius: 5px; 
    display: block; 
    color: #333; 
    cursor: pointer; 
    transition: all 0.3s; 
}

/* 鼠标悬停效果：变为蓝色 */
.zhzl a:hover { 
    border-color: #0a5cda; 
    color: #0a5cda; 
}

/* 📱 移动端自适应保持不变 */
@media screen and (max-width: 710px) {
    .menuicon img { width: 66px; }
    .menuicon { padding: 10px 0; }
    .swiper-nav .swiper-slide { width: 90px!important; }
}