/* 语言切换器容器（关键：将按钮和菜单包含在同一个hover区域） */
.language-switcher {
    position: relative;
    margin: 0 15px;
    display: inline-block;
    vertical-align: middle;
    z-index: 999; /* 确保在最上层 */
    padding: 5px 0; /* 扩大hover触发区域，上下各加5px */
}

/* 触发按钮（消除与菜单的间隙） */
.lang-trigger {
    background: transparent;
    border: none;
    color: #6C6E76;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px; /* 扩大点击区域 */
    border-radius: 4px;
    margin: 0; /* 消除默认margin，避免间隙 */
}

/* 国旗图标 */
.icon-flag {
    width: 18px;
    height: 12px;
    display: inline-block;
    background-size: cover;
    background-position: center;
    border-radius: 2px;
}
.icon-flag.en { 
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40'%3E%3C!-- 红白条纹 --%3E%3Crect width='60' height='5.71' fill='%23b22234'/%3E%3Crect y='5.71' width='60' height='5.71' fill='%23fff'/%3E%3Crect y='11.42' width='60' height='5.71' fill='%23b22234'/%3E%3Crect y='17.13' width='60' height='5.71' fill='%23fff'/%3E%3Crect y='22.84' width='60' height='5.71' fill='%23b22234'/%3E%3Crect y='28.55' width='60' height='5.71' fill='%23fff'/%3E%3Crect y='34.26' width='60' height='5.74' fill='%23b22234'/%3E%3C!-- 蓝色矩形 --%3E%3Crect width='24' height='22.84' fill='%233c3b6e'/%3E%3C/svg%3E"); 
}
.icon-flag.es { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40'%3E%3Crect width='60' height='40' fill='%23f1bf00'/%3E%3Crect width='60' height='13' fill='%23aa151b'/%3E%3Crect y='27' width='60' height='13' fill='%23aa151b'/%3E%3Ccircle cx='30' cy='20' r='7' fill='%23aa151b'/%3E%3C/svg%3E"); }
.icon-flag.ru { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40'%3E%3Crect width='60' height='13.33' fill='%23fff'/%3E%3Crect y='13.33' width='60' height='13.33' fill='%230039a6'/%3E%3Crect y='26.66' width='60' height='13.34' fill='%23d52b1e'/%3E%3C/svg%3E"); }
.icon-flag.ar { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40'%3E%3Crect width='60' height='40' fill='%23007a3d'/%3E%3Crect width='40' height='40' fill='%23fff'/%3E%3Crect width='20' height='40' fill='%23d80027'/%3E%3Ccircle cx='30' cy='20' r='8' fill='%23007a3d'/%3E%3C/svg%3E"); }
.icon-flag.hi { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40'%3E%3Crect width='60' height='13.33' fill='%23ff9933'/%3E%3Crect y='13.33' width='60' height='13.34' fill='%23fff'/%3E%3Crect y='26.66' width='60' height='13.34' fill='%23138808'/%3E%3Ccircle cx='30' cy='20' r='5' fill='%23000'/%3E%3Cpath d='M30 15v10M25 20h10' stroke='%23fff' stroke-width='1'/%3E%3C/svg%3E"); }

/* 下拉箭头（hover时旋转） */
.icon-chevron-down {
    font-size: 12px;
    transition: transform 0.2s ease;
}
.language-switcher:hover .icon-chevron-down {
    transform: rotate(180deg);
}

/* 下拉菜单（核心：通过容器hover控制显示） */
.lang-dropdown {
position: absolute;
    top: calc(100% - 5px);
    right: 0;
    background: #fff;
    box-shadow: 0 3px 12px rgba(0,0,0,0.15);
    border-radius: 6px;
    padding: 6px 7px;
    margin: 0;
    list-style: none;
    display: none; 
    z-index: 999;
    overflow: visible;
    white-space: nowrap;
}

/* 容器hover时显示菜单（核心修复） */
.language-switcher:hover .lang-dropdown {
    display: block;
}

/* 下拉选项（扩大点击区域） */
.lang-dropdown li a {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 15px; /* 扩大hover区域 */
    color: #333;
    text-decoration: none;
    font-size: 13px;
}
.lang-dropdown li a small {
    color: #666;
    font-size: 12px;
    margin-left: 6px;
}
.lang-dropdown li a:hover {
    background: #f5f7fa;
    color: #007bff;
}

/* 社交区域布局（避免干扰） */
.tf-tb-social {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: nowrap;
}
.tf-tb-social .text {
    white-space: nowrap;
}

/* 解决父元素可能的遮挡问题 */
.tf-container, .top-bar-inner {
    overflow: visible !important;
}

button.okki-chat-widget-bubble.okki-chat-elements--right {
    overflow: hidden;
}
        .slider-captcha-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            z-index: 9999;
            justify-content: center;
            align-items: center;
        }
        
        .slider-captcha-box {
            width: 320px;
            max-width: 90%;
            background-color: #fff;
            border-radius: 8px;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
            overflow: hidden;
        }
        
        .slider-captcha-header {
            padding: 15px;
            border-bottom: 1px solid #eee;
            position: relative;
        }
        
        .slider-captcha-title {
            margin: 0;
            font-size: 16px;
            color: #333;
            text-align: center;
        }
        
        .slider-captcha-close {
            position: absolute;
            top: 15px;
            right: 15px;
            background: none;
            border: none;
            font-size: 20px;
            cursor: pointer;
            color: #999;
            width: 24px;
            height: 24px;
     
            text-align: center;
        }
        
        .slider-captcha-close:hover {
            color: #333;
        }
        
        .slider-captcha-content {
            padding: 20px;
        }
        
        .slider-captcha-instruction {
            text-align: center;
            margin-bottom: 15px;
            color: #666;
            font-size: 14px;
        }
        
        .slider-container {
            width: 100%;
            height: 50px;
            position: relative;
            background-color: #f5f5f5;
            border-radius: 25px;
            overflow: hidden;
            margin-bottom: 15px;
        }
        
        .slider-track {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            background-color: #e6f4ff;
            z-index: 1;
            width: 0;
            transition: width 0.1s ease;
        }
        
        .slider-button {
            position: absolute;
            top: 0;
            left: 0;
            width: 50px;
            height: 50px;
            background-color: #fff;
            border: 2px solid #4096ff;
            border-radius: 50%;
            z-index: 2;
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
            transition: transform 0.1s ease;
        }
        
        .slider-button:hover {
            transform: scale(1.05);
        }
        
        .slider-button i {
            font-size: 20px;
            color: #4096ff;
            transition: transform 0.3s ease;
        }
        
        .slider-text {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 0;
            color: #666;
            font-size: 14px;
        }
        
        .slider-captcha-result {
            text-align: center;
            font-size: 14px;
            margin-top: 10px;
            height: 20px;
        }
        
        .slider-captcha-success {
            display: none;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(64, 150, 255, 0.8);
            color: white;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            font-size: 18px;
            z-index: 10;
            border-radius: 8px;
        }
        
        .slider-captcha-success i {
            font-size: 40px;
            margin-bottom: 10px;
        }
        
        .slider-captcha-container {
            position: relative;
        }.logo-footer img {
    width: 175px;
}




a.page-num.page-num-current {
    background: #007cc2;
    color: var(--white);
}