.language-list {
        display: none;
        position: absolute;
        left: -135px;
        top: 30%;
        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;
    }

    .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(--icon-color);
    }

    [data-theme=dark] {
        --font-color: #fff;
        --font-color-6: rgba(255, 255, 255, 0.6);
        --font-color-5: rgba(255, 255, 255, 0.5);
        --input-bg: rgba(255, 255, 255, 0.08);
        --icon-color: rgba(255, 255, 255, 0.6);
        --playlist-bg: rgb(62 62 62); /* 不透明的深色背景 */
        --history-bg: rgb(32, 36, 45);
        --basic-bg: rgb(25, 25, 25);
        --top-bg: #3e3e3e;
    }
    [data-theme=light] {
        --font-color: #20242d;
        --font-color-6: #74829b;
        --font-color-5: #74829b;
        --input-bg: #e9edf4;
        --icon-color: rgb(182, 191, 206);
        --playlist-bg: #fff;
        --history-bg: #fff;
        --basic-bg: #fff;
        --top-bg: #ffffff;
    }