/* ============================================================
   home-fix.css — 首页相册滚动幻灯片修复
   规则取自改版前皮肤 site-beautify.css 的相册滚动段，
   恢复「备份时」的显示效果；仅作用于首页 .photo-scroll-wrap。
   根因：滚动 JS 用负 marginLeft 移动 ul，ul width:auto 时
   负外边距会把 ul 撑大（CSS2.1 §10.3.3），li 的 23% 宽度随之
   失控放大，图片被拉长甚至一张撑满全屏。
   修复：固定 ul 宽度为 100%，li 百分比即恢复稳定。
   ============================================================ */
.photo-scroll-wrap .photo-scroll-list { width: 100% !important; }
.photo-scroll-wrap .pic-item { overflow: hidden; border-radius: 8px; }
.photo-scroll-wrap .pic-item img {
  border-radius: 8px !important;
  transition: transform .3s;
}
.photo-scroll-wrap .pic-item a:hover img { transform: scale(1.06); }
.photo-scroll-wrap .scroll-btn {
  background: rgba(46,139,255,.75) !important;
  transition: background .2s;
}
.photo-scroll-wrap .scroll-btn:hover { background: #2E8BFF !important; }
/* 移动端一屏 2 张：覆盖 li 内联 23% 宽度 */
@media screen and (max-width: 767px) {
  .photo-scroll-wrap .photo-scroll-list > li {
    width: 46% !important;
    margin: 0 2% !important;
  }
}