/* ============================================================
台灣宮廟管理系統 - 尊榮版 (Temple Single Template) 圖文模組 專用樣式表 (v2026)
============================================================ */
.ttm-hero-header { background: #B22222; color: #D4AF37; padding: 50px 20px; text-align: left; }
.ttm-hero-header h1 { font-family: "標楷體", serif; font-size: 2.8em; margin: 0 0 15px 0; }
.ttm-summary-text { text-align: left; color: #fff; font-size: 1.1em; line-height: 1.7; max-width: 900px; }
.ttm-main-image-box img { width: 100%; height: auto; max-height: 600px; object-fit: contain; cursor: pointer; }
.ttm-gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 15px; width: 100%; box-sizing: border-box; }
.ttm-gallery-item { width: 100%; aspect-ratio: 4 / 3; background: #f0f0f0; overflow: hidden; display: flex; align-items: center; justify-content: center; border: 1px solid #ddd; cursor: pointer; }
.ttm-gallery-item img, .ttm-qr-item img { width: 100%; height: 100%; object-fit: contain; transition: transform 0.3s ease; }
.ttm-gallery-item:hover img { transform: scale(1.05); }
#ttm-lightbox { display: none; position: fixed; z-index: 9999; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.9); align-items: center; justify-content: center; }
#ttm-lightbox img { max-width: 90%; max-height: 90%; border: 3px solid #fff; box-shadow: 0 0 20px rgba(0,0,0,0.5); }