/* Gallery 照片墙 — 结构照 design-system/lab-gallery-mosaic-mockup.html
   节奏：1 大横 → 3 竖 → 2 横 循环；颜色用现行站点色票。
   字标压印由 n8n 入池时完成，前端不处理（fix-v2 §6）；不加防右键。 */

.ga-head{width:min(100% - 36px, 800px);margin:0 auto 20px}
.ga-eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);font-weight:var(--weight-medium)}
.ga-head h1{font-family:var(--font-display-mix);font-weight:var(--weight-semibold);font-size:clamp(26px,4.5vw,40px);color:var(--cream);margin-top:8px}
.ga-note{width:min(100% - 36px, 800px);margin:18px auto 0;font-size:clamp(11px,1.4vw,13px);color:rgba(242,237,218,.6);line-height:1.7}

/* 宽度与全站同轴（nav / footer / 九宫格都是 800px） */
.ga-mosaic{
  width:min(100% - 36px, 800px);margin-inline:auto;
  display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;
}
.ga-ph{
  position:relative;overflow:hidden;min-width:0;
  background:var(--v3-deep);border:0;padding:0;cursor:zoom-in;
  transition:filter .15s var(--ease-standard);
}
.ga-ph img{width:100%;height:100%;object-fit:cover;display:block}
.ga-ph:hover{filter:brightness(1.07)}
.ga-ph:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
/* 节奏尺寸 */
.ga-w6{grid-column:span 6;aspect-ratio:21/8}
.ga-w2{grid-column:span 2;aspect-ratio:3/4}
.ga-w3{grid-column:span 3;aspect-ratio:16/10}
@media (max-width:600px){
  .ga-w2{grid-column:span 3}
  .ga-w3{grid-column:span 6}
  .ga-w6{aspect-ratio:16/9}
}

/* Lightbox */
.ga-lb{
  position:fixed;inset:0;border:0;padding:0;margin:0;max-width:100vw;max-height:100vh;
  width:100vw;height:100vh;background:rgba(10,31,21,.94);
  display:none;align-items:center;justify-content:center;
}
.ga-lb[open]{display:flex}
.ga-lb::backdrop{background:rgba(10,31,21,.94)}
.ga-lb img{max-width:92vw;max-height:86vh;object-fit:contain;display:block}
.ga-lb-close,.ga-lb-prev,.ga-lb-next{
  position:absolute;background:transparent;border:0;color:var(--cream);
  font-family:var(--font-ui);font-size:26px;line-height:1;cursor:pointer;padding:14px;
}
.ga-lb-close{top:8px;right:10px;font-size:22px}
.ga-lb-prev{left:4px;top:50%;transform:translateY(-50%)}
.ga-lb-next{right:4px;top:50%;transform:translateY(-50%)}
.ga-lb-count{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);font-family:var(--font-mono);font-size:12px;color:rgba(242,237,218,.7)}

/* 3D 浏览版入口：页底 CTA 下方一行亮金字链接（host 2026-09-15：哑光金在深绿底上看不清，要亮色） */
.ga-3d-wrap{margin-top:6px}
.ga-3d{display:inline-block;font-family:var(--font-mono);font-size:13px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:#e8c93e;text-decoration:none;padding:6px 0 3px;
  border-bottom:2px solid #e8c93e;transition:color .2s,border-color .2s}
.ga-3d:hover,.ga-3d:focus-visible{color:var(--cream);border-bottom-color:var(--cream)}

.ga-empty{width:min(100% - 36px, 800px);margin:0 auto;color:rgba(242,237,218,.7);font-size:14px;line-height:1.8}