/* page-video.css — 子页面「类目短视频」折叠播放块（懒加载 · 点击播放）
   与 prototype/boom-compare-video.html 的 .bc-video-block 同一观感，作用域限定在 #page-video 内，
   避免与各页既有全局样式（article/p_ 页各自重置 * {margin/padding}）冲突。 */
#page-video{margin:24px auto;max-width:720px;background:#fff;border:1px solid #fecaca;
  border-radius:16px;overflow:hidden;box-shadow:0 2px 12px rgba(15,23,42,.06);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif}
#page-video *{box-sizing:border-box}
#page-video .pv-toggle{display:flex;align-items:center;gap:10px;width:100%;border:0;
  background:linear-gradient(135deg,#fff7ed,#fef2f2);padding:14px 16px;font:inherit;text-align:left;cursor:pointer}
#page-video .pv-toggle:hover{background:linear-gradient(135deg,#ffedd5,#fee2e2)}
#page-video .pv-icon{flex:0 0 auto;width:26px;height:26px;border-radius:50%;background:#dc2626;color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:.7rem;line-height:1;padding-left:2px}
#page-video .pv-main{flex:1;min-width:0;font-size:.86rem;font-weight:800;color:#9a3412;line-height:1.4}
#page-video .pv-sub{display:block;font-size:.68rem;font-weight:600;color:#c2410c;opacity:.85;margin-top:2px}
#page-video .pv-caret{flex:0 0 auto;font-size:.72rem;color:#b45309;transition:transform .2s}
#page-video .pv-toggle[aria-expanded="true"] .pv-caret{transform:rotate(180deg)}
#page-video .pv-body{padding:0 16px 16px;display:flex;flex-direction:column;align-items:center}
#page-video .pv-body[hidden]{display:none}
#page-video .pv-frame{position:relative;width:100%;max-width:300px;border-radius:12px;overflow:hidden;
  background:#0f172a;box-shadow:0 6px 20px rgba(15,23,42,.22)}
#page-video .pv-video{display:block;width:100%;aspect-ratio:3/4;background:#0f172a}
#page-video .pv-cap{font-size:.66rem;color:#94a3b8;text-align:center;margin:8px 0 0;line-height:1.5}
@media (max-width:640px){#page-video{margin:20px 12px}}