body {
    font-family: '', 'Microsoft YaHei', san-serif !important;
    color: white;
    text-shadow:
        0px 1px 0px rgba(0, 0, 0, 1),
        0px 2px 0px rgba(0, 0, 0, 1),
        0px 3px 0px rgba(0, 0, 0, 1),
        1px 1px 0px rgba(0, 0, 0, 1),
        1px 2px 0px rgba(0, 0, 0, 1),
        1px 3px 0px rgba(0, 0, 0, 1),
        2px 1px 0px rgba(0, 0, 0, 1),
        2px 2px 0px rgba(0, 0, 0, 1),
        2px 3px 0px rgba(0, 0, 0, 1),
        3px 1px 0px rgba(0, 0, 0, 1),
        3px 2px 0px rgba(0, 0, 0, 1),
        3px 3px 0px rgba(0, 0, 0, 1),
        3px 3px 3px rgba(0, 0, 0, 0.5);
}

/* 总容器 */
.container {
    width: 600px;
    height: 100%;
    margin: 10px;
    flex-direction: column;
}

/* 标题行总容器 */
.title-container {
    display: flex;
    align-items: center;
    height: 1em;
    flex-direction: row;
    margin-top: 20px;
    margin-bottom: 20px;
}

/* 标题文字 */
.title-text {
    font-size: 28px;
}

/* 清除列表按钮容器 */
.clear-button-container {
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

/* 清除列表按钮 */
.clear-button {
    width: 110px;
    align-items: center;
    justify-content: center;
}

/* 歌曲列表容器 */
.song-list {
    flex: 1;
    text-align: left;
    vertical-align: top;
    line-height: 0.8;
}

/* 歌曲列表容器 */
.song-item {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

/* 序号 */
.song-index {
    font-size: 24px;
    margin-right: 10px;
}

/* 歌名 */
.song-title {
    font-size: 24px;
    margin-right: 10px;
}

/* 点歌人 */
.username {
    font-size: 18px;
    margin-right: 10px;
}

/* 复制和移除按钮的容器 */
.action-buttons {
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

/* 复制 */
.copy-button {
    width: 50px;
    margin-left: 10px;
    text-align: center;
}

/* 移除 */
.remove-button {
    width: 50px;
    margin-left: 10px;
    text-align: center;
}