/* 门店展示采用独立样式，照片保留完整门头，深色画布衬托真实招牌。 */
.store-showcase { background: #10111d; color: #fff; padding: 42px 0 40px; overflow: hidden; }
.store-heading, .store-gallery-shell, .store-caption { width: min(1480px, calc(100% - 64px)); margin: 0 auto; }
.store-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; padding-bottom: 32px; }
.store-eyebrow { color: #35cbd1; font-size: 12px; letter-spacing: .16em; margin: 0 0 12px; }
.store-heading h1 { font-size: clamp(32px, 4vw, 52px); letter-spacing: .04em; line-height: 1.2; margin: 0; }
.store-intro { color: #b9bac8; margin: 14px 0 0; font-size: 15px; line-height: 1.8; }
.store-controls { display: flex; gap: 10px; flex-shrink: 0; }
.store-controls button { color: #e8e9f0; border: 1px solid #454553; border-radius: 999px; background: transparent; padding: 11px 18px; font: inherit; font-size: 13px; cursor: pointer; }
.store-controls button:hover { border-color: #35cbd1; color: #35cbd1; }
.store-controls button:disabled { opacity: .45; cursor: wait; }
.store-controls button:focus-visible, .store-tile:focus-visible { outline: 3px solid #35cbd1; outline-offset: 3px; }
.store-gallery-shell { border: 1px solid #2d3547; border-radius: 12px; padding: 12px; background: radial-gradient(ellipse at center, #22213a 0%, #111520 70%); }
/* 无脚本时保留可访问的静态图片网格；增强模式才启用定位和置换。 */
.store-gallery { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 6px; position: relative; isolation: isolate; }
.store-tile { display: block; min-width: 0; padding: 0; border: 1px solid #354054; border-radius: 3px; background: #080c16; overflow: hidden; cursor: zoom-in; aspect-ratio: 1.5; color: white; }
.store-tile img { display: block; width: 100%; height: 100%; object-fit: contain; pointer-events: none; }
.store-gallery.is-enhanced { display: block; aspect-ratio: 12 / 5.6; }
.is-enhanced .store-tile { position: absolute; margin: 0; transform-origin: 0 0; aspect-ratio: auto; }
.store-tile.is-featured { border-color: #35cbd1; border-width: 2px; box-shadow: 0 10px 22px #0005; z-index: 2; }
.store-tile:hover { border-color: #a5fbff; }
.store-gallery[data-state="loading"] .store-tile { visibility: hidden; }
.store-gallery[data-state="loading"]::after { content: "门店实景加载中…"; position: absolute; inset: 0; display: grid; place-items: center; color: #b9bac8; font-size: 14px; }
.store-tile.is-unavailable::after { content: "照片暂未加载"; position: absolute; inset: 0; display: grid; place-items: center; background: #171b29; color: #aeb8c7; font-size: 11px; }
.store-caption { margin-top: 20px; display: flex; justify-content: space-between; gap: 16px; color: #969aab; font-size: 12px; line-height: 1.7; }
.store-caption p { margin: 0; }
.store-caption a { color: #42d0d5; white-space: nowrap; }
/* 查看原图时暂停图片墙，使用原生对话框提供键盘退出和焦点恢复。 */
.store-viewer { border: 1px solid #40455c; border-radius: 12px; padding: 18px; width: min(1000px, calc(100% - 32px)); max-height: 92dvh; background: #10111d; color: white; }
.store-viewer::backdrop { background: #080a14e8; }
.store-viewer-bar { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 14px; }
.store-viewer-bar p { margin: 0; font-size: 14px; }
.store-viewer button { border: 1px solid #56586a; background: transparent; color: white; padding: 8px 14px; border-radius: 24px; cursor: pointer; }
.store-viewer img { display: block; width: 100%; height: min(72dvh, 760px); object-fit: contain; }
@media (max-width: 700px) {
  .store-showcase { padding-top: 28px; }
  .store-heading, .store-gallery-shell, .store-caption { width: calc(100% - 28px); }
  .store-heading { display: block; padding-bottom: 22px; }
  .store-controls { margin-top: 20px; }
  .store-controls button { padding: 10px 16px; }
  .store-intro { font-size: 13px; }
  .store-gallery-shell { padding: 5px; border-radius: 8px; }
  .store-gallery.is-enhanced { aspect-ratio: 8 / 9.6; }
  .store-tile { border-radius: 2px; }
  .store-tile.is-featured { border-width: 1px; }
  .store-caption { display: block; }
  .store-caption a { display: inline-block; margin-top: 12px; }
}
