/**
         * 全局样式重置与播放器容器样式
         * 作用：保证播放器占满整个页面，无滚动条、无内外边距
         */
        html,body{
            width:100%;
            height:100%;
            overflow: hidden; /* 隐藏页面滚动条 */
        }
        * {
            margin: 0; /* 清除所有元素默认外边距 */
            padding: 0; /* 清除所有元素默认内边距 */
        }
        #container {
            /* 播放器容器绝对定位，占满整个视口 */
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            width:100%;
            height:100%;
        }

        /**
         * 进度条颜色自定义（同步主题色 #0055ff）
         */
        /* 已播放进度条颜色 */
        .artplayer-progress-played {
            background: #0055ff !important; /* 深蓝色主题色 */
        }
        /* 进度条滑块颜色 */
        .artplayer-progress-dot {
            background: #0055ff !important; /* 强制覆盖默认样式 */
            border-color: #ffffff; /* 滑块边框为白色 */
        }

        /**
         * 暂停广告样式（带详细注释）
         */
        .pause-ad-container {
            position: absolute; /* 绝对定位，覆盖在播放器上层 */
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.8); /* 半透明黑色背景，突出广告 */
            display: flex; /* flex布局，实现广告水平垂直居中 */
            justify-content: center;
            align-items: center;
            z-index: 999; /* 层级高于播放器，确保广告不被遮挡 */
            display: none; /* 默认隐藏广告 */
        }
        .pause-ad-content {
            max-width: 80%; /* 广告内容最大宽度，适配移动端 */
            max-height: 80%; /* 广告内容最大高度，避免超出屏幕 */
            text-align: center; /* 内容居中对齐 */
        }
        .pause-ad-img {
            max-width: 100%; /* 图片自适应宽度 */
            max-height: 60vh; /* 图片最大高度，防止占满屏幕 */
            margin-bottom: 15px; /* 图片和按钮之间的间距 */
            cursor: pointer; /* 鼠标悬浮显示手型，提示可点击 */
            border-radius: 8px; /* 图片圆角，美化样式 */
        }
        .pause-ad-close {
            color: #ffffff; /* 按钮文字颜色 */
            font-size: 14px; /* 按钮文字大小 */
            background: #0055ff; /* 按钮背景色，和主题色一致 */
            border: none; /* 去掉默认边框 */
            padding: 10px 25px; /* 按钮内边距，增大点击区域 */
            border-radius: 4px; /* 按钮圆角 */
            cursor: pointer; /* 鼠标悬浮显示手型 */
            transition: background 0.3s; /* 点击过渡效果，提升体验 */
        }
        .pause-ad-close:hover {
            background: #0044cc; /* 鼠标悬浮时按钮深色变化 */
        }