/* 校園剪影：相片水平跑馬燈 */
.photo-marquee{
  padding:100px 0 110px;
  background:var(--bg);
}
.photo-marquee .container{margin-bottom:56px;}

.marquee-wrap{
  width:100%;
  overflow:hidden;
  -webkit-mask-image:linear-gradient(to right, transparent 0, #000 6%, #000 94%, transparent 100%);
  mask-image:linear-gradient(to right, transparent 0, #000 6%, #000 94%, transparent 100%);
}

.marquee-track{
  display:flex;
  align-items:center;
  gap:24px;
  width:max-content;
  animation:marquee-scroll 34s linear infinite;
  will-change:transform;
}

.marquee-wrap:hover .marquee-track,
.marquee-wrap:focus-within .marquee-track{
  animation-play-state:paused;
}

.marquee-item{
  flex:0 0 auto;
  width:320px;
  height:220px;
  border-radius:20px;
  overflow:hidden;
  border:1px solid var(--line);
  box-shadow:var(--shadow);
}
.marquee-item img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

@keyframes marquee-scroll{
  from{ transform:translateX(0); }
  to{ transform:translateX(-50%); }
}

@media(max-width:960px){
  .marquee-item{width:240px;height:170px;}
  .marquee-track{animation-duration:26s;}
}
@media(max-width:600px){
  .marquee-track{gap:16px;animation-duration:20s;}
  .marquee-item{width:180px;height:130px;border-radius:16px;}
}

/* 使用者關閉動畫：改為可水平滑動的靜態相片列 */
@media(prefers-reduced-motion:reduce){
  .marquee-wrap{
    overflow-x:auto;
    -webkit-mask-image:none;
    mask-image:none;
    scroll-snap-type:x proximity;
    -webkit-overflow-scrolling:touch;
  }
  .marquee-track{
    animation:none !important;
  }
  .marquee-item{scroll-snap-align:start;}
}