/* ===== Safari 14.1 以下 flex gap 静态降级（全站浮动播放器 dock-main，不依赖 JS） =====
 * 仅处理 dock-main 三段（dock-left / dock-mid / dock-right）。
 * dock-mid 是 flex:1 + margin:auto 居中，直接 margin-left 会破坏居中，
 * 故采用 dock-left margin-right / dock-right margin-left 方案：
 * 左右间距 = 16px（等价原 gap:16px），dock-mid 保持水平居中（已验证 centerOffset=0）。
 * 内部容器（dock-left/dock-controls/dock-right 内层）含 flex:1 弹性子元素，
 * margin 会参与 flex 分配导致按钮偏移，不静态干预；
 * gap 失效时由 flex 布局自动分布，间距由全站 flex-gap-fix.js 兼容层兜底恢复。 */
.dock-main{gap:0;}
.dock-main > .dock-left{margin-right:16px;}
.dock-main > .dock-right{margin-left:16px;}
@media(max-width:768px){
  .dock-main > .dock-left{margin-right:6px;}
  .dock-main > .dock-right{margin-left:6px;}
}

/* ===== 轮播"点击进入"按钮不可点修复（手机/窄视口点音乐人头像进不了页面） =====
 * 根因：首页轮播有多帧，隐藏帧（非 flex-active-slide）的层（IMG + .carousel-caption）
 * 在 DOM/层叠上整体盖在"当前帧"按钮之上；opacity 隐藏不影响点击命中，
 * 隐藏帧的 IMG/caption 无链接 → 点击按钮命中它们 → 进不了页面。
 * 修复：
 *  1) 隐藏帧的 IMG 与 caption 全部关闭点击（pointer-events:none）→ 点击穿透到当前帧；
 *  2) 当前帧 caption 内链接/按钮强制可点并提升 z-index:999（双保险，防 flexslider
 *     /Bootstrap 设置的 pointer-events:none 与层叠覆盖）。
 * 注意：不可给当前帧 .carousel-caption 整体设 pointer-events:none——
 * 按钮是 caption 子元素，整体禁用会把 pe:none 子树整体跳过命中。 */
.flexslider .slides li:not(.flex-active-slide) img,
.flexslider .slides li:not(.flex-active-slide) section.carousel-caption{pointer-events:none;}
.flexslider section.carousel-caption a{pointer-events:auto !important; position:relative; z-index:999;}