@charset "utf-8";
/* =============================================================================
   土狗音乐 · 前台页面自适应样式（配合 blank-music.php，放在插件目录）
   -----------------------------------------------------------------------------
   桌面端（>= 900px）：左侧信息栏 + 右侧内容栏，白色卡片并排
   移动端（< 900px） ：logo 条 → 通栏 banner → 播放器卡片 → 歌曲列表 → 统计卡片
   全部规则限定在 .container.music-page 内，不影响主题其他页面
   ============================================================================= */

/* ------------------------------------------------------------------
   0. 变量与栅格
   ------------------------------------------------------------------ */
.container.music-page {
    --mp-side: 190px;
    --mp-gap: 16px;
    --mp-card: #ffffff;
    --mp-bg: #f6f7f9;
    --mp-line: #ececf0;
    --mp-text: #1f2124;
    --mp-muted: #8b8e94;
    --mp-accent: #1a73e8;
    --mp-soft: #f5f9ff;
    --mp-radius: 10px;

    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: var(--mp-gap);
    max-width: 1180px;
    margin: 0 auto;
    padding: 20px 16px 0 !important;
    text-align: left;
}

/* 兜底：万一有元素（例如 footer）落在 section 内部，让它独占整行 */
.container.music-page > :not(.header):not(.content-wrap) {
    flex: 0 0 100%;
    max-width: 100%;
}

/* 页脚：左右位置还原主题原样（桌面左缩进 210px、手机左右 15px），
   只把上下内边距改成等距，配合容器底部 0 内边距，做到上下留白一致 */
.container.music-page > .footer {
    margin: 0 0 0 210px !important;
    padding: 14px 0 !important;
    flex: 1 1 auto;
    max-width: calc(100% - 210px);
    line-height: 1.4;
    clear: none;
}
@media (max-width: 768px) {
    .container.music-page > .footer {
        margin: 0 !important;
        padding: 14px 15px !important;
        max-width: 100%;
        text-align: center;
    }
}

/* 回顶部按钮：原来用主题主色 #ff5e52 橙红实心块，与本页蓝灰配色冲突；
   改为白底卡片 + 主色蓝图标，悬停填充蓝色，与页面风格一致 */
body.page-template-blank-music .karbar li a {
    background-color: #fff;
    border: 1px solid #ececf0;
    border-radius: 10px;
    box-shadow: 0 6px 18px rgba(20, 24, 31, .08);
    color: #1a73e8;
    transition: background-color .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease;
}
body.page-template-blank-music .karbar li a i {
    color: #1a73e8;
    font-size: 22px;
    line-height: 22px;
    height: 22px;
    margin: 10px 0 4px;
    transition: color .18s ease;
}
body.page-template-blank-music .karbar li a span {
    color: #8b8e94;
    transition: color .18s ease;
}
body.page-template-blank-music .karbar li a:hover {
    background-color: #1a73e8;
    border-color: #1a73e8;
    color: #fff;
    box-shadow: 0 8px 22px rgba(26, 115, 232, .28);
}
body.page-template-blank-music .karbar li a:hover i,
body.page-template-blank-music .karbar li a:hover span {
    color: #fff;
}

/* 顶部空白的真正原因：主题的 .fixhead-m-on 会给 body 垫 84px 上边距，
   那是给「固定移动导航」预留的位置；本页模板不输出导航，所以只剩一片白。
   这页的 body 上有 page-template-blank-music 类，用 :has 兜底，其他页面不受影响。 */
body[class*="page-template-blank-music"],
body:has(.container.music-page) {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* ------------------------------------------------------------------
   1. 左侧信息栏
   ------------------------------------------------------------------ */
/* 左栏恢复白色卡片，和右侧内容卡同底色同边框 */
.music-page .header {
    position: sticky;
    top: 16px;
    width: var(--mp-side);
    height: auto;
    flex: 0 0 var(--mp-side);
    /* 内容比视口高时自己滚动，避免侧栏下半截被裁掉 */
    max-height: calc(100vh - 32px);
    overflow-y: auto;
    margin: 0;
    padding: 0 0 8px;
    background: var(--mp-card);
    border: 1px solid var(--mp-line);
    border-radius: var(--mp-radius);
    box-shadow: 0 2px 10px rgba(20, 30, 50, .05);
    z-index: auto;
    scrollbar-width: thin;
}

/* logo 条：贴在栏首，左右上下都不留白 */
.music-page .header .logo,
.music-page .header > :first-child {
    display: block;
    height: auto;
    max-height: none;
    margin: 0;
    padding: 0;
    line-height: 0;
    background: none;
    overflow: hidden;
    border-bottom: 1px solid var(--mp-line);
    text-align: center;
}

.music-page .header .logo a,
.music-page .header .logo2 a,
.music-page .header > :first-child a {
    display: inline-block;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0;
    padding: 0 !important;
    line-height: 1.2;
    font-size: 13px;
    letter-spacing: .02em;
    color: var(--mp-muted);
    white-space: nowrap;
    background: none !important;
    overflow: visible !important;
    vertical-align: middle;
}

.music-page .header .logo img,
.music-page .header .logo2 img,
.music-page .header > :first-child img {
    display: block !important;
    /* 宽度撑满侧栏，高度按原图比例自动跟随 —— 图不会被压扁，也不会显小 */
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 200px !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    vertical-align: middle !important;
}

/* 模板里一次输出两张 logo（PC / 手机），用 CSS 二选一，避免两张叠在一起。
   选择器要压过上面的 img 规则，所以写到 4 段 */
.music-page .header .logo .logo-img-m,
.music-page .header .logo2 .logo-img-m,
.music-page .header > :first-child .logo-img-m {
    display: none !important;
}

/* 站点名文字跟在 logo 下面；PC 端整块撑满侧栏宽度 */
.music-page .header .logo2 a {
    display: block !important;
    width: 100%;
    max-width: 100%;
    white-space: normal;
    text-align: center;
    line-height: 1.6;
    margin-top: 6px;
}

/* 广告图 + slogan */
.music-page .feeds2 {
    margin: 0;
    padding: 16px 14px 6px;
    font-size: 12px;
    line-height: 1.7;
    color: var(--mp-muted);
    text-align: center;
}

.music-page .feeds2 img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto 10px;
    border-radius: 6px;
}

/* 语录：跟着主题走——不带框、不带底色，只用一条细分隔线跟上方内容分开 */
.music-page .slinks {
    display: block;
    clear: both;
    margin: 16px 14px 6px;
    padding: 12px 0 0;
    border: 0;
    border-top: 1px solid var(--mp-line);
    background: none;
    border-radius: 0;
    font-size: 12px;
    line-height: 1.8;
    color: #666;
    text-align: left;
}

.music-page .slinks > div {
    padding: 0 !important;
}

/* 小标签：今日一句 */
.music-page .slinks span {
    display: block;
    margin-bottom: 4px;
    font-size: 11px !important;
    line-height: 1.5;
    letter-spacing: .04em;
    color: var(--mp-muted) !important;
    opacity: 1;
}

/* 正文：和主题正文同一档灰色，不做强调色 */
.music-page .slinks #quote-text {
    font-size: 12px !important;
    line-height: 1.8 !important;
    color: #666 !important;
}

/* 语录里如果带链接，跟主题的灰色链接保持一致 */
.music-page .slinks a {
    margin: 0 5px;
    font-size: inherit;
    line-height: inherit;
    color: var(--tb--gray, #999) !important;
}

.music-page .slinks a:hover {
    color: #666 !important;
    text-decoration: underline;
}
/* ------------------------------------------------------------------
   2. 右侧内容栏
   ------------------------------------------------------------------ */
.music-page .content-wrap {
    width: auto;
    float: none;
    flex: 1 1 0%;
    min-width: 0;
    margin: 0;
    padding: 0;
}

.music-page .content {
    margin: 0;
    padding: 0;
    min-height: 0;
    overflow: hidden;
    background: var(--mp-card);
    border: 1px solid var(--mp-line);
    border-radius: var(--mp-radius);
    box-shadow: 0 2px 10px rgba(20, 30, 50, .05);
}

/* 正文容器：整体留 16px 内边距，任何元素都不贴卡片边缘 */
.music-page .article-content {
    margin: 0;
    padding: 16px 16px 26px;
    background: transparent;
    border-radius: 0;
    font-size: 15px;
    line-height: 1.8;
    color: var(--mp-text);
}

.music-page .article-content > img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 12px;
    border-radius: var(--mp-radius);
    overflow: hidden;
}

.music-page .article-content img {
    max-width: 100%;
    height: auto;
}

/* 内容里的小标题（例如“本站收录”）：3px 蓝竖线，和侧栏语录呼应 */
.music-page .article-content h2,
.music-page .article-content h3 {
    margin: 24px 0 12px;
    padding-left: 10px;
    border-left: 3px solid var(--mp-accent);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: .02em;
    color: var(--mp-text);
}

/* 统计：不再四张卡片，改成一条浅灰仪表条，内部三条竖分隔线 */
.music-page .article-content .apm-stats {
    gap: 0 !important;
    margin: 0;
    padding: 0;
    border: 0 !important;
    background: var(--mp-bg) !important;
    border-radius: var(--mp-radius);
    overflow: hidden;
}

.music-page .article-content .apm-stats > div {
    /* 短代码输出是 <strong>分类</strong><br>数字：
       分类标题贴上方，数字在格子里垂直居中 */
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-height: 96px;
    padding: 16px !important;
    background: transparent !important;
    border: 0 !important;
    border-left: 1px solid #e2e4e9 !important;
    border-radius: 0 !important;
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.25;
    font-variant-numeric: tabular-nums;
    color: var(--mp-text);
}

.music-page .article-content .apm-stats > div:first-child {
    border-left: 0 !important;
}

.music-page .article-content .apm-stats > div br {
    display: none !important;
}

.music-page .article-content .apm-stats > div strong {
    position: absolute;
    top: 14px;
    left: 0;
    right: 0;
    margin: 0 !important;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: .02em;
    color: var(--mp-muted);
    text-align: center;
}

/* ------------------------------------------------------------------
   3. APlayer 播放器
   ------------------------------------------------------------------ */
.music-page .aplayer {
    margin: 0 0 16px;
    background: #fff;
    border: 1px solid var(--mp-line);
    border-radius: var(--mp-radius);
    box-shadow: none;
    font-family: inherit;
}

/* 外观回到 APlayer 原版：信息区 90px、封面 90×90（不再放大），歌词窗高度也用原版 30px，
   这样歌词滚动定位完全沿用 APlayer 自己的算法，当前句不会跑丢。
   省出来的空间只来自三点：上内边距 14→6、标题下边距 13→4、歌词窗去掉 -10px 负边距。 */
.music-page .aplayer.aplayer-withlrc .aplayer-info {
    height: 90px;
    margin-left: 90px;
    padding: 6px 7px 0 10px;
}

.music-page .aplayer.aplayer-withlrc .aplayer-pic {
    height: 90px;
    width: 90px;
}

.music-page .aplayer.aplayer-withlrc .aplayer-lrc {
    height: 30px;
    margin: 0 0 6px;
    overflow: hidden;
    /* 建立独立的层叠上下文：自带的上/下渐变伪元素 z-index:1 不会再盖住下面的控制器 */
    position: relative;
    z-index: 0;
}

/* 去掉歌词窗顶部/底部的白色渐变遮罩：它会把当前这句的上下缘刷淡，看起来像被挡住 */
.music-page .aplayer .aplayer-lrc:before,
.music-page .aplayer .aplayer-lrc:after {
    display: none;
}

/* 控制器（进度条＋右侧时间按键）压在歌词之上，任何情况下都不会被歌词盖住 */
.music-page .aplayer-info .aplayer-controller {
    position: relative;
    z-index: 2;
    /* 进度条与右侧时间/按键整行垂直居中，保证在同一水平线上 */
    align-items: center;
}

/* 标题与歌词之间收窄（原版 13px → 4px），歌词窗跟着上移，和进度条之间留出净空 */
.music-page .aplayer-info .aplayer-music {
    margin: 0 0 4px 5px;
}

/* 右侧时间与按键跟进度条同一条水平线：整行用 flex 居中，不再靠 bottom 微调 */
.music-page .aplayer-info .aplayer-controller .aplayer-time {
    bottom: 0;
    white-space: nowrap;
    display: flex;
    align-items: center;
    height: 17px;
    /* 不参与压缩，宽度不够时宁可压缩进度条，也不让按键掉到第二行 */
    flex: 0 0 auto;
}
.music-page .aplayer .aplayer-info {
    border-bottom: 1px solid #f0f2f5;
}

.music-page .aplayer-title {
    font-size: 15px;
    font-weight: 600;
    color: var(--mp-text);
}

.music-page .aplayer-author {
    font-size: 12.5px;
    color: var(--mp-muted);
}

.music-page .aplayer .aplayer-lrc p {
    color: #9aa0a8;
    font-size: 12px;
}

.music-page .aplayer .aplayer-lrc p.aplayer-lrc-current {
    color: var(--mp-accent);
}

.music-page .aplayer .aplayer-played,
.music-page .aplayer .aplayer-thumb,
.music-page .aplayer .aplayer-list-cur {
    background: var(--mp-accent) !important;
}

.music-page .aplayer-list ol li {
    height: 38px;
    line-height: 38px;
    padding: 0 12px;
    font-size: 13px;
    border-top: 1px solid #f2f3f6;
    transition: background .15s ease;
}

.music-page .aplayer-list ol li:hover {
    background: #fafbfc;
}

.music-page .aplayer-list ol li.aplayer-list-light {
    background: var(--mp-soft);
    box-shadow: inset 3px 0 0 var(--mp-accent);
}

.music-page .aplayer-list ol li .aplayer-list-index {
    margin-right: 14px;
    font-size: 12px;
    color: #a8abb1;
}

/* 长曲目名 / 长歌手名一律单行省略，不让列表行高被撑开 */
.music-page .aplayer-list ol li .aplayer-list-title {
    color: var(--mp-text);
    display: inline-block;
    max-width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom;
}

.music-page .aplayer-list ol li .aplayer-list-author {
    color: var(--mp-muted);
    display: inline-block;
    max-width: 28%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: right;
    vertical-align: bottom;
}

/* 播放器标题同样单行省略 */
.music-page .aplayer-title {
    display: inline-block;
    max-width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom;
}

/* 正文段落统一节奏，短代码前后不出现忽大忽小的空隙 */
.music-page .article-content p {
    margin: 0 0 12px;
}

/* [aplayer_table] 之类的表格在窄屏横向滚动，不撑破卡片 */
.music-page .article-content table {
    display: block;
    width: 100%;
    overflow-x: auto;
    border-collapse: collapse;
    font-size: 13px;
}

/* ------------------------------------------------------------------
   4. 歌词展开（由 blank-music.js 生成按钮与面板）
   ------------------------------------------------------------------ */
.music-page .mp-lrc-tools {
    display: flex;
    justify-content: flex-end;
    margin: 8px 0 12px;
}

.music-page .mp-lrc-btn {
    appearance: none;
    -webkit-appearance: none;
    background: none;
    border: 0;
    padding: 2px 0;
    font: inherit;
    font-size: 12px;
    line-height: 1.4;
    letter-spacing: .02em;
    color: var(--mp-muted);
    cursor: pointer;
    transition: color .15s ease;
}

.music-page .mp-lrc-btn:hover,
.music-page .mp-lrc-btn[aria-expanded="true"] {
    color: var(--mp-accent);
}

.music-page .mp-lrc-panel {
    position: relative;
    display: none;
    /* 不限制高度：整首歌词一次性铺开，跟随页面滚动查看 */
    max-height: none;
    overflow: visible;
    margin: 0 0 16px;
    padding: 12px 0;
    background: var(--mp-bg);
    border-radius: var(--mp-radius);
}

.music-page .mp-lrc-panel.open {
    display: block;
}

.music-page .mp-lrc-panel ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

.music-page .mp-lrc-panel li {
    padding: 0 16px;
    font-size: 13px;
    line-height: 2;
    text-align: center;
    color: var(--mp-muted);
    transition: color .15s ease;
}

.music-page .mp-lrc-panel li.cur {
    color: var(--mp-accent);
    font-weight: 600;
}

/* 面板底部的收起按钮，整首铺开后不用滚回顶部 */
.music-page .mp-lrc-btn.mp-lrc-btn-bottom {
    display: block;
    margin: 8px auto 2px;
    padding: 6px 16px;
}

/* 展开时收起播放器自带的 3 行歌词窗，避免同一段歌词出现两遍 */
.music-page .aplayer.mp-lrc-open .aplayer-lrc {
    display: none;
}

/* 展开后播放器里只剩标题和控制器：标题仍在原位，只把控制器在剩余空间里居中 */
.music-page .aplayer.mp-lrc-open .aplayer-info {
    display: flex;
    flex-direction: column;
}

.music-page .aplayer.mp-lrc-open .aplayer-info .aplayer-controller {
    margin-top: auto;
    margin-bottom: auto;
}

/* ------------------------------------------------------------------
   5. 移动端：单列
   ------------------------------------------------------------------ */
@media screen and (max-width: 899px) {

    .container.music-page {
        display: block;
        gap: 0;
        max-width: none;
        /* 主题的 .fixhead-m-on .container 会垫出顶部留白，必须压掉；
           顶部 56px 只让给固定的 logo 行，语录行留在正常流里跟着内容一起滚动 */
        padding: 56px 0 0 !important;
        background: transparent;
    }

    /* 手机端 header 本身回到普通流（不再整块固定），只把里面的 logo 行单独固定住：
       logo 常驻顶部，下面的语录行随页面一起滚走 */
    .music-page .header {
        position: relative !important;
        top: auto !important;
        /* 主题给 .header 写了 top:0;bottom:0（整屏竖条），手机端必须把 bottom 放掉，
           否则 height:auto 会被拉伸成整屏高度，把下面的内容全盖住 */
        bottom: auto !important;
        left: auto !important;
        right: auto !important;
        width: 100%;
        height: auto !important;
        max-height: none !important;
        overflow: visible;
        flex: none;
        margin: 0;
        padding: 0;
        background: transparent;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        z-index: auto;
    }

    .music-page .header .logo,
    .music-page .header > :first-child {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        height: 56px;
        min-height: 0;
        max-height: 56px;
        margin: 0;
        padding: 0 12px !important;
        line-height: 56px;
        background: #fff;
        border-bottom: 1px solid var(--mp-line);
        overflow: hidden;
        text-align: center;
        z-index: 999 !important;
    }

    .music-page .header .logo a,
    .music-page .header .logo2 a,
    .music-page .header > :first-child a {
        display: inline-block !important;
        width: auto !important;
        max-width: none !important;
        height: auto !important;
        margin: 0 !important;
        line-height: 0;
        white-space: nowrap;
        vertical-align: middle;
    }

    .music-page .header .logo img,
    .music-page .header .logo2 img,
    .music-page .header > :first-child img {
        width: auto !important;
        height: 40px !important;
        max-width: 100% !important;
        max-height: none !important;
        min-height: 0 !important;
        aspect-ratio: auto !important;
        object-fit: contain !important;
        margin: 0 6px 0 0 !important;
        display: inline-block !important;
        vertical-align: middle !important;
    }

    /* 手机端只显示 logomusic2.png，PC 那张藏掉（4 段选择器压过上面的 img 规则） */
    .music-page .header .logo .logo-img-pc,
    .music-page .header .logo2 .logo-img-pc,
    .music-page .header > :first-child .logo-img-pc {
        display: none !important;
    }

    .music-page .header .logo .logo-img-m,
    .music-page .header .logo2 .logo-img-m,
    .music-page .header > :first-child .logo-img-m {
        display: inline-block !important;
    }

    .music-page .header .logo2 a {
        font-size: 12px;
    }

    /* 方图广告在手机上不显示；语录保留，收成顶栏 logo 下面一行细字 */
    .music-page .feeds2 {
        display: none;
    }

    .music-page .slinks {
        display: block !important;
        clear: both;
        /* 和内容卡对齐：同样的左右 12px 边距、白底细边圆角，文字左对齐，
           正文左边和下面内容卡的文字左边落在同一条竖线上 */
        margin: 8px 12px 0;
        padding: 9px 12px 10px;
        /* 比页面底色（#f6f7f9）多一点点冷色，拉开层次又不跟白卡抢视线 */
        border: 1px solid #e3eaf6;
        border-radius: 12px;
        background: #eff4fb;
        font-size: 12px;
        line-height: 1.7;
        color: #666;
        text-align: left;
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
    }

    .music-page .slinks > div {
        padding: 0 !important;
    }

    /* 标签小字 + 正文同一行，整体左对齐，跟着内容卡的字排 */
    .music-page .slinks span {
        display: inline !important;
        margin: 0 5px 0 0;
        font-size: 10.5px !important;
        line-height: 1.7;
        letter-spacing: .06em;
        color: var(--mp-muted) !important;
        vertical-align: baseline;
    }

    .music-page .slinks #quote-text {
        display: inline !important;
        font-size: 12.5px !important;
        line-height: 1.7 !important;
        color: #666 !important;
        vertical-align: baseline;
    }

    .music-page .content-wrap {
        width: 100%;
        flex: none;
        margin: 0;
    }

    /* 手机端也走白卡：和 PC 一样是「白卡 + 卡内留边」的同一套观感 */
    .music-page .content {
        margin: 8px 12px 0;
        background: var(--mp-card);
        border: 1px solid var(--mp-line);
        border-radius: 12px;
        box-shadow: none;
    }

    /* 手机端同样留边：12px 内边距，任何元素都不贴屏幕边缘 */
    .music-page .article-content {
        padding: 12px 12px 20px;
        font-size: 14px;
        line-height: 1.7;
    }

    .music-page .article-content > img {
        width: 100%;
        max-width: none;
        margin: 0 0 12px;
        border-radius: 12px;
    }

    /* 播放器：跟内容卡一起留边，只留 1px 边框，不再额外投影 */
    .music-page .aplayer {
        margin: 0 0 12px;
        border-radius: 12px;
        box-shadow: none;
    }

    .music-page .aplayer-info {
        padding: 12px 8px 0 10px;
    }

    /* 手机端同样是原版 90px：封面不放大，歌词窗高度也保持 30px */
    .music-page .aplayer.aplayer-withlrc .aplayer-info {
        height: 90px;
        margin-left: 90px;
        padding: 6px 8px 0 10px;
    }

    .music-page .aplayer.aplayer-withlrc .aplayer-pic {
        height: 90px;
        width: 90px;
    }

    .music-page .aplayer.aplayer-withlrc .aplayer-lrc {
        height: 30px;
        margin: 0 0 6px;
    }

    .music-page .aplayer-music {
        margin: 0 0 4px 4px;
        padding-bottom: 0;
        line-height: 1.4;
        height: 20px;
    }

    .music-page .aplayer-lrc {
        margin: 0 0 6px;
    }

    .music-page .aplayer-list ol li {
        height: 40px;
        line-height: 40px;
        padding: 0 12px;
        font-size: 13px;
    }

    .music-page .mp-lrc-tools {
        margin: 6px 0 10px;
    }

    .music-page .mp-lrc-btn {
        font-size: 12.5px;
        padding: 8px 0;
    }

    .music-page .mp-lrc-panel {
        padding: 10px 0;
        border-radius: 10px;
        background: var(--mp-bg);
    }

    .music-page .mp-lrc-panel li {
        padding: 0 12px;
        font-size: 12.5px;
        line-height: 2;
    }

    .music-page .mp-lrc-panel li.cur {
        font-weight: 600;
    }

    /* 统计仪表条在手机端保持一行（4 格或 5 格由短代码自己定），只收紧字号 */
    .music-page .article-content .apm-stats {
        gap: 0 !important;
        padding: 0;
        border: 0 !important;
    }

    .music-page .article-content .apm-stats > div {
        min-height: 72px;
        padding: 10px 4px !important;
        font-size: 18px;
    }

    .music-page .article-content .apm-stats > div strong {
        top: 8px;
        font-size: 10.5px;
    }

    .music-page .article-content h2,
    .music-page .article-content h3 {
        margin: 18px 0 10px;
        font-size: 12px;
    }
}

/* 超窄屏再收紧一档 */
@media screen and (max-width: 359px) {

    .container.music-page {
        /* 只让出固定的 52px logo 行，语录行随内容滚动 */
        padding-top: 52px !important;
    }

    .music-page .header {
        height: auto !important;
        max-height: none !important;
    }

    .music-page .header .logo,
    .music-page .header > :first-child {
        height: 52px;
        max-height: 52px;
        line-height: 52px;
    }

    .music-page .header .logo img,
    .music-page .header .logo2 img,
    .music-page .header > :first-child img {
        height: 36px !important;
    }

    .music-page .aplayer-list ol li {
        height: 34px;
        line-height: 34px;
        padding: 0 10px;
        font-size: 12px;
    }
}