/* 全量色彩更新版 主色调：#0a5cda (科技蓝) */
html { 
    scroll-padding-top: 160px; 
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important; 
}

body { 
    padding: 0; 
    margin: 0; 
    width: 100% !important; 
    max-width: 100% !important;
    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; 
    overflow-x: hidden !important; 
    position: relative;
}

a { text-decoration: none; }

/* 全站主容器強制鎖死 */
.container { 
    width: 100% !important; 
    max-width: 720px; 
    margin: 0px auto; 
    box-sizing: border-box; 
    overflow: hidden !important;
    overflow-x: hidden !important; 
}

/* 智能識別保護殼 */
.box { 
    box-sizing: border-box; 
    background: #fff; 
    width: 100% !important; 
    overflow-x: auto !important; 
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch; 
}
.box.ad p { margin: 0; padding: 0; }
.box img { width: 100%; display: block; }

/* 🌈 背景改为蓝色系透明 */
.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; } 
}

/* 全局表格基礎重置 */
.box table { 
    width: 100% !important; 
    max-width: 100% !important;
    table-layout: auto !important;  
    border-collapse: collapse; 
    box-sizing: border-box; 
    margin: 0 auto;
}

.rememberdomain table {
    width: 100% !important;
    table-layout: fixed !important;
}
.rememberdomain td { border: 1px solid #ededed; padding: 6px; }

/* 全局消除人為寫死的 td 寬度，並禁止字體發豎 */
.box table td { 
    width: auto !important;         
    max-width: none !important;
    white-space: nowrap !important; 
    border-collapse: collapse; 
    padding: 6px 4px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
}

.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; 
    width: 100% !important;
    box-sizing: border-box;
}

/* 🔍 邊框顏色定義 */
.border1 { border: 1px solid rgb(0, 112, 192) !important; width: 100% !important; }
.border1 td { border: 1px solid rgb(0, 112, 192) !important; }
.border2 td { border: 1px solid #ddd7d7; }
.border3 td { border: 1px solid rgb(112, 48, 160); }
.border4 td { border: 1px solid #0a5cda; }

.border1 td p, .border2 td p, .border3 td p, .border4 td p { margin: 0; display: inline-block; }
.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; 
    width: 100% !important;
}
.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; }

/* 強制縮小開獎表格內部的所有元素，防止後台不規範內容撐爆 */
.box table td * {
    font-size: 13px !important;        
    width: auto !important;
    height: auto !important;
}

/* ==========================================================================
   ✨ 【高手排名資料】表格專屬立體金按鈕（維持黃金比例 3 列）
   ========================================================================== */
.ue-table-gold-container {
    width: 100% !important;
    table-layout: fixed !important; 
}
.ue-table-gold-container td {
    width: 33.33% !important;       
    white-space: nowrap !important;
    padding: 0 !important;
}

.gold-table-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 4px 2px;          
    padding: 10px 4px;    
    text-decoration: none;
    border-radius: 4px;   
    box-sizing: border-box;
    background: linear-gradient(180deg, #FFE894 0%, #D4AF37 50%, #B8860B 100%);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.3);
    transition: all 0.15s ease-in-out;
}

.gold-table-btn .btn-text {
    font-size: 15px;       
    font-weight: bold;
    color: #3A2800;       
    text-align: center;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
    white-space: nowrap;  
    overflow: hidden;     
    text-overflow: ellipsis; 
    width: 100%;
}

/* 📱 🚀 針對手機端（小螢幕）的終極識別修正 */
@media screen and (max-width: 710px) {
    .menuicon img { width: 66px; }
    .menuicon { padding: 10px 0; }
    .swiper-nav .swiper-slide { width: 90px!important; }
    
    .box table td {
        font-size: 12px !important;    
        padding: 5px 2px !important;   
    }
    .gold-table-btn {
        padding: 8px 2px;
        margin: 3px 1px;
    }
    .gold-table-btn .btn-text {
        font-size: 12px;   
    }
}