/* VOSNEX 精品多语言切换器样式美化 */
.vx-languages, .pll-switcher-dropdown, .language-switcher, [class*="language"] {
    position: relative;
    display: inline-flex;
    align-items: center;
    font-size: 13px;
    font-weight: 500;
    color: #112b3c;
    z-index: 50;
}

.vx-languages summary, .pll-switcher-dropdown > a, .language-switcher button, .vx-lang-btn {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    background: #f4f7f7;
    border: 1px solid #dce4e7;
    border-radius: 6px;
    color: #082c4b;
    font-weight: 600;
    font-size: 13px;
    transition: all 0.2s ease;
    user-select: none;
    list-style: none;
    outline: none;
}

.vx-languages summary:hover, .vx-lang-btn:hover {
    background: #eef7f7;
    border-color: #008c99;
    color: #008c99;
}

/* 隐藏原生 marker 并定制优雅箭头 */
.vx-languages summary::-webkit-details-marker { display: none; }
.vx-languages summary::marker { display: none; }

.vx-languages summary::after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    margin-left: 4px;
    margin-bottom: 2px;
    transition: transform 0.2s ease;
}

details[open].vx-languages summary::after {
    transform: rotate(-135deg);
    margin-bottom: -2px;
}

/* 下拉菜单列表美化 */
.vx-languages ul, .pll-switcher-dropdown ul, .language-switcher ul {
    position: absolute;
    right: 0;
    top: calc(100% + 8px);
    background: #ffffff;
    border: 1px solid #dce4e7;
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(8, 44, 75, 0.12);
    min-width: 150px;
    padding: 6px;
    margin: 0;
    list-style: none;
    z-index: 100;
    animation: fadeIn 0.15s ease-out;
}

.vx-languages ul li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
    border-radius: 4px;
    color: #112b3c;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.15s ease;
}

.vx-languages ul li a:hover {
    background: #f4f7f7;
    color: #008c99;
}

.vx-languages ul li a[aria-current="page"], .vx-languages ul li a.active {
    background: #e6f4f5;
    color: #008c99;
    font-weight: 700;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-4px); }
    to { opacity: 1; transform: translateY(0); }
}