/* 诵读云播放页字幕 · 对齐茶座 player.php / chazuo-full-player.css */

.panel-player .full-lyrics-body .lyric-line {
    display: block;
    margin: 4px 0;
    padding: 6px 8px;
    text-align: center;
    font-size: 22px;
    line-height: 1.65;
    font-weight: 400;
    color: #000;
    white-space: normal;
    word-break: break-word;
    overflow-wrap: anywhere;
    opacity: 1;
    text-shadow: none;
    transform: none;
    transition: color 0.15s ease, font-weight 0.15s ease, opacity 0.15s ease, text-shadow 0.15s ease;
}

.panel-player .full-lyric-text {
    white-space: normal;
    word-break: break-word;
    overflow-wrap: anywhere;
    line-height: inherit;
    color: inherit;
    font-size: inherit;
}

.panel-player .full-lyrics-body .lyric-line.pinyin-mode {
    letter-spacing: 0;
    line-height: 2.5;
}

.panel-player .full-lyric-text .py-pair,
.panel-player .full-lyrics-body .lyric-line.pinyin-mode .py-pair {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    line-height: 1.2;
    vertical-align: baseline;
    margin-right: -0.06em;
    color: inherit;
}

.panel-player .full-lyric-text .py-pair:last-child,
.panel-player .full-lyrics-body .lyric-line.pinyin-mode .py-pair:last-child {
    margin-right: 0;
}

.panel-player .full-lyrics-body .lyric-line.pinyin-mode .py-pair {
    padding-left: 0.08em;
    padding-right: 0.08em;
}

.panel-player .full-lyric-text .py-top,
.panel-player .full-lyrics-body .lyric-line.pinyin-mode .py-top {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.7em;
    font-weight: 700;
    line-height: 1.2;
    height: 1.2em;
    color: inherit;
    text-shadow: none;
}

.panel-player .full-lyric-text .py-char,
.panel-player .full-lyrics-body .lyric-line.pinyin-mode .py-char {
    display: inline-block;
    line-height: 1.2;
    font-size: inherit;
    color: inherit;
}

.panel-player .full-lyrics-body .lyric-line.translation {
    display: block;
    margin-top: 5px;
    padding: 0 0 18px;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 400;
    color: #000;
    text-shadow: none;
}

/* 纯色 / 背景图 · 默认黑字（对齐茶座 lyric-black-text）
   描边只加在激活行整行及其字/拼音上；不要单独给 .py-char 写 none，否则字吃不到行上的 shadow */
.panel-player.is-bg-color .full-lyrics-body .lyric-line,
.panel-player.is-bg-image .full-lyrics-body .lyric-line,
.panel-player.is-bg-color .full-lyric-text .py-top,
.panel-player.is-bg-image .full-lyric-text .py-top,
.panel-player.is-bg-color .full-lyric-text .py-char,
.panel-player.is-bg-image .full-lyric-text .py-char,
.panel-player.is-bg-color .full-lyrics-body .lyric-line.translation,
.panel-player.is-bg-image .full-lyrics-body .lyric-line.translation {
    color: #000;
    opacity: 1;
    transform: none;
}

.panel-player.is-bg-color .full-lyrics-body .lyric-line:not(.active):not(.is-active),
.panel-player.is-bg-image .full-lyrics-body .lyric-line:not(.active):not(.is-active),
.panel-player.is-bg-color .full-lyrics-body .lyric-line:not(.active):not(.is-active) .py-top,
.panel-player.is-bg-image .full-lyrics-body .lyric-line:not(.active):not(.is-active) .py-top,
.panel-player.is-bg-color .full-lyrics-body .lyric-line:not(.active):not(.is-active) .py-char,
.panel-player.is-bg-image .full-lyrics-body .lyric-line:not(.active):not(.is-active) .py-char {
    text-shadow: none;
}

.panel-player.is-bg-minimal .full-lyrics-body .lyric-line {
    font-family: "Noto Sans SC", "Source Han Sans SC", "PingFang SC", "Microsoft YaHei", "HarmonyOS Sans", "MiSans", "OPPO Sans", "Roboto", system-ui, sans-serif;
    font-size: 16px;
    line-height: 1.65;
}

.panel-player.is-bg-minimal .full-lyrics-body .lyric-line:not(.translation) {
    font-weight: 700;
}

.panel-player.is-bg-minimal .full-lyrics-body .lyric-line.active:not(.translation),
.panel-player.is-bg-minimal .full-lyrics-body .lyric-line.is-active:not(.translation) {
    font-size: 18px;
}

.panel-player.is-bg-minimal .full-lyrics-body .lyric-line.translation {
    font-size: 13px;
    font-weight: 550;
}

/* 纯色：对齐茶座独立页 .lyric-line（未写 font-family，落到系统黑体；22·400 / 当前 700） */
.panel-player.is-bg-color:not(.is-bg-minimal) .full-lyrics-body .lyric-line {
    font-family: "Microsoft YaHei", "PingFang SC", "Noto Sans SC", "Source Han Sans SC", "HarmonyOS Sans", "MiSans", "OPPO Sans", sans-serif;
    font-size: 22px;
    font-weight: 400;
    margin: 4px 0;
    padding: 0;
    line-height: normal;
    animation: none;
    transform: none;
}

.panel-player.is-bg-color:not(.is-bg-minimal) .full-lyrics-body .lyric-line.active:not(.translation),
.panel-player.is-bg-color:not(.is-bg-minimal) .full-lyrics-body .lyric-line.is-active:not(.translation) {
    font-size: 22px;
    font-weight: 700;
    transform: none;
}

.panel-player.is-bg-color:not(.is-bg-minimal) .full-lyrics-body .lyric-line.translation {
    font-family: "Microsoft YaHei", "PingFang SC", "Noto Sans SC", "Source Han Sans SC", "HarmonyOS Sans", "MiSans", "OPPO Sans", sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.5;
    margin-top: 5px;
    margin-bottom: 0;
    padding: 0 0 18px;
}

.panel-player.is-bg-color:not(.is-bg-minimal) .full-lyrics-body .lyric-line.translation.active,
.panel-player.is-bg-color:not(.is-bg-minimal) .full-lyrics-body .lyric-line.translation.is-active {
    font-size: 20px;
    font-weight: 500;
}

.panel-player.is-bg-color:not(.is-bg-minimal) .full-lyrics-body .lyric-line.pinyin-mode,
.panel-player.is-bg-color:not(.is-bg-minimal) .full-lyrics-body .lyric-line.pinyin-mode.active,
.panel-player.is-bg-color:not(.is-bg-minimal) .full-lyrics-body .lyric-line.pinyin-mode.is-active {
    font-size: 22px;
    line-height: 2.5;
    letter-spacing: 0;
}

.panel-player.is-bg-color:not(.is-bg-minimal) .full-lyrics-body .lyric-line.pinyin-mode .py-pair {
    padding: 0 0.08em;
    margin-right: -0.06em;
}

.panel-player.is-bg-color:not(.is-bg-minimal) .full-lyrics-body .lyric-line.pinyin-mode span {
    padding-left: 0.08em;
    padding-right: 0.08em;
}

.panel-player.is-bg-color:not(.is-bg-minimal) .full-lyrics-body .lyric-line.pinyin-mode .py-top,
.panel-player.is-bg-color:not(.is-bg-minimal) .full-lyrics-body .lyric-line.pinyin-mode.active .py-top,
.panel-player.is-bg-color:not(.is-bg-minimal) .full-lyrics-body .lyric-line.pinyin-mode.is-active .py-top,
.panel-player.is-bg-color:not(.is-bg-minimal) .full-lyric-text .py-top {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.7em;
    font-weight: 700;
    line-height: 1.2;
    height: 1.2em;
}

.panel-player.is-bg-image .full-lyrics-body .lyric-line:not(.translation) {
    font-family: 'RandomFont', '江西拙楷', "Noto Sans SC", "Source Han Sans SC", "PingFang SC", "Microsoft YaHei", "HarmonyOS Sans", "MiSans", "OPPO Sans", sans-serif;
    font-weight: 400;
}

.panel-player.is-bg-color .full-lyrics-body .lyric-line.active,
.panel-player.is-bg-color .full-lyrics-body .lyric-line.is-active,
.panel-player.is-bg-color .full-lyrics-body .lyric-line.active .full-lyric-text,
.panel-player.is-bg-color .full-lyrics-body .lyric-line.is-active .full-lyric-text,
.panel-player.is-bg-color .full-lyrics-body .lyric-line.active .py-top,
.panel-player.is-bg-color .full-lyrics-body .lyric-line.is-active .py-top,
.panel-player.is-bg-color .full-lyrics-body .lyric-line.active .py-char,
.panel-player.is-bg-color .full-lyrics-body .lyric-line.is-active .py-char,
.panel-player.is-bg-color .full-lyrics-body .lyric-line.active .divine-char,
.panel-player.is-bg-color .full-lyrics-body .lyric-line.is-active .divine-char,
.panel-player.is-bg-color .full-lyrics-body .lyric-line.translation.active,
.panel-player.is-bg-color .full-lyrics-body .lyric-line.translation.is-active {
    color: #000;
    text-shadow:
        -1px -1px 0 #fff,
        1px -1px 0 #fff,
        -1px 1px 0 #fff,
        1px 1px 0 #fff;
}

.panel-player.is-bg-image .full-lyrics-body .lyric-line.active,
.panel-player.is-bg-image .full-lyrics-body .lyric-line.is-active,
.panel-player.is-bg-image .full-lyrics-body .lyric-line.active .full-lyric-text,
.panel-player.is-bg-image .full-lyrics-body .lyric-line.is-active .full-lyric-text,
.panel-player.is-bg-image .full-lyrics-body .lyric-line.active .py-top,
.panel-player.is-bg-image .full-lyrics-body .lyric-line.is-active .py-top,
.panel-player.is-bg-image .full-lyrics-body .lyric-line.active .py-char,
.panel-player.is-bg-image .full-lyrics-body .lyric-line.is-active .py-char,
.panel-player.is-bg-image .full-lyrics-body .lyric-line.active .divine-char,
.panel-player.is-bg-image .full-lyrics-body .lyric-line.is-active .divine-char,
.panel-player.is-bg-image .full-lyrics-body .lyric-line.translation.active,
.panel-player.is-bg-image .full-lyrics-body .lyric-line.translation.is-active {
    color: #000;
    text-shadow:
        1.5px 1.5px 0 #fff,
        -1.5px -1.5px 0 #fff,
        1.5px -1.5px 0 #fff,
        -1.5px 1.5px 0 #fff;
}

.panel-player.is-bg-image .full-lyrics-body .lyric-line.active:not(.translation),
.panel-player.is-bg-image .full-lyrics-body .lyric-line.is-active:not(.translation) {
    font-weight: 400;
}

.panel-player.is-bg-image .full-lyrics-body .lyric-line.translation {
    font-weight: 550;
}

.panel-player.is-bg-image .full-lyrics-body .lyric-line.active .py-top,
.panel-player.is-bg-image .full-lyrics-body .lyric-line.is-active .py-top {
    font-weight: 700;
}

.panel-player.is-bg-color .full-lyrics-body .lyric-line.pinyin-mode .py-top,
.panel-player.is-bg-image .full-lyrics-body .lyric-line.pinyin-mode .py-top,
.panel-player.is-bg-color .full-lyrics-body .lyric-line.pinyin-mode .py-char,
.panel-player.is-bg-image .full-lyrics-body .lyric-line.pinyin-mode .py-char,
.panel-player.is-bg-color .full-lyrics-body .lyric-line rt,
.panel-player.is-bg-image .full-lyrics-body .lyric-line rt {
    color: #000;
}

.panel-player.is-bg-color .full-lyrics-body .lyric-line.pinyin-mode,
.panel-player.is-bg-image .full-lyrics-body .lyric-line.pinyin-mode,
.panel-player.is-bg-color .full-lyrics-body .lyric-line.pinyin-mode.active,
.panel-player.is-bg-image .full-lyrics-body .lyric-line.pinyin-mode.active,
.panel-player.is-bg-color .full-lyrics-body .lyric-line.pinyin-mode.is-active,
.panel-player.is-bg-image .full-lyrics-body .lyric-line.pinyin-mode.is-active {
    font-size: 22px;
}

/* 神光 / 沉浸式：只显示当前行（对齐茶座 data-background-mode=divine） */
.panel-player.is-bg-divine .full-lyrics-body .lyric-line:not(.translation):not(.active):not(.is-active),
.panel-player.is-bg-immersive .full-lyrics-body .lyric-line:not(.translation):not(.active):not(.is-active),
.panel-player.is-bg-divine .full-lyrics-body .lyric-line.translation:not(.active):not(.is-active):not(.active-translation),
.panel-player.is-bg-immersive .full-lyrics-body .lyric-line.translation:not(.active):not(.is-active):not(.active-translation) {
    display: none !important;
}

.panel-player.is-bg-divine .full-lyrics-body .lyric-line.active:not(.translation),
.panel-player.is-bg-divine .full-lyrics-body .lyric-line.is-active:not(.translation),
.panel-player.is-bg-immersive .full-lyrics-body .lyric-line.active:not(.translation),
.panel-player.is-bg-immersive .full-lyrics-body .lyric-line.is-active:not(.translation) {
    font-family: 'RandomFont', '江西拙楷', "Noto Sans SC", "Source Han Sans SC", "PingFang SC", "Microsoft YaHei", "HarmonyOS Sans", "MiSans", "OPPO Sans", sans-serif !important;
    font-size: 40px !important;
    font-weight: normal !important;
    color: #fff !important;
    -webkit-text-stroke: 1px #000;
    text-shadow:
        -1px -1px 0 #000,
        1px -1px 0 #000,
        -1px 1px 0 #000,
        1px 1px 0 #000,
        0 0 10px rgba(140, 180, 255, 0.35);
}

.panel-player.is-bg-divine .full-lyrics-body .lyric-line.active:not(.translation) .full-lyric-text,
.panel-player.is-bg-immersive .full-lyrics-body .lyric-line.active:not(.translation) .full-lyric-text,
body.sdy-immersive-active .full-lyrics-body .lyric-line.active:not(.translation) .full-lyric-text {
    letter-spacing: 0;
    word-spacing: 0;
}

.panel-player.is-bg-divine .full-lyrics-body .lyric-line.active:not(.translation) .divine-char:not(.sdy-glyph-sys),
.panel-player.is-bg-divine .full-lyrics-body .lyric-line.is-active:not(.translation) .divine-char:not(.sdy-glyph-sys),
.panel-player.is-bg-immersive .full-lyrics-body .lyric-line.active:not(.translation) .divine-char:not(.sdy-glyph-sys),
.panel-player.is-bg-immersive .full-lyrics-body .lyric-line.is-active:not(.translation) .divine-char:not(.sdy-glyph-sys),
body.sdy-immersive-active .full-lyrics-body .lyric-line.active:not(.translation) .divine-char:not(.sdy-glyph-sys),
.panel-player.is-bg-divine .full-lyrics-body .lyric-line.active:not(.translation) .py-char,
.panel-player.is-bg-immersive .full-lyrics-body .lyric-line.active:not(.translation) .py-char,
.panel-player.is-bg-divine .full-lyrics-body .lyric-line.active:not(.translation) .py-pair,
.panel-player.is-bg-immersive .full-lyrics-body .lyric-line.active:not(.translation) .py-pair {
    font-family: 'RandomFont', '江西拙楷', "Noto Sans SC", "Source Han Sans SC", "PingFang SC", "Microsoft YaHei", "HarmonyOS Sans", "MiSans", "OPPO Sans", sans-serif !important;
    font-size: 40px !important;
    font-weight: normal !important;
    color: #fff !important;
    letter-spacing: 0;
    margin: 0;
    -webkit-text-stroke: 1px #000;
    text-shadow:
        -1px -1px 0 #000,
        1px -1px 0 #000,
        -1px 1px 0 #000,
        1px 1px 0 #000,
        0 0 10px rgba(140, 180, 255, 0.35);
}

.panel-player .full-lyrics-body .divine-char.sdy-glyph-sys,
body.sdy-immersive-active .full-lyrics-body .divine-char.sdy-glyph-sys {
    font-family: "Songti SC", "Noto Serif CJK SC", "Source Han Serif SC", "STSong", "SimSun", serif;
    font-weight: 400;
    font-synthesis: none;
}

body.sdy-immersive-active .full-lyrics-body .lyric-line.active,
body.sdy-immersive-active .full-lyrics-body .lyric-line.is-active,
.panel-player.is-bg-divine .full-lyrics-body .lyric-line.active,
.panel-player.is-bg-immersive .full-lyrics-body .lyric-line.active {
    transform: none;
}

/* 沉浸注音：拼音绝对叠在字上，不按拼音串撑开字距（对齐茶座 ruby rt） */
body.sdy-immersive-active .full-lyrics-body .lyric-line.pinyin-mode .py-pair,
.panel-player.is-bg-divine .full-lyrics-body .lyric-line.pinyin-mode .py-pair,
.panel-player.is-bg-immersive .full-lyrics-body .lyric-line.pinyin-mode .py-pair {
    position: relative;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.sdy-immersive-active .full-lyrics-body .lyric-line.pinyin-mode .py-top,
.panel-player.is-bg-divine .full-lyrics-body .lyric-line.pinyin-mode .py-top,
.panel-player.is-bg-immersive .full-lyrics-body .lyric-line.pinyin-mode .py-top {
    position: absolute !important;
    left: 50%;
    top: -1.2em;
    transform: translateX(-50%);
    width: max-content !important;
    max-width: none !important;
    white-space: nowrap;
}

body.sdy-immersive-active .full-lyrics-body .lyric-line.pinyin-mode .py-char,
.panel-player.is-bg-divine .full-lyrics-body .lyric-line.pinyin-mode .py-char,
.panel-player.is-bg-immersive .full-lyrics-body .lyric-line.pinyin-mode .py-char {
    width: auto !important;
    display: inline-block !important;
}

body.sdy-immersive-active .full-lyrics-body .lyric-line.pinyin-mode .divine-char,
.panel-player.is-bg-divine .full-lyrics-body .lyric-line.pinyin-mode .divine-char,
.panel-player.is-bg-immersive .full-lyrics-body .lyric-line.pinyin-mode .divine-char {
    padding-left: 0.08em;
    padding-right: 0.08em;
}

.panel-player.is-bg-divine .full-lyrics-body .lyric-line.translation.active,
.panel-player.is-bg-divine .full-lyrics-body .lyric-line.translation.is-active,
.panel-player.is-bg-immersive .full-lyrics-body .lyric-line.translation.active,
.panel-player.is-bg-immersive .full-lyrics-body .lyric-line.translation.is-active {
    font-family: 'RandomFont', '江西拙楷', "Noto Sans SC", "Source Han Sans SC", "PingFang SC", "Microsoft YaHei", "HarmonyOS Sans", "MiSans", "OPPO Sans", sans-serif !important;
    font-size: 25px !important;
    color: #fff !important;
    font-weight: 400 !important;
    text-shadow:
        -1px -1px 0 #000,
        1px -1px 0 #000,
        -1px 1px 0 #000,
        1px 1px 0 #000;
}

.panel-player.is-bg-divine .full-lyric-text .py-top,
.panel-player.is-bg-immersive .full-lyric-text .py-top {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700;
    color: #fff;
}

.panel-player.is-bg-divine .full-lyrics-body .lyric-line.active .py-top,
.panel-player.is-bg-divine .full-lyrics-body .lyric-line.is-active .py-top,
.panel-player.is-bg-immersive .full-lyrics-body .lyric-line.active .py-top,
.panel-player.is-bg-immersive .full-lyrics-body .lyric-line.is-active .py-top {
    color: #fff !important;
    text-shadow:
        -1px -1px 0 #000,
        1px -1px 0 #000,
        -1px 1px 0 #000,
        1px 1px 0 #000;
}

/* 封面色 / 背景图 · 长字幕：全列表滚动，不压淡、不缩小（对齐茶座） */
.panel-player.is-long-lyrics:not(.is-bg-divine) .full-lyrics-body .lyric-line:not(.translation):not(.active):not(.is-active) {
    display: block;
}

/* 茶座独立页 #lyric-content：5px 1px + paddingBottom 20vh。38vh 会把第一行垫到屏幕中央 */
.panel-player.is-long-lyrics:not(.is-bg-divine):not(.is-bg-color):not(.is-bg-image) .full-lyrics-body {
    padding: 38vh 8px 38vh;
}

.panel-player.is-long-lyrics.is-bg-color:not(.is-bg-minimal) .full-lyrics-body,
.panel-player.is-long-lyrics.is-bg-image .full-lyrics-body {
    padding: 5px 1px 20vh;
}

.panel-player:not(.is-bg-divine) .full-lyrics-scroll {
    mask-image: none;
    scroll-behavior: auto;
}

@media screen and (max-width: 768px) {
    .panel-player .full-lyrics-body .lyric-line.pinyin-mode,
    .panel-player.is-bg-color:not(.is-bg-minimal) .full-lyrics-body .lyric-line.pinyin-mode,
    .panel-player.is-bg-color:not(.is-bg-minimal) .full-lyrics-body .lyric-line.pinyin-mode.active,
    .panel-player.is-bg-color:not(.is-bg-minimal) .full-lyrics-body .lyric-line.pinyin-mode.is-active {
        line-height: 1.8;
    }
}