/* 语言切换器样式 */

/* 语言切换时的过渡效果 */
[data-translate] {
    transition: opacity 0.3s ease, transform 0.3s ease;
}

/* 语言切换时的动画效果 */
.language-switching [data-translate] {
    opacity: 0.7;
    transform: translateY(5px);
}

/* 语言切换完成后的状态 */
.language-switched [data-translate] {
    opacity: 1;
    transform: translateY(0);
}

/* 支持RTL语言的样式 */
[lang="ar"], [lang="he"] {
    direction: rtl;
}

/* 中文特定样式 */
[lang="zh"] {
    font-family: "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "SimSun", sans-serif;
}

/* 英文特定样式 */
[lang="en"] {
    font-family: "Roboto", "Arial", sans-serif;
}

/* 语言切换按钮的激活状态 */
.language-selector select[data-current-lang="zh"] {
    background-color: rgba(255, 255, 255, 0.95);
    border-color: #28a745;
}

.language-selector select[data-current-lang="en"] {
    background-color: rgba(255, 255, 255, 0.9);
    border-color: #007bff;
}

/* 响应式语言切换 */
@media (max-width: 768px) {
    .language-selector {
        position: relative;
        right: auto;
        top: auto;
        transform: none;
        margin: 10px 0;
        text-align: center;
    }
    
    .language-selector select {
        width: 100%;
        max-width: 200px;
    }
}

/* 语言切换提示 */
.language-switch-tip {
    position: fixed;
    top: 20px;
    right: 20px;
    background: rgba(0, 123, 255, 0.9);
    color: white;
    padding: 10px 20px;
    border-radius: 25px;
    font-size: 14px;
    z-index: 10000;
    opacity: 0;
    transform: translateX(100%);
    transition: all 0.3s ease;
}

.language-switch-tip.show {
    opacity: 1;
    transform: translateX(0);
}

/* 支持深色模式 */
@media (prefers-color-scheme: dark) {
    .language-selector select {
        background: rgba(30, 30, 30, 0.9);
        color: #fff;
        border-color: #007bff;
    }
    
    .language-selector select:hover {
        background: rgba(30, 30, 30, 1);
    }
}

/* 无障碍支持 */
.language-selector select:focus {
    outline: 2px solid #007bff;
    outline-offset: 2px;
}

/* 打印样式 */
@media print {
    .language-selector {
        display: none;
    }
}