.gallery-section{padding:90px 0 78px;overflow:hidden;background:linear-gradient(#edf2ff,#e9edf9 72%,#eef0fa)}
.gallery-section[hidden]{display:none}
.gallery-heading{padding:0 clamp(22px,6vw,100px);margin-bottom:30px}
.gallery-heading h2{font-size:clamp(36px,4.5vw,72px);max-width:1200px;margin:16px 0 10px}
.gallery-heading p{font-size:clamp(15px,1.5vw,22px);color:#52627a}
.marquee-row{overflow:hidden;touch-action:pan-y}
.marquee-row+.marquee-row{margin-top:16px}
.marquee-track{display:flex;gap:16px;width:max-content;will-change:transform}
.gallery-tile{position:relative;display:block;flex:0 0 clamp(280px,30vw,440px);width:clamp(280px,30vw,440px);height:clamp(200px,21vw,285px);padding:0;border:1px solid #b7c7da;border-radius:18px;overflow:hidden;cursor:zoom-in;background:#fff;text-align:left;isolation:isolate}
.gallery-tile img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.gallery-tile:hover img{transform:scale(1.035)}
.gallery-tile:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.gallery-tile .gallery-copy{position:absolute;left:0;right:0;bottom:0;padding:12px 17px;background:linear-gradient(transparent,#101c32d9);color:#fff;display:flex;flex-direction:column;gap:2px}
.gallery-copy strong{font-size:20px;line-height:1.3}.gallery-copy small{font-size:12px;line-height:1.4}
.gallery-hint{padding:22px clamp(22px,6vw,100px) 0;font-size:13px;color:#65738c}
.gallery-dialog{width:min(960px,92vw);max-height:92vh;border:0;border-radius:18px;padding:18px;background:#fff;box-shadow:0 28px 90px #15213c77}
.gallery-dialog::backdrop{background:#111a2bc4}
.gallery-dialog figure{margin:0}.gallery-dialog img{display:block;max-width:100%;max-height:75vh;margin:auto;object-fit:contain}.gallery-dialog figcaption{padding:12px 8px 2px;font-size:15px;color:#34445d}
.gallery-close{position:absolute;right:18px;top:12px;border:0;border-radius:50%;width:35px;height:35px;background:#fff;box-shadow:0 2px 14px #0003;font-size:25px;line-height:1;cursor:pointer}
@media(max-width:760px){.gallery-section{padding:64px 0 52px}.gallery-heading{margin-bottom:22px}.marquee-row+.marquee-row{margin-top:10px}.marquee-track{gap:10px}.gallery-tile{flex-basis:270px;width:270px;height:190px}.gallery-copy strong{font-size:16px}.gallery-copy small{font-size:11px}}
@media(prefers-reduced-motion:reduce){.marquee-row{overflow-x:auto}.marquee-track{transform:none!important;will-change:auto}.gallery-tile[data-clone]{display:none}.gallery-tile img{transition:none}}

/* ===== 电影胶片带：微弯倾斜+交叠白框+阴影+齿孔 ===== */
.gallery-section{padding:120px 0}
.gallery-heading{text-align:center}
.gallery-heading h2{margin:0 auto 10px}
.marquee-row{position:relative;width:112%;margin-left:-6%;padding:26px 0;background:linear-gradient(180deg,#0a1128,#101b3d 55%,#0a1128);box-shadow:0 22px 55px rgba(4,8,22,.6),inset 0 0 0 1px rgba(255,216,138,.14)}
.marquee-row[data-direction="1"]{transform:rotate(-2.1deg)}
.marquee-row[data-direction="-1"]{transform:rotate(1.8deg)}
/* 胶片齿孔 */
.marquee-row::before,.marquee-row::after{content:"";position:absolute;left:0;right:0;height:12px;z-index:2;pointer-events:none;background-image:radial-gradient(circle at 15px 6px,rgba(247,236,215,.85) 3.2px,transparent 4px);background-size:34px 12px;background-repeat:repeat-x}
.marquee-row::before{top:6px}.marquee-row::after{bottom:6px}
.marquee-row+.marquee-row{margin-top:46px}
/* 拍立得式白框卡片，微微歪斜，彼此交叠 */
.marquee-track{gap:0}
.gallery-tile{border:7px solid #fff;border-bottom-width:24px;border-radius:8px;box-shadow:0 14px 34px rgba(2,6,18,.55);margin-right:-18px;transform:rotate(-1.6deg)}
.gallery-tile:nth-child(even){transform:rotate(1.5deg)}
.gallery-tile:hover{z-index:3;transform:rotate(0deg) scale(1.03)}
@media(max-width:760px){.marquee-row{padding:20px 0}.marquee-row+.marquee-row{margin-top:30px}.gallery-tile{border-width:5px;border-bottom-width:18px;margin-right:-12px}}