/* ============================================================
   p3.css —— 广色域增强样式
   只在支持 P3 色域的屏幕（iPhone、小米13、三星旗舰等）上生效
   电脑（100% sRGB）完全不受影响
   
   注意：本文件只覆盖颜色，依赖主样式表里已有的类名。
   请务必在主样式表之后引入本文件。
   ============================================================ */

@media (color-gamut: p3) {

    /* 星空背景：更深邃的夜空 */
    .starfield,
    body {
        background: radial-gradient(
            ellipse at bottom,
            color(display-p3 0.11 0.15 0.21) 0%,
            color(display-p3 0.035 0.04 0.06) 100%
        );
    }

    /* 封面兜底背景色 */
    .slide .cover {
        background-color: color(display-p3 0.10 0.10 0.18);
    }

    /* 播放按钮：更饱和的蓝 */
    .slide .info .play-tag {
        background: color(display-p3 0.29 0.62 1 / 0.95);
        box-shadow: 0 0 24px color(display-p3 0.29 0.62 1 / 0.6);
    }

    /* 当前圆点：更亮的蓝 */
    .dot.active {
        background: color(display-p3 0.29 0.62 1);
        box-shadow: 0 0 12px color(display-p3 0.29 0.62 1 / 0.9);
    }

    /* 标题文字：柔和但更亮 */
    .slide .info h2 {
        color: color(display-p3 0.97 0.97 0.97);
    }
}