.language-switcher-container {
    position: relative; /* 使子元素绝对定位相对于此容器 */
    display: inline-block; /* 确保容器宽度适应内容 */
}

.language-list {
    display: none; /* 默认隐藏 */
    position: absolute;
    top: 50%; /* 垂直居中 */
    right: 120%; /* 将列表放在按钮左侧 */
    transform: translateY(-50%); /* 垂直居中 */
    padding: 0;
    margin: 0;
    list-style: none;
    background: var(--playlist-bg);
    border: 1px solid var(--icon-color);
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    min-width: 130px; /* 设置最小宽度 */
}

.language-list li {
    padding: 8px 16px;
    cursor: pointer;
    transition: background 0.2s;
}

.language-list li:hover {
    background: var(--input-bg);
}

.language-list a {
    text-decoration: none;
    color: var(--font-color);
    display: flex;
    align-items: center;
}

.language-list .iconfont {
    margin-right: 8px;
    color: var(--font-color);
}

/* 显示语言列表 */
.language-switcher-container:hover .language-list {
    display: block;
}

/* 语言按钮样式 */
.svg-box {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.svg-box .iconfont {
    font-size: 20px; /* 调整图标大小 */
    color: var(--icon-color);
}

/* 强制在 [data-theme=dark] 模式下，.language-list 的背景色为 rgb(62 62 62) */
[data-theme=dark] .language-list {
    background: rgb(62 62 62) !important; /* 强制使用不透明的深色背景 */
}