/* 看图器（vistaview）主题覆写 · EdgeFT 微信扁平风适配
   本文件加载于 css/vendor/vistaview.css 之后，仅覆写该库默认样式： */

/* 1) 图片未覆盖区域：纯黑不透明（去半透明 + 毛玻璃） */
.vvw-root {
  --vvw-bg-opacity: 1;
  --vvw-ui-border-radius: 18px;
}
.vvw-root .vvw-bg {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

/* 2) 底栏整体上移（不贴地），便于拇指操作 */
.vvw-root .vvw-bottom-bar {
  bottom: 28px;
}

/* 3) 滑动切换纯平移：settled 后新图加载完成直接显示，
   去掉库默认的 border-radius/尺寸过渡（避免"突兀放大动画"），opacity 瞬时到位（无淡入）。
   滑动跟手平移由 vistaview 容器 transform 提供，本规则只去掉加载完成的过渡动画。 */
.vvw-root.vvw--settled .vvw-img-hi.vvw--loaded {
  transition: none;
  opacity: 1;
  border-radius: 0;
}

/* 3) 关闭按钮：PC 显示（右上角），移动端隐藏（手势/点空白关闭） */
@media (max-width: 767px) {
  .vvw-root [data-vvw-control="close"],
  .vvw-root .vvw-close {
    display: none !important;
  }
}

/* 2) 扩展按钮容器（原图 / 分享）：去掉库默认的描边与底色 */
.vvw-ui.vvw-ext {
  outline: none;
  background: none;
}

/* 3) 原图 / 分享按钮：半透明黑胶囊、图标 + 文字（参考旧版 bottombar 样式） */
.vvw-ui.vvw-ext .lb-action {
  display: flex;
  align-items: center;
  gap: 6px;
  height: 100%;
  padding: 0 18px;
  background: rgba(0, 0, 0, 0.35);
  color: #fff;
  font-size: 14px;
  border: 0;
  border-radius: 18px;
}
.vvw-ui.vvw-ext .lb-action:active {
  background: rgba(255, 255, 255, 0.2);
}
.vvw-ui.vvw-ext .lb-action svg {
  width: 18px;
  height: 18px;
}
.vvw-ui.vvw-ext .lb-action:disabled {
  opacity: 0.5;
}