/* =========================================================
 * 底部导航栏统一视觉样式
 * 主站(index.html) + 天机(share.html) + 游戏大厅(hall.html) 共用
 * 说明：position / height / safe-area 由各页面自行定义（容器结构不同）
 *       —— 主站为居中手机壳内绝对定位，外部页为整屏固定定位
 * ========================================================= */
.tab-bar {
    background: linear-gradient(180deg, #1a0f2e 0%, #0d0015 100%);
    backdrop-filter: blur(20px);
    display: flex;
    box-shadow: 0 -2px 16px rgba(0,0,0,0.35);
    border-top: 1px solid rgba(255,215,0,0.22);
    z-index: 10;
}
.tab-bar .tab-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    cursor: pointer;
    color: rgba(255,215,0,0.55);
    transition: all .3s;
    background: transparent;
    border: none;
    position: relative;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    user-select: none;
    -webkit-user-select: none;
    min-height: 48px;
}
.tab-bar .tab-item.active { color: #FFD700; }
.tab-bar .tab-icon {
    width: 30px;
    height: 30px;
    font-size: 30px;
    line-height: 30px;
    opacity: 0.95;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tab-bar .tab-icon img { width: 30px; height: 30px; object-fit: contain; display: block; }
.tab-bar .tab-item.active .tab-icon { opacity: 1; color: #FFD700; }
.tab-bar .tab-item.active .tab-icon img { opacity: 1; }
.tab-bar .tab-label { font-size: 13px; font-weight: 600; letter-spacing: 1px; }