/* ============================================================
 * apps/vidstream.css —— 波站视频（js/apps/vidstream.js）
 *
 * 由原 css/apps.css 按既有的分节标记切分而来（0.3.1 架构整理）。
 * 内容与切分前逐字节一致 —— 只换了存放位置，没动一个字符。
 * 新增样式请放进对应 App 的分片，不要再往 apps.css 里堆。
 * ============================================================ */
/* ============ B 站 ============ */
.vid-root { background: #F4F3F0; }
.bili-appbar {
  --app-bg: #FB7299;
  background: linear-gradient(168deg, color-mix(in srgb, var(--app-bg) 88%, #FFFDFB) 0%, var(--app-bg) 100%);
}
.vid-card {
  background: var(--surface); margin: 0 0 8px;
  border-radius: 0; overflow: hidden;
}
.vid-cover {
  height: 128px; display: flex; align-items: flex-end; padding: 10px;
  color: #FFFDFB; font-size: 12px; position: relative; overflow: hidden;
}
.vid-cover .bc-meta { display: flex; gap: 12px; text-shadow: 0 1px 3px rgba(42,49,56,.6); align-items: center; }
.vid-cover .bc-mi { display: inline-flex; align-items: center; gap: 4px; }
.vid-cover .bc-mi .ic-svg { opacity: .9; }
/* 封面正中的播放键 */
.vid-cover .bc-play {
  position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
  width: 44px; height: 44px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  background: rgba(255, 255, 255, .2);
  border: 1.5px solid rgba(255, 255, 255, .55);
  -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
  color: #FFFDFB; padding-left: 2px;
  box-shadow: 0 3px 12px rgba(42, 49, 56, .18);
  transition: transform var(--fast);
}
.vid-card:active .bc-play { transform: translate(-50%, -50%) scale(.92); }
.vid-card .bc-t { font-size: 14.5px; padding: 11px 12px 3px; line-height: 1.45; }
.vid-card .bc-u { font-size: 12px; color: var(--text-2); padding: 4px 12px 12px; }
.cmt { display: flex; gap: 10px; padding: 12px; position: relative; }
.cmt + .cmt::before { content: ''; position: absolute; left: 12px; right: 0; top: 0; height: 1px; background: var(--divider); }
.cmt .c-main { flex: 1; min-width: 0; }
.cmt .c-name { font-size: 12.5px; color: #5A7079; }
.cmt .c-txt { font-size: 14px; margin-top: 3px; line-height: 1.5; }
.cmt .c-foot { font-size: 11.5px; color: var(--text-3); margin-top: 5px; display: flex; gap: 14px; align-items: center; }
.cmt .c-foot .c-like { display: inline-flex; align-items: center; gap: 4px; }
.cmt .c-dm {
  background: #F0F3F4; border-radius: var(--r-sm); padding: 4px 10px; font-size: 12px; color: #FB7299;
  display: inline-flex; align-items: center; gap: 4px;
}