:root {
  --gold: #d4a84b;
  --gold-light: #f1d990;
  --gold-deep: #a8842e;
  --red: #8b1c1c;
  --red-deep: #5e0f0f;
  --ink: #120909;
  --ink-soft: #1f1414;
  --ink-mid: #2a1a1a;
  --paper: #f8f3e9;
}

* { margin: 0; padding: 0; box-sizing: border-box; }

html {
  scroll-behavior: smooth;
}

body {
  width: 100%;
  min-height: 100vh;
  font-family: "Noto Serif TC", "Noto Sans TC", "PingFang TC", serif;
  color: var(--paper);
  background: var(--ink);
}

/* page-home 採用全畫面 hero（僅桌面），手機版可滾動 */
@media (min-width: 901px) {
  body.page-home {
    height: 100vh;
    overflow: hidden;
  }
}

img { display: block; max-width: 100%; }

/* ============================================
   背景影片（首頁）
   ============================================ */
.bg-video {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  z-index: 0;
}

.bg-overlay {
  position: fixed;
  inset: 0;
  background:
    radial-gradient(ellipse at center, rgba(0,0,0,0.30) 0%, rgba(0,0,0,0.70) 100%),
    linear-gradient(180deg, rgba(20,8,8,0.55) 0%, rgba(20,8,8,0.40) 50%, rgba(20,8,8,0.85) 100%);
  z-index: 1;
  pointer-events: none;
}

/* 影片播放 fallback */
.play-fallback {
  position: fixed;
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
  background: rgba(212, 168, 75, 0.95);
  color: var(--ink);
  border: none;
  padding: 0.85rem 1.4rem;
  font-family: inherit;
  font-size: 0.95rem;
  letter-spacing: 0.15em;
  cursor: pointer;
  box-shadow: 0 6px 20px rgba(0,0,0,0.4);
}
.play-fallback:hover { background: var(--gold-light); }

/* ============================================
   頁首（共用）
   ============================================ */
.site-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.2rem 3rem;
  z-index: 30;
  transition: background 0.3s ease, backdrop-filter 0.3s ease;
}

/* 內頁帶底色的 header */
.site-header-solid {
  background: rgba(18, 8, 8, 0.92);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-bottom: 1px solid rgba(212, 168, 75, 0.25);
}

.brand {
  display: block;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  user-select: none;
  -webkit-tap-highlight-color: rgba(212, 168, 75, 0.2);
  transition: transform 0.3s ease, filter 0.3s ease;
}
.brand:hover {
  transform: translateY(-1px);
  filter: brightness(1.15);
}
.brand:hover .brand-name-zh {
  text-shadow: 0 0 14px rgba(212, 168, 75, 0.5);
}
.brand:active {
  transform: translateY(0);
  filter: brightness(1);
}

.brand-name-zh {
  font-size: 1.7rem;
  font-weight: 900;
  letter-spacing: 0.18em;
  color: var(--gold-light);
  text-shadow: 0 2px 12px rgba(0,0,0,0.7);
}

.brand-name-sub {
  font-size: 0.8rem;
  letter-spacing: 0.3em;
  color: var(--paper);
  margin-top: 0.35rem;
  opacity: 0.85;
}

.site-nav {
  display: flex;
  gap: 2.2rem;
}

.site-nav a {
  color: var(--paper);
  text-decoration: none;
  font-size: 0.95rem;
  letter-spacing: 0.2em;
  padding: 0.5rem 0;
  position: relative;
  transition: color 0.3s ease;
  text-shadow: 0 2px 8px rgba(0,0,0,0.6);
}

.site-nav a:hover { color: var(--gold-light); }

.site-nav a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 1px;
  background: var(--gold);
  transition: all 0.3s ease;
}
.site-nav a:hover::after,
.site-nav a.active::after {
  width: 100%;
  left: 0;
}
.site-nav a.active { color: var(--gold-light); }

/* ============================================
   滾動入場動畫（scroll-reveal）
   ============================================ */
.reveal {
  opacity: 0;
  transform: translateY(28px);
  transition:
    opacity 0.75s ease,
    transform 0.85s cubic-bezier(0.2, 0.8, 0.2, 1);
  will-change: opacity, transform;
}
.reveal.is-visible {
  opacity: 1;
  transform: none;
}

/* 文字較多的區塊：較慢、距離較長的浮現，給眼睛時間進入閱讀狀態 */
.reveal-slow {
  opacity: 0;
  transform: translateY(40px);
  transition:
    opacity 1.6s ease,
    transform 1.7s cubic-bezier(0.2, 0.8, 0.2, 1);
  will-change: opacity, transform;
}
.reveal-slow.is-visible {
  opacity: 1;
  transform: none;
}

/* 使用者偏好減少動畫時，全部直接顯示 */
@media (prefers-reduced-motion: reduce) {
  .reveal, .reveal.is-visible,
  .reveal-slow, .reveal-slow.is-visible {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

/* ============================================
   首頁 hero 入場 stagger 階梯動畫
   ============================================ */
.hero-tagline,
.hero-title,
.hero-subtitle,
.hero-desc,
.hero-cta {
  opacity: 0;
  transform: translateY(18px);
  animation: heroEnter 0.9s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}
.hero-tagline { animation-delay: 0.15s; }
.hero-title    { animation-delay: 0.30s; }
.hero-subtitle { animation-delay: 0.45s; }
.hero-desc     { animation-delay: 0.60s; }
.hero-cta      { animation-delay: 0.78s; }

@keyframes heroEnter {
  to { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
  .hero-tagline, .hero-title, .hero-subtitle, .hero-desc, .hero-cta {
    opacity: 1;
    transform: none;
    animation: none;
  }
}

/* ============================================
   行動裝置 ・ 漢堡選單
   ============================================ */

/* 漢堡按鈕（桌機隱藏，手機顯示）*/
.mm-toggle {
  display: none;
  background: transparent;
  border: 1px solid rgba(212, 168, 75, 0.5);
  width: 44px;
  height: 44px;
  cursor: pointer;
  padding: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  transition: all 0.25s ease;
  flex-shrink: 0;
}
.mm-toggle:hover {
  background: rgba(212, 168, 75, 0.12);
  border-color: var(--gold);
}
.mm-toggle span {
  display: block;
  width: 22px;
  height: 2px;
  background: var(--gold-light);
  transition: all 0.3s ease;
}

/* 滿版選單 overlay */
.mobile-menu {
  position: fixed;
  inset: 0;
  z-index: 1000;
  background: rgba(12, 6, 6, 0.97);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.mobile-menu.is-open {
  opacity: 1;
  visibility: visible;
}

.mm-inner {
  max-width: 600px;
  margin: 0 auto;
  padding: 1.4rem 1.4rem 2.5rem;
  transform: translateY(-15px);
  opacity: 0;
  transition: transform 0.4s cubic-bezier(0.2, 0.9, 0.3, 1) 0.05s,
              opacity 0.35s ease 0.08s;
}
.mobile-menu.is-open .mm-inner {
  transform: translateY(0);
  opacity: 1;
}

/* 上方 brand + 關閉 */
.mm-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 1.4rem;
  margin-bottom: 1.4rem;
  border-bottom: 1px solid rgba(212, 168, 75, 0.25);
}
.mm-brand {
  text-decoration: none;
  color: inherit;
}
.mm-brand-zh {
  font-family: "Noto Serif TC", serif;
  font-size: 1.5rem;
  font-weight: 900;
  letter-spacing: 0.18em;
  color: var(--gold-light);
  margin-left: 0.18em;
}
.mm-brand-sub {
  font-size: 0.78rem;
  letter-spacing: 0.32em;
  color: var(--gold);
  margin-top: 0.3rem;
  margin-left: 0.32em;
}
.mm-close {
  width: 44px;
  height: 44px;
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(212, 168, 75, 0.4);
  color: var(--gold-light);
  font-size: 1.6rem;
  line-height: 1;
  cursor: pointer;
  font-family: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 4px;
  transition: all 0.25s ease;
  flex-shrink: 0;
}
.mm-close:hover {
  background: var(--gold);
  color: var(--ink);
  border-color: var(--gold);
}

/* Section（快速服務 / 完整選單）*/
.mm-section {
  margin-bottom: 1.6rem;
}
.mm-section-label {
  font-size: 0.75rem;
  letter-spacing: 0.45em;
  color: var(--gold);
  font-weight: 700;
  margin-bottom: 0.85rem;
  padding-left: 0.2rem;
}

/* 快速服務 6 卡（3 欄 grid）*/
.mm-services {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.55rem;
}
.mm-service {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.35rem;
  padding: 0.95rem 0.4rem;
  background: rgba(31, 20, 20, 0.7);
  border: 1px solid rgba(212, 168, 75, 0.3);
  text-decoration: none;
  color: inherit;
  transition: all 0.25s ease;
}
.mm-service:hover,
.mm-service:active {
  border-color: var(--gold);
  background: rgba(31, 20, 20, 0.95);
}
.mm-service img {
  width: 42px;
  height: 42px;
  display: block;
}
.mm-service-name {
  font-size: 0.8rem;
  letter-spacing: 0.18em;
  color: var(--paper);
  font-weight: 700;
  margin-left: 0.18em;
}

/* 完整選單列 */
.mm-nav {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.mm-nav a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.95rem 1.1rem;
  background: rgba(31, 20, 20, 0.55);
  border: 1px solid rgba(212, 168, 75, 0.18);
  text-decoration: none;
  color: var(--paper);
  font-size: 1rem;
  letter-spacing: 0.18em;
  margin-left: 0.18em;
  transition: all 0.25s ease;
}
.mm-nav a:hover,
.mm-nav a:active {
  border-color: var(--gold);
  background: rgba(212, 168, 75, 0.1);
  color: var(--gold-light);
}
.mm-arrow {
  color: var(--gold);
  font-size: 0.92rem;
  margin-left: 0;
  opacity: 0.7;
}

/* 聯絡 3 鍵 */
.mm-contact {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 1.4rem;
}
.mm-contact-btn {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  padding: 0.9rem 1.2rem;
  background: linear-gradient(135deg, rgba(139, 28, 28, 0.25) 0%, rgba(31, 14, 14, 0.85) 100%);
  border: 1px solid rgba(212, 168, 75, 0.5);
  text-decoration: none;
  color: var(--gold-light);
}
.mm-contact-icon {
  font-size: 1.2rem;
  flex-shrink: 0;
}
.mm-contact-text {
  font-size: 0.95rem;
  letter-spacing: 0.15em;
  font-weight: 700;
}

/* 底部資訊 */
.mm-foot {
  text-align: center;
  padding-top: 1rem;
  border-top: 1px solid rgba(212, 168, 75, 0.2);
}
.mm-foot-addr {
  font-size: 0.78rem;
  letter-spacing: 0.12em;
  color: rgba(248, 243, 233, 0.65);
  margin-bottom: 0.4rem;
}
.mm-foot-copy {
  font-size: 0.7rem;
  letter-spacing: 0.18em;
  color: rgba(248, 243, 233, 0.4);
}

/* ============================================
   首頁 hero
   ============================================ */
.hero {
  position: relative;
  z-index: 5;
  min-height: calc(100vh - 100px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5rem 2rem 2rem;
}

.hero-inner {
  text-align: center;
  max-width: 820px;
  padding: 3rem 3rem 2.5rem;
  background: rgba(18, 9, 9, 0.45);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  border: 1px solid rgba(212, 168, 75, 0.3);
  position: relative;
}

.hero-inner::before,
.hero-inner::after {
  content: '';
  position: absolute;
  width: 22px;
  height: 22px;
  border: 2px solid var(--gold);
}
.hero-inner::before { top: -1px; left: -1px; border-right: none; border-bottom: none; }
.hero-inner::after { bottom: -1px; right: -1px; border-left: none; border-top: none; }

.hero-tagline {
  font-size: 0.95rem;
  letter-spacing: 0.5em;
  color: var(--gold-light);
  margin-bottom: 1.5rem;
  text-shadow: 0 2px 8px rgba(0,0,0,0.6);
}

.hero-title {
  font-size: 5rem;
  font-weight: 900;
  letter-spacing: 0.3em;
  margin-left: 0.3em;
  margin-bottom: 0.5rem;
  color: var(--paper);
  text-shadow: 0 4px 24px rgba(0,0,0,0.85), 0 0 40px rgba(212,168,75,0.15);
  line-height: 1.1;
}

.hero-subtitle {
  font-size: 1.3rem;
  letter-spacing: 0.45em;
  margin-left: 0.45em;
  color: var(--gold-light);
  margin-bottom: 2rem;
}

.hero-desc {
  font-size: 1rem;
  line-height: 2.3;
  color: rgba(255, 248, 235, 0.92);
  margin-bottom: 2.5rem;
  letter-spacing: 0.08em;
}

.hero-cta {
  display: flex;
  gap: 1.2rem;
  justify-content: center;
  flex-wrap: wrap;
}

.btn {
  display: inline-block;
  padding: 0.85rem 2.3rem;
  font-size: 0.95rem;
  letter-spacing: 0.25em;
  text-decoration: none;
  border: 1px solid var(--gold);
  transition: all 0.3s ease;
  font-family: inherit;
  cursor: pointer;
}

.btn-primary {
  background: var(--gold);
  color: var(--ink);
  font-weight: 700;
}
.btn-primary:hover {
  background: var(--gold-light);
  border-color: var(--gold-light);
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(212, 168, 75, 0.35);
}

.btn-secondary {
  background: transparent;
  color: var(--gold-light);
}
.btn-secondary:hover {
  background: rgba(212, 168, 75, 0.15);
  transform: translateY(-2px);
}

/* 首頁底部資訊條 */
.info-strip {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  background: rgba(18, 8, 8, 0.85);
  border-top: 1px solid rgba(212, 168, 75, 0.4);
  z-index: 20;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

.info-item {
  padding: 1.3rem 1rem;
  text-align: center;
  border-right: 1px solid rgba(212, 168, 75, 0.18);
}
.info-item:last-child { border-right: none; }

.info-item-link {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  transition: background 0.3s ease;
  display: block;
  position: relative;
}
.info-item-link:hover {
  background: rgba(212, 168, 75, 0.1);
}
.info-link-cta {
  display: inline-block;
  font-size: 0.7rem;
  letter-spacing: 0.18em;
  color: var(--gold);
  margin-top: 0.5rem;
  font-weight: 700;
  padding: 0.18rem 0.6rem;
  border: 1px solid rgba(212, 168, 75, 0.4);
  transition: all 0.3s ease;
}
.info-item-link:hover .info-link-cta {
  background: var(--gold);
  color: var(--ink);
  border-color: var(--gold);
}

.info-label {
  font-size: 0.78rem;
  color: var(--gold-light);
  letter-spacing: 0.4em;
  margin-bottom: 0.4rem;
}

.info-value {
  font-size: 0.95rem;
  color: var(--paper);
  letter-spacing: 0.05em;
}

.info-item-contacts { padding-top: 0.9rem; padding-bottom: 0.9rem; }
.info-contacts { display: flex; flex-direction: column; gap: 0.35rem; align-items: center; }
.info-contact-row {
  display: inline-flex;
  align-items: baseline;
  gap: 0.6rem;
  text-decoration: none;
  color: inherit;
  padding: 0.18rem 0.7rem;
  border: 1px solid rgba(212, 168, 75, 0.25);
  transition: all 0.25s ease;
}
.info-contact-row:hover {
  background: rgba(212, 168, 75, 0.12);
  border-color: var(--gold);
}
.info-contact-role {
  font-size: 0.7rem;
  letter-spacing: 0.15em;
  color: var(--gold-light);
  opacity: 0.9;
}
.info-contact-num {
  font-size: 0.9rem;
  letter-spacing: 0.08em;
  color: var(--paper);
  font-family: "Noto Serif TC", serif;
  font-weight: 700;
}

/* ============================================
   內頁：頂部 banner
   ============================================ */
.page-banner {
  position: relative;
  height: 60vh;
  min-height: 380px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0;
}

.banner-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

.banner-overlay {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse at center, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.75) 100%),
    linear-gradient(180deg, rgba(20,8,8,0.7) 0%, rgba(20,8,8,0.5) 50%, rgba(20,8,8,1) 100%);
  z-index: 1;
}

.banner-content {
  position: relative;
  z-index: 2;
  text-align: center;
  padding: 7rem 2rem 2rem;
}

.banner-tag {
  font-size: 0.95rem;
  letter-spacing: 0.55em;
  color: var(--gold);
  margin-bottom: 1.2rem;
}

.banner-title {
  font-size: 5rem;
  font-weight: 900;
  letter-spacing: 0.3em;
  margin-left: 0.3em;
  color: var(--paper);
  text-shadow: 0 4px 24px rgba(0,0,0,0.85);
  line-height: 1.1;
  margin-bottom: 0.8rem;
}

.banner-sub {
  font-size: 1.2rem;
  letter-spacing: 0.4em;
  color: var(--gold-light);
}

/* ============================================
   內頁：通用 section
   ============================================ */
.content-section {
  padding: 6rem 2rem;
  background: var(--ink);
  position: relative;
}

.content-section:nth-of-type(odd) {
  background: var(--ink-soft);
}

.section-inner {
  max-width: 1200px;
  margin: 0 auto;
}

.section-head {
  text-align: center;
  margin-bottom: 4rem;
}

.section-label {
  font-size: 0.9rem;
  letter-spacing: 0.6em;
  color: var(--gold);
  margin-bottom: 1rem;
}

.section-title {
  font-size: 2.6rem;
  font-weight: 900;
  letter-spacing: 0.2em;
  color: var(--paper);
  margin-bottom: 1.2rem;
}

.title-divider {
  width: 60px;
  height: 2px;
  background: var(--gold);
  margin: 0 auto 2rem;
  box-shadow: 0 0 8px rgba(212, 168, 75, 0.6);
}

.section-lead {
  font-size: 1.05rem;
  line-height: 2;
  color: rgba(248, 243, 233, 0.78);
  letter-spacing: 0.1em;
  max-width: 700px;
  margin: 0 auto;
}

/* ============================================
   沿革區塊
   ============================================ */
.history-text {
  max-width: 820px;
  margin: 0 auto;
}

.history-text p {
  font-size: 1.05rem;
  line-height: 2.2;
  color: rgba(248, 243, 233, 0.88);
  margin-bottom: 1.4rem;
  letter-spacing: 0.05em;
  text-align: justify;
}

.history-text strong {
  color: var(--gold-light);
  font-weight: 700;
  letter-spacing: 0.08em;
}

/* 歷年活動相簿（橫向滑動） */
.history-gallery {
  margin-top: 4rem;
}

.gallery-head {
  text-align: center;
  margin-bottom: 1.8rem;
}

.gallery-title {
  font-size: 0.95rem;
  letter-spacing: 0.45em;
  color: var(--gold);
  margin-bottom: 0.5rem;
}

.gallery-hint {
  font-size: 0.78rem;
  letter-spacing: 0.4em;
  color: rgba(248, 243, 233, 0.45);
}

.gallery-wrapper {
  position: relative;
}

.gallery-track {
  display: flex;
  gap: 1.2rem;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  padding: 1rem 0.5rem 1.5rem;
  scrollbar-width: thin;
  scrollbar-color: var(--gold-deep) rgba(255,255,255,0.05);
  cursor: grab;
  user-select: none;
}
.gallery-track.dragging {
  cursor: grabbing;
  scroll-behavior: auto;
}
.gallery-track::-webkit-scrollbar { height: 6px; }
.gallery-track::-webkit-scrollbar-track { background: rgba(255,255,255,0.05); }
.gallery-track::-webkit-scrollbar-thumb {
  background: var(--gold-deep);
  border-radius: 3px;
}
.gallery-track::-webkit-scrollbar-thumb:hover { background: var(--gold); }

.gallery-item {
  flex: 0 0 auto;
  width: 320px;
  scroll-snap-align: start;
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

/* 圖片 hover 顯示「查看相簿」覆蓋字 */
.gallery-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.55);
  color: var(--gold-light);
  font-size: 1rem;
  letter-spacing: 0.32em;
  font-weight: 700;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 3;
}
.gallery-item:hover .gallery-overlay {
  opacity: 1;
}

.gallery-img-frame {
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 5;
  overflow: hidden;
  border: 1px solid rgba(212, 168, 75, 0.45);
  box-shadow: 0 12px 36px rgba(0,0,0,0.5);
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.gallery-img-frame::before {
  content: '';
  position: absolute;
  inset: 6px;
  border: 1px solid rgba(212, 168, 75, 0.3);
  z-index: 2;
  pointer-events: none;
}

.gallery-img-frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(0.9) contrast(1.05);
  transition: transform 0.6s ease;
  pointer-events: none;
}

.gallery-item:hover .gallery-img-frame {
  border-color: var(--gold);
  box-shadow: 0 16px 50px rgba(0,0,0,0.65), 0 0 0 4px rgba(212,168,75,0.1);
}
.gallery-item:hover .gallery-img-frame img {
  transform: scale(1.06);
}

.gallery-item figcaption {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

.gallery-date {
  font-size: 0.72rem;
  letter-spacing: 0.4em;
  color: var(--gold);
  font-weight: 700;
}

.gallery-name {
  font-size: 0.88rem;
  letter-spacing: 0.25em;
  color: var(--gold-light);
}

.gallery-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  border: 1px solid rgba(212, 168, 75, 0.5);
  background: rgba(18, 8, 8, 0.85);
  color: var(--gold-light);
  font-size: 1.6rem;
  line-height: 1;
  cursor: pointer;
  z-index: 5;
  transition: all 0.3s ease;
  font-family: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 3px;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
.gallery-arrow:hover {
  background: var(--gold);
  color: var(--ink);
  border-color: var(--gold);
}
.gallery-prev { left: -22px; }
.gallery-next { right: -22px; }

/* 數據統計 */
.stats-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
  margin-top: 5rem;
  padding-top: 3rem;
  border-top: 1px solid rgba(212, 168, 75, 0.3);
}

.stat-item {
  text-align: center;
}

.stat-num {
  font-size: 3.2rem;
  font-weight: 900;
  color: var(--gold-light);
  line-height: 1;
}
.stat-num span {
  font-size: 1.5rem;
  vertical-align: super;
  margin-left: 0.1em;
}

.stat-label {
  font-size: 0.85rem;
  color: var(--paper);
  letter-spacing: 0.3em;
  margin-top: 0.4rem;
  margin-bottom: 0.6rem;
}

.stat-desc {
  font-size: 0.82rem;
  color: rgba(248, 243, 233, 0.6);
  letter-spacing: 0.15em;
}

/* ============================================
   最新消息（about / index）
   ============================================ */
.section-news {
  background: linear-gradient(180deg, var(--ink) 0%, var(--ink-soft) 100%);
}

.news-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  max-width: 1200px;
  margin: 0 auto;
}

.news-card {
  background: rgba(31, 20, 20, 0.6);
  border: 1px solid rgba(212, 168, 75, 0.3);
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
  transition: all 0.4s ease;
  position: relative;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  overflow: hidden;
}

/* 新增：上方圖片區塊 */
.news-img {
  position: relative;
  width: 100%;
  height: 170px;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.5);
}
.news-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  opacity: var(--news-img-opacity, 1);
  filter: saturate(var(--news-img-saturate, 1));
  transition: opacity 0.5s ease, filter 0.5s ease, transform 0.6s ease;
}
.news-card:hover .news-img img {
  transform: scale(1.06);
  opacity: 1;
  filter: saturate(1);
}
/* tag 浮在圖片左上角 */
.news-img .news-tag {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 2;
  background: rgba(18, 8, 8, 0.85);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
.news-img .news-tag-urgent {
  background: var(--gold);
  color: var(--ink);
}
.news-img .news-tag-feature {
  background: rgba(60, 100, 60, 0.85);
  color: #d8e8c0;
}

.news-body {
  padding: 1.4rem 1.6rem 1.6rem;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  flex: 1;
}

/* feature card 圖更大 */
.news-card-feature .news-img {
  height: 280px;
}

.news-card:hover {
  border-color: var(--gold);
  background: rgba(31, 20, 20, 0.85);
  transform: translateY(-4px);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.55);
}

.news-card-feature {
  background: linear-gradient(135deg, rgba(139, 28, 28, 0.25) 0%, rgba(31, 20, 20, 0.78) 100%);
  border-color: rgba(212, 168, 75, 0.55);
  grid-row: span 2;
}

.news-card-info {
  background: linear-gradient(135deg, rgba(60, 100, 60, 0.12) 0%, rgba(31, 20, 20, 0.7) 100%);
  border-color: rgba(212, 168, 75, 0.4);
}

.news-tag {
  display: inline-block;
  align-self: flex-start;
  padding: 0.32rem 0.85rem;
  font-size: 0.72rem;
  letter-spacing: 0.3em;
  font-weight: 900;
  background: transparent;
  border: 1px solid var(--gold);
  color: var(--gold-light);
}

.news-tag-urgent {
  background: var(--gold);
  color: var(--ink);
  animation: tagBlink 2s ease-in-out infinite;
}

@keyframes tagBlink {
  0%, 100% { box-shadow: 0 0 0 0 rgba(212, 168, 75, 0); }
  50% { box-shadow: 0 0 0 6px rgba(212, 168, 75, 0.25); }
}

.news-tag-feature {
  background: rgba(60, 100, 60, 0.4);
  color: #d8e8c0;
  border-color: rgba(150, 180, 100, 0.6);
}

.news-date {
  font-size: 1rem;
  letter-spacing: 0.2em;
  color: var(--gold);
  font-weight: 700;
  font-family: "Noto Serif TC", serif;
  margin-top: 0.4rem;
}

.news-lunar {
  font-size: 0.8rem;
  letter-spacing: 0.15em;
  color: rgba(248, 243, 233, 0.6);
  margin-top: -0.3rem;
}

.news-title {
  font-size: 1.3rem;
  font-weight: 900;
  letter-spacing: 0.15em;
  margin-left: 0.15em;
  color: var(--paper);
  line-height: 1.5;
  margin-top: 0.3rem;
}

.news-card-feature .news-title {
  font-size: 1.7rem;
  letter-spacing: 0.2em;
  margin-left: 0.2em;
}

.news-desc {
  font-size: 0.92rem;
  line-height: 1.85;
  color: rgba(248, 243, 233, 0.8);
  letter-spacing: 0.04em;
  margin-bottom: 0.5rem;
  flex: 1;
}

.news-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  margin-top: auto;
}

.news-link {
  font-size: 0.85rem;
  letter-spacing: 0.2em;
  color: var(--gold-light);
  text-decoration: none;
  padding-top: 0.6rem;
  border-top: 1px solid rgba(212, 168, 75, 0.25);
  transition: color 0.3s ease;
  flex: 1;
  min-width: 100px;
}

.news-link:hover {
  color: var(--gold);
}

.news-note {
  text-align: center;
  font-size: 0.85rem;
  letter-spacing: 0.15em;
  color: rgba(248, 243, 233, 0.55);
  margin-top: 2.5rem;
}

/* ============================================
   首頁 ・ 浮動公告條
   ============================================ */
.hero-notice {
  position: fixed;
  bottom: 110px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 25;
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0.7rem 1.4rem;
  background: rgba(18, 8, 8, 0.92);
  border: 1px solid rgba(212, 168, 75, 0.55);
  text-decoration: none;
  max-width: 90vw;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.5);
  transition: all 0.3s ease;
  animation: noticeAppear 0.6s ease-out 0.8s backwards;
}

@keyframes noticeAppear {
  from { opacity: 0; transform: translate(-50%, 20px); }
  to { opacity: 1; transform: translate(-50%, 0); }
}

.hero-notice:hover {
  background: rgba(18, 8, 8, 0.96);
  border-color: var(--gold);
  transform: translate(-50%, -3px);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.65);
}

.notice-pulse {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--gold);
  box-shadow: 0 0 12px var(--gold);
  animation: noticePulse 1.6s ease-in-out infinite;
  flex-shrink: 0;
}

@keyframes noticePulse {
  0%, 100% { opacity: 0.5; transform: scale(0.85); }
  50% { opacity: 1; transform: scale(1.1); }
}

.notice-label {
  font-size: 0.78rem;
  letter-spacing: 0.35em;
  color: var(--gold);
  font-weight: 700;
  flex-shrink: 0;
}

.notice-text {
  font-size: 0.92rem;
  letter-spacing: 0.08em;
  color: var(--paper);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 460px;
}

.notice-arrow {
  font-size: 1rem;
  color: var(--gold-light);
  flex-shrink: 0;
  transition: transform 0.3s ease;
}

.hero-notice:hover .notice-arrow {
  transform: translateX(4px);
}

/* ============================================
   祖廟農民曆
   ============================================ */
.section-almanac {
  background:
    radial-gradient(ellipse at center, rgba(139, 28, 28, 0.12) 0%, transparent 70%),
    var(--ink);
}

.almanac-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
  align-items: center;
  max-width: 1200px;
  margin: 0 auto;
}

.almanac-image {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}

.almanac-image .image-frame {
  width: 100%;
  max-width: 480px;
  aspect-ratio: auto;
  border: 1px solid rgba(212, 168, 75, 0.5);
}

.almanac-image .image-frame img {
  width: 100%;
  height: auto;
  display: block;
  filter: brightness(1.0) contrast(1.05);
}

.almanac-image .image-caption {
  font-size: 0.85rem;
  letter-spacing: 0.4em;
  color: var(--gold-light);
}

.almanac-info {
  text-align: left;
  padding: 0.5rem 0;
}

.almanac-tag {
  font-size: 0.85rem;
  letter-spacing: 0.5em;
  color: var(--gold);
  margin-bottom: 1.5rem;
}

.almanac-title {
  font-size: 2.6rem;
  font-weight: 900;
  letter-spacing: 0.2em;
  color: var(--paper);
  margin-bottom: 1.5rem;
  line-height: 1.4;
  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.6);
}

.almanac-desc {
  font-size: 1.02rem;
  line-height: 2.1;
  color: rgba(248, 243, 233, 0.88);
  letter-spacing: 0.05em;
  margin-bottom: 1.5rem;
}

.almanac-note {
  font-size: 0.92rem;
  line-height: 1.85;
  color: rgba(248, 243, 233, 0.6);
  letter-spacing: 0.1em;
  margin-bottom: 2rem;
  padding: 1rem 1.2rem;
  border-left: 2px solid var(--gold);
  background: rgba(212, 168, 75, 0.06);
}

/* ============================================
   開基三尊
   ============================================ */
.section-founders {
  background: linear-gradient(180deg, var(--ink-soft) 0%, var(--ink) 100%);
}

.founders-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.5rem;
}

.founder-card {
  text-align: center;
  padding: 0 2rem 3rem;
  background: rgba(31, 20, 20, 0.6);
  border: 1px solid rgba(212, 168, 75, 0.25);
  position: relative;
  transition: all 0.4s ease;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  display: block;
  cursor: pointer;
}

/* 圖片 hover 顯示「了解詳情」覆蓋字 */
.founder-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.55);
  color: var(--gold-light);
  font-size: 1rem;
  letter-spacing: 0.32em;
  font-weight: 700;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 3;
}
.founder-card:hover .founder-overlay {
  opacity: 1;
}

.founder-image {
  margin: 0 -2rem 2rem;
  aspect-ratio: 4 / 3;
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid rgba(212, 168, 75, 0.3);
}

.founder-image::after {
  content: '';
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, transparent 50%, rgba(31,20,20,0.85) 100%);
  pointer-events: none;
}

.founder-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(0.85) contrast(1.05);
  transition: transform 0.7s ease, filter 0.4s ease;
}

.founder-card:hover .founder-image img {
  transform: scale(1.06);
  filter: brightness(0.95) contrast(1.05);
}

.founder-card:hover {
  transform: translateY(-6px);
  border-color: var(--gold);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
  background: rgba(31, 20, 20, 0.85);
}

.founder-card-center {
  background: rgba(42, 26, 26, 0.75);
  border-color: rgba(212, 168, 75, 0.5);
}

.founder-num {
  font-size: 2.4rem;
  color: var(--gold);
  font-weight: 900;
  letter-spacing: 0;
  margin-bottom: 1rem;
  line-height: 1;
  font-family: "Noto Serif TC", serif;
}

.founder-name {
  font-size: 2rem;
  font-weight: 900;
  letter-spacing: 0.2em;
  margin-left: 0.2em;
  color: var(--paper);
  margin-bottom: 0.4rem;
}

.founder-sub {
  font-size: 0.9rem;
  letter-spacing: 0.3em;
  color: var(--gold-light);
  margin-bottom: 1.8rem;
}

.founder-desc {
  font-size: 0.95rem;
  line-height: 2.1;
  color: rgba(248, 243, 233, 0.82);
  margin-bottom: 1.8rem;
  letter-spacing: 0.05em;
}

.founder-tag {
  display: inline-block;
  padding: 0.5rem 1.2rem;
  border: 1px solid rgba(212, 168, 75, 0.4);
  font-size: 0.8rem;
  letter-spacing: 0.25em;
  color: var(--gold-light);
}

/* ============================================
   廣納神尊
   ============================================ */
.deity-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 3rem;
}

.deity-chip {
  padding: 1rem 2rem;
  background: rgba(31, 20, 20, 0.6);
  border: 1px solid rgba(212, 168, 75, 0.4);
  font-size: 1.05rem;
  letter-spacing: 0.25em;
  color: var(--paper);
  transition: all 0.3s ease;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
}

.deity-chip:hover {
  background: rgba(212, 168, 75, 0.18);
  border-color: var(--gold);
  color: var(--gold-light);
  transform: translateY(-2px);
}

.deity-chip.more,
.deity-chip-more {
  background: transparent;
  color: rgba(248, 243, 233, 0.55);
  letter-spacing: 0.32em;
  font-size: 0.9rem;
}
.deity-chip-more:hover {
  color: var(--gold-light);
  border-color: var(--gold);
  background: rgba(212, 168, 75, 0.1);
}

/* === 開基三尊下方緊接的「廣納神尊」緊湊版 === */
.extra-deities {
  margin-top: 3rem;
  padding-top: 2.5rem;
  border-top: 1px solid rgba(212, 168, 75, 0.18);
  text-align: center;
}
.extra-deities-head {
  margin-bottom: 1.5rem;
}
.extra-deities-label {
  display: inline-block;
  font-size: 0.78rem;
  letter-spacing: 0.45em;
  color: var(--gold);
  font-weight: 700;
  margin-right: 0.8rem;
  margin-left: 0.45em;
}
.extra-deities-sub {
  font-size: 0.82rem;
  letter-spacing: 0.18em;
  color: rgba(248, 243, 233, 0.6);
}
.extra-deities-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.55rem;
}
.extra-deities-list .deity-chip {
  padding: 0.6rem 1.2rem;
  font-size: 0.9rem;
  letter-spacing: 0.18em;
}

@media (max-width: 768px) {
  .extra-deities { margin-top: 2rem; padding-top: 1.8rem; }
  .extra-deities-head { display: flex; flex-direction: column; gap: 0.4rem; margin-bottom: 1.2rem; }
  .extra-deities-label { margin-right: 0; font-size: 0.7rem; letter-spacing: 0.36em; }
  .extra-deities-sub { font-size: 0.72rem; letter-spacing: 0.1em; }
  .extra-deities-list { gap: 0.4rem; }
  .extra-deities-list .deity-chip { padding: 0.5rem 0.85rem; font-size: 0.8rem; letter-spacing: 0.12em; }
}

/* ============================================
   問事倒數 CTA（about.html，沿革之上）
   主題：四角榫角金邊框 + 中央光暈 + 古典時辰錶
   ============================================ */
.section-wenshi-cta {
  background:
    radial-gradient(ellipse at center top, rgba(212, 168, 75, 0.08) 0%, transparent 60%),
    var(--ink-soft);
  padding: 5rem 1.5rem;
}

.wcd-card {
  position: relative;
  display: block;
  max-width: 760px;
  margin: 0 auto;
  padding: 3rem 2rem 2.5rem;
  background:
    radial-gradient(ellipse at top, rgba(139, 28, 28, 0.18) 0%, transparent 70%),
    linear-gradient(180deg, rgba(31, 14, 14, 0.85) 0%, rgba(18, 8, 8, 0.95) 100%);
  border: 1px solid rgba(212, 168, 75, 0.55);
  text-decoration: none;
  color: inherit;
  text-align: center;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.55);
  transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease;
  overflow: hidden;
}
.wcd-card::before {
  content: '';
  position: absolute;
  inset: 8px;
  border: 1px solid rgba(212, 168, 75, 0.2);
  pointer-events: none;
}
.wcd-card:hover {
  transform: translateY(-4px);
  border-color: var(--gold);
  box-shadow: 0 30px 70px rgba(0, 0, 0, 0.65), 0 0 0 1px rgba(212, 168, 75, 0.15);
}

/* 四角榫角裝飾 */
.wcd-corner {
  position: absolute;
  width: 22px;
  height: 22px;
  border: 2px solid var(--gold);
  pointer-events: none;
  transition: width 0.4s ease, height 0.4s ease;
}
.wcd-tl { top: 14px; left: 14px;  border-right: none; border-bottom: none; }
.wcd-tr { top: 14px; right: 14px; border-left: none;  border-bottom: none; }
.wcd-bl { bottom: 14px; left: 14px;  border-right: none; border-top: none; }
.wcd-br { bottom: 14px; right: 14px; border-left: none;  border-top: none; }
.wcd-card:hover .wcd-corner {
  width: 28px;
  height: 28px;
}

/* 中央問事圖示 */
.wcd-icon-wrap {
  width: 70px;
  height: 70px;
  margin: 0 auto 1.2rem;
  border: 1px solid rgba(212, 168, 75, 0.4);
  border-radius: 50%;
  padding: 0.85rem;
  background:
    radial-gradient(circle, rgba(212, 168, 75, 0.15) 0%, rgba(0, 0, 0, 0.4) 100%);
  transition: transform 0.5s ease, border-color 0.4s ease;
}
.wcd-card:hover .wcd-icon-wrap {
  transform: rotate(-6deg);
  border-color: var(--gold);
}
.wcd-icon {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.wcd-eyebrow {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.7rem;
  margin-bottom: 0.9rem;
}
.wcd-pulse {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--gold);
  box-shadow: 0 0 12px var(--gold);
  animation: wcdPulse 1.6s ease-in-out infinite;
}
@keyframes wcdPulse {
  0%, 100% { opacity: 0.55; transform: scale(0.85); }
  50% { opacity: 1; transform: scale(1.18); }
}
.wcd-tag {
  font-size: 0.85rem;
  letter-spacing: 0.42em;
  color: var(--gold);
  font-weight: 700;
}

.wcd-date {
  font-family: "Noto Serif TC", serif;
  font-size: 1.55rem;
  font-weight: 900;
  color: var(--gold-light);
  letter-spacing: 0.15em;
  margin: 0 0 1.6rem 0.15em;
  line-height: 1.4;
  text-shadow: 0 4px 14px rgba(0, 0, 0, 0.55);
}

.wcd-clock {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1.8rem;
}
.wcd-unit {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 78px;
  padding: 0.85rem 0.5rem;
  background: rgba(0, 0, 0, 0.55);
  border: 1px solid rgba(212, 168, 75, 0.45);
}
.wcd-num {
  font-family: "Noto Serif TC", serif;
  font-size: 2.2rem;
  font-weight: 900;
  color: var(--gold-light);
  line-height: 1;
  letter-spacing: 0.04em;
  font-variant-numeric: tabular-nums;
}
.wcd-tag-label {
  font-size: 0.7rem;
  letter-spacing: 0.3em;
  color: var(--gold);
  margin-top: 0.55rem;
  font-weight: 700;
}
.wcd-sep {
  font-family: "Noto Serif TC", serif;
  font-size: 1.7rem;
  font-weight: 900;
  color: var(--gold);
  opacity: 0.55;
  margin-top: -0.6rem;
}

.wcd-cta {
  display: inline-block;
  font-size: 0.95rem;
  letter-spacing: 0.32em;
  color: var(--gold-light);
  font-weight: 700;
  padding: 0.75rem 1.6rem;
  border: 1px solid var(--gold);
  background: rgba(212, 168, 75, 0.08);
  margin-left: 0.32em;
  transition: all 0.3s ease;
}
.wcd-card:hover .wcd-cta {
  background: var(--gold);
  color: var(--ink);
}

@media (max-width: 768px) {
  .section-wenshi-cta { padding: 3rem 1rem; }
  .wcd-card { padding: 2.2rem 1rem 1.8rem; }
  .wcd-card::before { inset: 6px; }
  .wcd-corner { width: 16px; height: 16px; }
  .wcd-tl, .wcd-tr { top: 10px; }
  .wcd-bl, .wcd-br { bottom: 10px; }
  .wcd-tl, .wcd-bl { left: 10px; }
  .wcd-tr, .wcd-br { right: 10px; }
  .wcd-icon-wrap { width: 56px; height: 56px; padding: 0.65rem; }
  .wcd-tag { font-size: 0.7rem; letter-spacing: 0.32em; }
  .wcd-date { font-size: 1.05rem; letter-spacing: 0.06em; margin-bottom: 1.2rem; }
  .wcd-clock { gap: 0.25rem; }
  .wcd-unit { min-width: 0; flex: 1; padding: 0.55rem 0.2rem; }
  .wcd-num { font-size: 1.4rem; }
  .wcd-tag-label { font-size: 0.6rem; letter-spacing: 0.2em; margin-top: 0.35rem; }
  .wcd-sep { font-size: 1.1rem; margin-top: -0.4rem; }
  .wcd-cta { font-size: 0.78rem; letter-spacing: 0.22em; padding: 0.6rem 1.1rem; }
}

/* ============================================
   求籤 CTA（about.html 底部，原諸神共鎮位置）
   ============================================ */
.section-fortune-cta {
  background:
    radial-gradient(ellipse at top, rgba(139, 28, 28, 0.18) 0%, transparent 60%),
    var(--ink-soft);
  padding: 5rem 1.5rem;
}

/* 委員會 CTA：墨綠色調區隔（與紅色系求籤對比）*/
.section-committee-cta {
  background:
    radial-gradient(ellipse at top, rgba(60, 100, 60, 0.18) 0%, transparent 60%),
    var(--ink);
  padding: 5rem 1.5rem 6rem;
}
.committee-cta {
  background: linear-gradient(135deg, rgba(60, 100, 60, 0.18) 0%, rgba(31, 14, 14, 0.92) 100%) !important;
}
.committee-cta:hover {
  background: linear-gradient(135deg, rgba(60, 100, 60, 0.28) 0%, rgba(31, 14, 14, 0.95) 100%) !important;
}

.fortune-cta {
  max-width: 920px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 200px 1fr;
  gap: 2.5rem;
  align-items: center;
  padding: 3rem 3rem;
  background: linear-gradient(135deg, rgba(139, 28, 28, 0.22) 0%, rgba(31, 14, 14, 0.92) 100%);
  border: 1px solid rgba(212, 168, 75, 0.55);
  text-decoration: none;
  color: inherit;
  position: relative;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.5);
  transition: all 0.4s ease;
}
.fortune-cta::before {
  content: '';
  position: absolute;
  inset: 8px;
  border: 1px solid rgba(212, 168, 75, 0.2);
  pointer-events: none;
}
.fortune-cta:hover {
  border-color: var(--gold);
  background: linear-gradient(135deg, rgba(139, 28, 28, 0.32) 0%, rgba(31, 14, 14, 0.95) 100%);
  transform: translateY(-3px);
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.6);
}

.fortune-cta-icon {
  width: 180px;
  height: 180px;
  border: 2px solid var(--gold);
  background: rgba(0, 0, 0, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.4rem;
  margin: 0 auto;
  transition: transform 0.5s ease;
}
.fortune-cta:hover .fortune-cta-icon {
  transform: rotate(-4deg) scale(1.04);
}
.fortune-cta-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.fortune-cta-body { padding: 0; }
.fortune-cta-tag {
  font-size: 0.82rem;
  letter-spacing: 0.4em;
  color: var(--gold);
  font-weight: 700;
  margin-bottom: 0.6rem;
}
.fortune-cta-title {
  font-family: "Noto Serif TC", serif;
  font-size: 2.6rem;
  font-weight: 900;
  color: var(--gold-light);
  letter-spacing: 0.32em;
  margin: 0 0 0 0.32em;
  line-height: 1.2;
}
.fortune-cta-divider {
  width: 50px;
  height: 2px;
  background: var(--gold);
  margin: 1rem 0 1.2rem;
  transition: width 0.4s ease;
}
.fortune-cta:hover .fortune-cta-divider {
  width: 80px;
}
.fortune-cta-desc {
  font-size: 1rem;
  line-height: 2;
  color: rgba(248, 243, 233, 0.85);
  letter-spacing: 0.05em;
  margin-bottom: 1.5rem;
}
.fortune-cta-arrow {
  display: inline-block;
  font-size: 1rem;
  letter-spacing: 0.32em;
  color: var(--gold-light);
  font-weight: 700;
  padding: 0.7rem 1.4rem;
  border: 1px solid var(--gold);
  background: rgba(212, 168, 75, 0.08);
  margin-left: 0.32em;
  transition: all 0.3s ease;
}
.fortune-cta:hover .fortune-cta-arrow {
  background: var(--gold);
  color: var(--ink);
}

@media (max-width: 768px) {
  .section-fortune-cta { padding: 3rem 1rem; }
  .fortune-cta {
    grid-template-columns: 1fr;
    gap: 1.2rem;
    padding: 2.2rem 1.5rem;
    text-align: center;
  }
  .fortune-cta-icon { width: 130px; height: 130px; padding: 1rem; }
  .fortune-cta-title { font-size: 1.8rem; letter-spacing: 0.22em; margin-left: 0.22em; }
  .fortune-cta-divider { margin-left: auto; margin-right: auto; }
  .fortune-cta-desc { font-size: 0.9rem; line-height: 1.85; }
  .fortune-cta-arrow { padding: 0.6rem 1.1rem; font-size: 0.85rem; letter-spacing: 0.2em; margin-left: 0.2em; }
}

.deities-note {
  text-align: center;
  font-size: 0.95rem;
  color: rgba(248, 243, 233, 0.65);
  letter-spacing: 0.1em;
  margin-bottom: 1.5rem;
}

.deities-cta {
  text-align: center;
}

/* ============================================
   神明頁
   ============================================ */

/* 主祀 ・ 天上聖母 */
.section-main-deity {
  background: linear-gradient(180deg, var(--ink) 0%, var(--ink-soft) 100%);
}

.main-deity {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 4.5rem;
  align-items: center;
}

.main-deity-link {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  transition: transform 0.4s ease;
}
.main-deity-link:hover {
  transform: translateY(-4px);
}
.main-deity-link:hover .image-frame {
  box-shadow: 0 20px 50px rgba(212, 168, 75, 0.18);
}

.main-deity-image {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}

.main-deity-image .image-frame {
  width: 100%;
  max-width: 460px;
  aspect-ratio: 4 / 5;
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(212, 168, 75, 0.5);
  box-shadow:
    0 24px 70px rgba(0, 0, 0, 0.7),
    0 0 0 8px rgba(212, 168, 75, 0.08);
}

.main-deity-image .image-frame::before {
  content: '';
  position: absolute;
  inset: 8px;
  border: 1px solid rgba(212, 168, 75, 0.35);
  z-index: 2;
  pointer-events: none;
}

.main-deity-image .image-frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(0.92) contrast(1.05);
}

.main-deity-image .image-caption {
  font-size: 0.88rem;
  letter-spacing: 0.4em;
  color: var(--gold-light);
}

.deity-aliases {
  font-size: 0.95rem;
  letter-spacing: 0.35em;
  color: var(--gold-light);
  margin-bottom: 1.5rem;
}

.main-deity-lead {
  font-size: 1.6rem !important;
  letter-spacing: 0.3em;
  color: var(--gold-light) !important;
  font-weight: 500;
  margin-bottom: 2rem !important;
  line-height: 1.5 !important;
}

.main-deity-info p {
  font-size: 1.05rem;
  line-height: 2.1;
  color: rgba(248, 243, 233, 0.88);
  margin-bottom: 1.4rem;
  letter-spacing: 0.05em;
  text-align: justify;
}

.main-deity-info strong {
  color: var(--gold-light);
  font-weight: 700;
}

.deity-meta-list {
  margin-top: 2rem;
  padding-top: 1.8rem;
  border-top: 1px solid rgba(212, 168, 75, 0.25);
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
}

.meta-row {
  display: flex;
  align-items: baseline;
  gap: 1.2rem;
  font-size: 0.95rem;
}

.meta-row .meta-label {
  font-size: 0.82rem;
  letter-spacing: 0.4em;
  color: var(--gold);
  min-width: 90px;
}

.meta-row .meta-value {
  color: var(--paper);
  letter-spacing: 0.06em;
}

/* 開基同祀（雙卡） */
.section-co-founders {
  background: var(--ink);
}

.dual-deity-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.5rem;
}

.deity-detail-card {
  background: rgba(31, 20, 20, 0.7);
  border: 1px solid rgba(212, 168, 75, 0.3);
  overflow: hidden;
  transition: all 0.4s ease;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  display: block;
}

.deity-detail-card:hover {
  border-color: var(--gold);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.55);
  transform: translateY(-4px);
}

.deity-more {
  margin-top: 1.4rem;
  padding-top: 1rem;
  border-top: 1px dashed rgba(212, 168, 75, 0.18);
  font-size: 0.82rem;
  letter-spacing: 0.18em;
  color: rgba(212, 168, 75, 0.7);
  transition: color 0.3s ease;
}
.deity-detail-card:hover .deity-more,
.main-deity-link:hover .deity-more {
  color: var(--gold-light);
}

.deity-detail-image {
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-bottom: 1px solid rgba(212, 168, 75, 0.3);
  position: relative;
}

.deity-detail-image::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 60%, rgba(31,20,20,0.4) 100%);
  pointer-events: none;
}

.deity-detail-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(0.88) contrast(1.05);
  transition: transform 0.7s ease;
}

.deity-detail-card:hover .deity-detail-image img {
  transform: scale(1.05);
}

.deity-detail-body {
  padding: 2.2rem 2rem;
}

.deity-detail-name {
  font-size: 2rem;
  font-weight: 900;
  letter-spacing: 0.2em;
  margin-left: 0.2em;
  color: var(--paper);
  margin-bottom: 0.3rem;
}

.deity-detail-body .deity-aliases {
  font-size: 0.85rem;
  margin-bottom: 1.3rem;
}

.deity-detail-body p {
  font-size: 0.97rem;
  line-height: 2;
  color: rgba(248, 243, 233, 0.85);
  margin-bottom: 1.2rem;
  letter-spacing: 0.04em;
  text-align: justify;
}

.deity-detail-body strong {
  color: var(--gold-light);
  font-weight: 700;
}

.deity-detail-body .deity-meta-list {
  margin-top: 1.5rem;
  padding-top: 1.3rem;
}

/* 廣納神尊 ・ 神尊網格 */
.section-extended-deities {
  background: linear-gradient(180deg, var(--ink) 0%, var(--ink-soft) 100%);
}

.deities-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  margin-bottom: 4rem;
}

.deity-card {
  background: rgba(31, 20, 20, 0.55);
  border: 1px solid rgba(212, 168, 75, 0.25);
  overflow: hidden;
  transition: all 0.4s ease;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  position: relative;
}

.deity-card::after {
  content: '深入了解 →';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0.6rem 1.4rem;
  background: linear-gradient(180deg, transparent 0%, rgba(139, 28, 28, 0.6) 100%);
  color: var(--gold-light);
  font-size: 0.78rem;
  letter-spacing: 0.18em;
  text-align: right;
  opacity: 0;
  transform: translateY(8px);
  transition: all 0.4s ease;
  pointer-events: none;
}
.deity-card:hover::after {
  opacity: 1;
  transform: translateY(0);
}

.deity-card:hover {
  border-color: var(--gold);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5);
  transform: translateY(-4px);
}

.deity-card-image {
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  position: relative;
  background: var(--ink);
}

.deity-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(0.88) contrast(1.05);
  transition: transform 0.7s ease;
}

.deity-card:hover .deity-card-image img {
  transform: scale(1.05);
}

.deity-card-image-placeholder {
  background:
    radial-gradient(ellipse at center, rgba(212,168,75,0.18) 0%, rgba(31,20,20,0.7) 70%),
    var(--ink);
  display: flex;
  align-items: center;
  justify-content: center;
}

.deity-card-image-placeholder .placeholder-text {
  font-size: 2.6rem;
  letter-spacing: 0.3em;
  color: rgba(212, 168, 75, 0.5);
  text-align: center;
  line-height: 1.4;
  font-weight: 900;
}

.deity-card-body {
  padding: 1.8rem 1.6rem 2rem;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.deity-card-body h3 {
  font-size: 1.5rem;
  font-weight: 900;
  letter-spacing: 0.2em;
  margin-left: 0.2em;
  color: var(--paper);
  margin-bottom: 0.3rem;
}

.deity-card-body .deity-aliases {
  font-size: 0.78rem;
  letter-spacing: 0.25em;
  margin-bottom: 1rem;
}

.deity-card-body p {
  font-size: 0.92rem;
  line-height: 1.85;
  color: rgba(248, 243, 233, 0.78);
  margin-bottom: 1.3rem;
  letter-spacing: 0.04em;
  flex: 1;
}

.deity-tag {
  display: inline-block;
  align-self: flex-start;
  padding: 0.45rem 1rem;
  border: 1px solid rgba(212, 168, 75, 0.4);
  font-size: 0.78rem;
  letter-spacing: 0.2em;
  color: var(--gold-light);
  margin-top: auto;
  line-height: 1.7;
}

/* 完整名單提示 */
.deities-note {
  text-align: center;
  padding: 3rem 1rem 1rem;
  border-top: 1px solid rgba(212, 168, 75, 0.2);
}

.note-divider {
  width: 40px;
  height: 1px;
  background: var(--gold);
  margin: 0 auto 2rem;
}

.note-title {
  font-size: 0.95rem;
  letter-spacing: 0.6em;
  color: var(--gold);
  margin-bottom: 1.5rem;
}

.note-body {
  font-size: 1.05rem;
  line-height: 2.1;
  color: rgba(248, 243, 233, 0.85);
  letter-spacing: 0.08em;
  margin-bottom: 1.5rem;
}

.note-body strong {
  color: var(--gold-light);
  font-weight: 700;
  font-size: 1.2rem;
  letter-spacing: 0.15em;
}

.note-cta {
  font-size: 0.95rem;
  letter-spacing: 0.4em;
  color: var(--gold-light);
}

/* Footer credits */
.footer-credits {
  text-align: center;
  margin-top: 2.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid rgba(212, 168, 75, 0.12);
  font-size: 0.78rem;
  letter-spacing: 0.2em;
  color: rgba(248, 243, 233, 0.4);
}

.footer-credits + .footer-copy {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: none;
}

/* ============================================
   嚴格時間軸 ・ 橫向版
   ============================================ */
.section-timeline-h {
  background:
    radial-gradient(ellipse at top, rgba(139, 28, 28, 0.12) 0%, transparent 60%),
    var(--ink);
  padding: 6rem 0 5rem;
}

.section-timeline-h .section-inner {
  padding: 0 2rem;
  max-width: none;
}

.section-timeline-h .section-head {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.th-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  margin-bottom: 2rem;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.th-arrow {
  width: 48px;
  height: 48px;
  border: 1px solid rgba(212, 168, 75, 0.5);
  background: rgba(18, 8, 8, 0.85);
  color: var(--gold-light);
  font-size: 1.6rem;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: inherit;
  padding-bottom: 4px;
  line-height: 1;
}

.th-arrow:hover {
  background: var(--gold);
  color: var(--ink);
  border-color: var(--gold);
}

.th-hint {
  font-size: 0.85rem;
  letter-spacing: 0.4em;
  color: var(--gold-light);
  white-space: nowrap;
}

/* 滑動容器 */
.timeline-h {
  position: relative;
  overflow-x: auto;
  overflow-y: visible;
  padding: 1rem 0 2rem;
  scroll-behavior: smooth;
  scroll-snap-type: x proximity;
  scrollbar-width: thin;
  scrollbar-color: var(--gold-deep) rgba(255, 255, 255, 0.05);
  cursor: grab;
}
.timeline-h.dragging { cursor: grabbing; scroll-behavior: auto; }
.timeline-h::-webkit-scrollbar { height: 8px; }
.timeline-h::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.05); }
.timeline-h::-webkit-scrollbar-thumb {
  background: var(--gold-deep);
  border-radius: 4px;
}
.timeline-h::-webkit-scrollbar-thumb:hover { background: var(--gold); }

.timeline-h-track {
  position: relative;
  display: flex;
  align-items: stretch;
  gap: 0;
  padding: 4rem 3rem;
  min-width: max-content;
  user-select: none;
}

/* 中央金線 ・ 全寬貫穿 */
.timeline-h-track::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 1rem;
  right: 1rem;
  height: 2px;
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(212, 168, 75, 0.7) 3%,
    var(--gold) 50%,
    rgba(212, 168, 75, 0.7) 97%,
    transparent 100%);
  transform: translateY(-50%);
  box-shadow: 0 0 12px rgba(212, 168, 75, 0.4);
  z-index: 1;
}

/* === 事件卡 === */
.th-event {
  flex: 0 0 270px;
  position: relative;
  z-index: 2;
  scroll-snap-align: center;
  display: grid;
  grid-template-rows: 1fr auto 1fr;
  align-items: center;
  padding: 0 0.7rem;
  pointer-events: auto;
  text-decoration: none;
  color: inherit;
}

.th-event[data-album] { cursor: pointer; }
.th-event[data-album] .th-img { position: relative; }
.th-event[data-album] .th-img::after {
  content: '⊞ 查看相簿';
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.55);
  color: var(--gold-light);
  font-size: 0.92rem;
  letter-spacing: 0.3em;
  font-weight: 700;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
.th-event[data-album]:hover .th-img::after {
  opacity: 1;
}

/* 上半區:圖片 */
.th-img {
  align-self: end;
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border: 1px solid rgba(212, 168, 75, 0.5);
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.55);
  margin-bottom: 1.6rem;
  position: relative;
  background: var(--ink);
}

.th-img::after {
  content: '';
  position: absolute;
  inset: 0;
  border: 1px solid rgba(212, 168, 75, 0.2);
  pointer-events: none;
  z-index: 2;
}

.th-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(0.88) contrast(1.05);
  transition: transform 0.5s ease, filter 0.4s ease;
}

.th-event:hover .th-img img {
  transform: scale(1.06);
  filter: brightness(0.95) contrast(1.05);
}

/* 中間 pin 在金線上 */
.th-pin {
  align-self: center;
  justify-self: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--gold);
  border: 3px solid var(--ink);
  box-shadow: 0 0 14px rgba(212, 168, 75, 0.6);
  position: relative;
  z-index: 3;
}

.th-past .th-pin {
  background: rgba(212, 168, 75, 0.55);
  box-shadow: 0 0 8px rgba(212, 168, 75, 0.4);
}

.th-future .th-pin {
  background: var(--gold-light);
  box-shadow: 0 0 18px rgba(241, 217, 144, 0.85);
  animation: thPinPulse 1.6s ease-in-out infinite;
}

@keyframes thPinPulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.4); box-shadow: 0 0 26px rgba(241, 217, 144, 1); }
}

.th-feature .th-pin {
  background: var(--red);
  border-color: var(--gold);
  box-shadow: 0 0 22px rgba(212, 168, 75, 0.9);
  width: 22px;
  height: 22px;
}

/* 下半區:資訊卡 */
.th-info {
  align-self: start;
  width: 100%;
  padding: 1.2rem 1rem;
  background: rgba(31, 20, 20, 0.85);
  border: 1px solid rgba(212, 168, 75, 0.3);
  text-align: center;
  margin-top: 1.6rem;
  transition: all 0.35s ease;
  position: relative;
  display: flex;
  flex-direction: column;
}

.th-info::before {
  content: '';
  position: absolute;
  top: -8px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent rgba(212, 168, 75, 0.5) transparent;
}

.th-event:hover .th-info {
  border-color: var(--gold);
  background: rgba(31, 20, 20, 0.95);
  transform: translateY(3px);
}

.th-past .th-info {
  opacity: 0.95;
}

.th-future .th-info {
  background: linear-gradient(135deg, rgba(212, 168, 75, 0.14) 0%, rgba(31, 20, 20, 0.88) 100%);
  border-color: rgba(212, 168, 75, 0.55);
}

.th-feature .th-info {
  background: linear-gradient(135deg, rgba(139, 28, 28, 0.32) 0%, rgba(31, 20, 20, 0.95) 100%);
  border: 1px solid var(--gold);
  box-shadow: 0 0 0 4px rgba(212, 168, 75, 0.08), 0 14px 36px rgba(0, 0, 0, 0.5);
}

/* 卡內元素 */
.th-tag-feature {
  display: inline-block;
  align-self: center;
  background: var(--gold);
  color: var(--ink);
  padding: 0.28rem 0.85rem;
  font-size: 0.7rem;
  letter-spacing: 0.3em;
  font-weight: 900;
  margin-bottom: 0.7rem;
}

.th-date {
  font-size: 0.95rem;
  letter-spacing: 0.18em;
  color: var(--gold);
  font-weight: 700;
  font-family: "Noto Serif TC", serif;
  margin-bottom: 0.25rem;
}

.th-lunar {
  font-size: 0.72rem;
  letter-spacing: 0.18em;
  color: rgba(248, 243, 233, 0.6);
  margin-bottom: 0.6rem;
}

.th-title {
  font-size: 1.05rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  margin-left: 0.12em;
  color: var(--paper);
  margin-bottom: 0.4rem;
  line-height: 1.45;
}

.th-desc {
  font-size: 0.78rem;
  line-height: 1.65;
  color: rgba(248, 243, 233, 0.75);
  letter-spacing: 0.04em;
  flex: 1;
}

.th-link {
  display: inline-block;
  margin-top: 0.7rem;
  font-size: 0.78rem;
  letter-spacing: 0.18em;
  color: var(--gold-light);
  text-decoration: none;
  padding-top: 0.5rem;
  border-top: 1px solid rgba(212, 168, 75, 0.25);
  transition: color 0.3s ease;
  align-self: stretch;
}

.th-link:hover {
  color: var(--gold);
}

/* === Marker(起點/年/今日/終點)=== */
.th-marker {
  flex: 0 0 auto;
  align-self: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 1.5rem;
  z-index: 4;
  position: relative;
}

.th-marker span {
  display: block;
  padding: 0.7rem 1.4rem;
  background: var(--ink);
  border: 1px solid var(--gold);
  font-size: 0.88rem;
  letter-spacing: 0.4em;
  color: var(--gold-light);
  font-weight: 700;
  white-space: nowrap;
}

.th-marker small {
  display: block;
  margin-top: 0.5rem;
  font-size: 0.68rem;
  letter-spacing: 0.22em;
  color: rgba(248, 243, 233, 0.6);
  white-space: nowrap;
}

.th-marker-edge span {
  border-style: dashed;
  color: var(--gold);
  font-size: 0.82rem;
}

.th-marker-year span {
  background: linear-gradient(90deg, var(--gold-deep) 0%, var(--gold) 50%, var(--gold-deep) 100%);
  color: var(--ink);
  font-weight: 900;
  border-color: var(--gold-light);
  box-shadow: 0 0 24px rgba(212, 168, 75, 0.45);
}

.th-marker-today span {
  background: linear-gradient(135deg, rgba(139, 28, 28, 0.9) 0%, rgba(168, 40, 40, 0.95) 100%);
  color: var(--gold-light);
  border-color: var(--gold);
  letter-spacing: 0.25em;
  animation: thTodayPulse 2s ease-in-out infinite;
}

@keyframes thTodayPulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(212, 168, 75, 0); }
  50% { box-shadow: 0 0 0 12px rgba(212, 168, 75, 0.3); }
}

/* ============================================
   嚴格時間軸 ・ 垂直版（已棄用，但保留樣式）
   ============================================ */

.section-timeline {
  background:
    radial-gradient(ellipse at top, rgba(139, 28, 28, 0.12) 0%, transparent 60%),
    var(--ink);
  padding: 6rem 2rem 8rem;
}

.timeline {
  position: relative;
  max-width: 1100px;
  margin: 0 auto;
  padding: 2rem 0;
}

/* 中央金線 */
.timeline::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 2px;
  background: linear-gradient(180deg,
    transparent 0%,
    rgba(212, 168, 75, 0.6) 4%,
    var(--gold) 50%,
    rgba(212, 168, 75, 0.6) 96%,
    transparent 100%);
  transform: translateX(-50%);
  box-shadow: 0 0 12px rgba(212, 168, 75, 0.4);
}

/* === 標記點(起點/年/今日/終點)=== */
.timeline-marker {
  position: relative;
  text-align: center;
  margin: 2.5rem 0;
  z-index: 2;
}

.timeline-marker .marker-text {
  display: inline-block;
  padding: 0.7rem 1.8rem;
  background: var(--ink);
  border: 1px solid var(--gold);
  font-size: 0.95rem;
  letter-spacing: 0.4em;
  color: var(--gold-light);
  font-weight: 700;
}

.timeline-marker .marker-sub {
  margin-top: 0.6rem;
  font-size: 0.78rem;
  letter-spacing: 0.25em;
  color: rgba(248, 243, 233, 0.6);
}

.timeline-marker-start .marker-text,
.timeline-marker-end .marker-text {
  background: var(--ink);
  color: var(--gold);
  border-style: dashed;
}

.timeline-marker-year .marker-text {
  background: linear-gradient(90deg, var(--gold-deep) 0%, var(--gold) 50%, var(--gold-deep) 100%);
  color: var(--ink);
  font-weight: 900;
  border-color: var(--gold-light);
  box-shadow: 0 0 24px rgba(212, 168, 75, 0.45);
}

.timeline-marker-today .marker-text {
  background:
    linear-gradient(135deg, rgba(139, 28, 28, 0.9) 0%, rgba(168, 40, 40, 0.95) 100%);
  color: var(--gold-light);
  border-color: var(--gold);
  font-weight: 900;
  letter-spacing: 0.3em;
  animation: todayPulse 2s ease-in-out infinite;
}

@keyframes todayPulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(212, 168, 75, 0); }
  50% { box-shadow: 0 0 0 10px rgba(212, 168, 75, 0.25); }
}

/* === 時間軸事件 === */
.timeline-item {
  position: relative;
  width: 50%;
  padding: 1.2rem 3rem 1.2rem 0;
  margin-bottom: 0.5rem;
  z-index: 2;
}

.timeline-item:nth-child(odd-of-type) {
  margin-left: 0;
}

/* 偶數靠右 */
.timeline-item:nth-of-type(even) {
  margin-left: 50%;
  padding: 1.2rem 0 1.2rem 3rem;
  text-align: left;
}
.timeline-item:nth-of-type(odd) {
  text-align: right;
}

/* 事件圓點 */
.timeline-dot {
  position: absolute;
  top: 1.8rem;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--gold);
  border: 3px solid var(--ink);
  box-shadow: 0 0 14px rgba(212, 168, 75, 0.6);
  z-index: 3;
}

.timeline-item:nth-of-type(odd) .timeline-dot {
  right: -8px;
}
.timeline-item:nth-of-type(even) .timeline-dot {
  left: -8px;
}

/* 過去事件:暗化 */
.timeline-past .timeline-dot {
  background: rgba(212, 168, 75, 0.5);
  box-shadow: 0 0 8px rgba(212, 168, 75, 0.3);
}

/* 未來事件:亮金 */
.timeline-future .timeline-dot {
  background: var(--gold-light);
  box-shadow: 0 0 18px rgba(241, 217, 144, 0.85);
  animation: dotPulse 1.6s ease-in-out infinite;
}

@keyframes dotPulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.3); }
}

/* 卡片 */
.timeline-card {
  display: inline-block;
  background: rgba(31, 20, 20, 0.65);
  border: 1px solid rgba(212, 168, 75, 0.3);
  padding: 1.4rem 1.6rem;
  text-align: left;
  max-width: 100%;
  transition: all 0.35s ease;
  position: relative;
}

.timeline-card::before {
  content: '';
  position: absolute;
  top: 1.8rem;
  width: 0;
  height: 0;
  border-style: solid;
}

.timeline-item:nth-of-type(odd) .timeline-card::before {
  right: -10px;
  border-width: 8px 0 8px 10px;
  border-color: transparent transparent transparent rgba(212, 168, 75, 0.3);
}
.timeline-item:nth-of-type(even) .timeline-card::before {
  left: -10px;
  border-width: 8px 10px 8px 0;
  border-color: transparent rgba(212, 168, 75, 0.3) transparent transparent;
}

.timeline-card:hover {
  border-color: var(--gold);
  background: rgba(31, 20, 20, 0.92);
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.55);
}

.timeline-item:nth-of-type(odd) .timeline-card:hover {
  transform: translateX(-4px);
}
.timeline-item:nth-of-type(even) .timeline-card:hover {
  transform: translateX(4px);
}

.timeline-past .timeline-card {
  opacity: 0.92;
}

.timeline-future .timeline-card {
  background:
    linear-gradient(135deg, rgba(212, 168, 75, 0.12) 0%, rgba(31, 20, 20, 0.78) 100%);
  border-color: rgba(212, 168, 75, 0.55);
}

.timeline-feature .timeline-card {
  background:
    linear-gradient(135deg, rgba(139, 28, 28, 0.3) 0%, rgba(31, 20, 20, 0.85) 100%);
  border-color: var(--gold);
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.5), 0 0 0 4px rgba(212, 168, 75, 0.08);
}

/* 卡片內容 */
.t-tag {
  display: inline-block;
  background: var(--gold);
  color: var(--ink);
  padding: 0.3rem 0.85rem;
  font-size: 0.72rem;
  letter-spacing: 0.3em;
  font-weight: 900;
  margin-bottom: 0.7rem;
}

.t-date {
  font-size: 1.05rem;
  letter-spacing: 0.18em;
  color: var(--gold);
  font-weight: 700;
  font-family: "Noto Serif TC", serif;
  margin-bottom: 0.3rem;
}

.t-lunar {
  font-size: 0.78rem;
  letter-spacing: 0.18em;
  color: rgba(248, 243, 233, 0.6);
  margin-bottom: 0.7rem;
}

.t-title {
  font-size: 1.15rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  margin-left: 0.12em;
  color: var(--paper);
  margin-bottom: 0.5rem;
  line-height: 1.5;
}

.t-desc {
  font-size: 0.9rem;
  line-height: 1.85;
  color: rgba(248, 243, 233, 0.78);
  letter-spacing: 0.04em;
}

.t-link {
  display: inline-block;
  margin-top: 0.8rem;
  font-size: 0.85rem;
  letter-spacing: 0.2em;
  color: var(--gold-light);
  text-decoration: none;
  padding-top: 0.6rem;
  border-top: 1px solid rgba(212, 168, 75, 0.25);
  transition: color 0.3s ease;
}

.t-link:hover {
  color: var(--gold);
}

.timeline-note {
  text-align: center;
  font-size: 0.85rem;
  letter-spacing: 0.18em;
  color: rgba(248, 243, 233, 0.55);
  margin-top: 3rem;
}

/* ============================================
   活動頁
   ============================================ */

.section-calendar {
  background: linear-gradient(180deg, var(--ink) 0%, var(--ink-soft) 100%);
}

.calendar-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
  margin-bottom: 2rem;
}

.calendar-card {
  background: rgba(31, 20, 20, 0.6);
  border: 1px solid rgba(212, 168, 75, 0.3);
  padding: 1.8rem 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.4rem;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

.calendar-card:hover {
  border-color: var(--gold);
  background: rgba(31, 20, 20, 0.85);
  transform: translateY(-3px);
  box-shadow: 0 14px 35px rgba(0, 0, 0, 0.5);
}

.calendar-card-highlight {
  background:
    linear-gradient(135deg, rgba(139, 28, 28, 0.18) 0%, rgba(31, 20, 20, 0.7) 100%);
  border-color: rgba(212, 168, 75, 0.55);
}

.calendar-card-highlight::before {
  content: '主 祀';
  position: absolute;
  top: 0.7rem;
  right: 0.8rem;
  font-size: 0.65rem;
  letter-spacing: 0.4em;
  color: var(--gold);
  padding: 0.25rem 0.6rem;
  border: 1px solid rgba(212, 168, 75, 0.6);
}

.calendar-card-special {
  background: rgba(20, 12, 12, 0.5);
  border-style: dashed;
}

.calendar-month {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(212, 168, 75, 0.25);
}

.month-label {
  font-size: 0.72rem;
  letter-spacing: 0.4em;
  color: var(--gold);
}

.month-num {
  font-size: 1.7rem;
  font-weight: 900;
  letter-spacing: 0.15em;
  color: var(--paper);
}

.calendar-events {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}

.cal-event {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
  font-size: 0.92rem;
  line-height: 1.6;
}

.cal-date {
  flex: 0 0 auto;
  min-width: 36px;
  font-size: 0.85rem;
  letter-spacing: 0.2em;
  color: var(--gold-light);
  font-weight: 700;
}

.cal-name {
  color: rgba(248, 243, 233, 0.88);
  letter-spacing: 0.05em;
}

.calendar-note {
  text-align: center;
  font-size: 0.85rem;
  letter-spacing: 0.15em;
  color: rgba(248, 243, 233, 0.55);
  margin-top: 1.5rem;
}

/* 活動相簿 grid */
.section-album {
  background: var(--ink);
}

.events-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}

.event-card {
  background: rgba(31, 20, 20, 0.55);
  border: 1px solid rgba(212, 168, 75, 0.25);
  overflow: hidden;
  transition: all 0.4s ease;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: inherit;
}

.event-card:hover {
  border-color: var(--gold);
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.55);
  transform: translateY(-4px);
}

.event-image {
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
}

.event-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(0.88) contrast(1.05);
  transition: transform 0.7s ease;
}

.event-card:hover .event-image img {
  transform: scale(1.06);
  filter: brightness(0.95) contrast(1.05);
}

.event-image-placeholder {
  background:
    radial-gradient(ellipse at center, rgba(212,168,75,0.18) 0%, rgba(31,20,20,0.7) 70%),
    var(--ink);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 可點擊的活動卡 hover overlay */
.event-card[data-album] {
  cursor: pointer;
}

.event-overlay {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(212,168,75,0.4) 100%),
    rgba(18, 8, 8, 0.55);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  opacity: 0;
  transition: opacity 0.35s ease;
  z-index: 3;
  pointer-events: none;
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}

.event-overlay span:first-child {
  font-size: 1.1rem;
  letter-spacing: 0.4em;
  color: var(--gold-light);
  text-shadow: 0 2px 10px rgba(0,0,0,0.7);
  border: 1px solid rgba(212, 168, 75, 0.7);
  padding: 0.6rem 1.6rem;
}

.event-photo-count {
  font-size: 0.8rem;
  letter-spacing: 0.3em;
  color: var(--paper);
  text-shadow: 0 2px 8px rgba(0,0,0,0.7);
}

.event-card[data-album]:hover .event-overlay {
  opacity: 1;
}

.event-image-placeholder .placeholder-text {
  font-size: 3rem;
  letter-spacing: 0.3em;
  color: rgba(212, 168, 75, 0.5);
  text-align: center;
  line-height: 1.4;
  font-weight: 900;
}

.event-badge {
  position: absolute;
  top: 1rem;
  left: 1rem;
  background: var(--gold);
  color: var(--ink);
  padding: 0.35rem 0.9rem;
  font-size: 0.78rem;
  letter-spacing: 0.3em;
  font-weight: 900;
  z-index: 2;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}

.event-body {
  padding: 1.5rem 1.5rem 1.8rem;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.event-date {
  font-size: 0.82rem;
  letter-spacing: 0.3em;
  color: var(--gold);
  margin-bottom: 0.6rem;
  font-weight: 700;
}

.event-title {
  font-size: 1.12rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: var(--paper);
  margin-bottom: 0.7rem;
  line-height: 1.5;
}

.event-desc {
  font-size: 0.88rem;
  line-height: 1.85;
  color: rgba(248, 243, 233, 0.7);
  letter-spacing: 0.04em;
}

/* 進香影片區 */
.section-feature-video {
  background: linear-gradient(180deg, var(--ink) 0%, #0c0606 100%);
}

.feature-video-wrap {
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
  border: 1px solid rgba(212, 168, 75, 0.4);
  box-shadow:
    0 30px 80px rgba(0, 0, 0, 0.7),
    0 0 0 8px rgba(212, 168, 75, 0.06);
}

.feature-video-wrap::before {
  content: '';
  position: absolute;
  inset: 8px;
  border: 1px solid rgba(212, 168, 75, 0.25);
  z-index: 2;
  pointer-events: none;
}

.feature-video {
  width: 100%;
  display: block;
  aspect-ratio: 16 / 9;
  background: var(--ink);
}

/* ============================================
   聯絡頁
   ============================================ */

/* 聯絡資訊三卡 */
.section-contact-info {
  background: var(--ink);
}

.contact-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  align-items: stretch;
}

.contact-card {
  background: rgba(31, 20, 20, 0.65);
  border: 1px solid rgba(212, 168, 75, 0.3);
  padding: 3rem 2rem 2.5rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: all 0.4s ease;
  position: relative;
}

.contact-card:hover {
  border-color: var(--gold);
  transform: translateY(-4px);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.55);
  background: rgba(31, 20, 20, 0.85);
}

.contact-card-center {
  background:
    linear-gradient(135deg, rgba(139, 28, 28, 0.18) 0%, rgba(31, 20, 20, 0.75) 100%);
  border-color: rgba(212, 168, 75, 0.55);
}

.contact-num {
  font-size: 2.4rem;
  color: var(--gold);
  font-weight: 900;
  line-height: 1;
  margin-bottom: 1.2rem;
  font-family: "Noto Serif TC", serif;
}

.contact-label {
  font-size: 0.95rem;
  letter-spacing: 0.5em;
  color: var(--gold-light);
  margin-bottom: 1.5rem;
  padding-bottom: 1.2rem;
  border-bottom: 1px solid rgba(212, 168, 75, 0.25);
  width: 100%;
}

.contact-value {
  font-size: 1.05rem;
  line-height: 1.9;
  color: var(--paper);
  letter-spacing: 0.08em;
  margin-bottom: 2rem;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.contact-value-large {
  font-size: 2rem;
  font-weight: 900;
  letter-spacing: 0.18em;
  color: var(--gold-light);
  line-height: 1.4;
  font-family: "Noto Serif TC", serif;
}

.contact-value-phones {
  display: flex;
  flex-direction: column;
  gap: 1.1rem;
  margin-bottom: 1.6rem;
  flex: 1;
  justify-content: center;
}
.contact-phone-row {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.45rem;
}
.contact-phone-role {
  font-size: 0.78rem;
  letter-spacing: 0.32em;
  color: var(--gold-light);
  opacity: 0.9;
}
.contact-phone-num {
  font-size: 1.6rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  color: var(--paper);
  font-family: "Noto Serif TC", serif;
  text-decoration: none;
  transition: color 0.2s ease;
}
.contact-phone-num:hover { color: var(--gold); }
.contact-cta-group {
  display: flex;
  gap: 0.6rem;
  width: 100%;
  justify-content: center;
  flex-wrap: wrap;
}
.contact-cta-group .contact-cta { flex: 1 1 auto; min-width: 8rem; }

.contact-floor {
  font-size: 0.78rem;
  letter-spacing: 0.3em;
  color: rgba(248, 243, 233, 0.55);
  margin-top: 0.5rem;
  display: inline-block;
}

.contact-cta {
  width: 100%;
  text-align: center;
}

/* 地圖區 */
.section-map {
  background: var(--ink-soft);
}

.map-wrap {
  position: relative;
  border: 1px solid rgba(212, 168, 75, 0.4);
  box-shadow:
    0 24px 60px rgba(0, 0, 0, 0.6),
    0 0 0 8px rgba(212, 168, 75, 0.06);
  overflow: hidden;
  background: var(--ink);
}

.map-wrap iframe {
  display: block;
  filter: contrast(0.95) saturate(0.85);
  width: 100%;
}

.map-actions {
  text-align: center;
  margin-top: 2rem;
}

/* 交通方式 4 卡 */
.section-transport {
  background: linear-gradient(180deg, var(--ink) 0%, var(--ink-soft) 100%);
}

.transport-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.8rem;
}

.transport-card {
  background: rgba(31, 20, 20, 0.55);
  border: 1px solid rgba(212, 168, 75, 0.25);
  padding: 2.5rem 1.5rem;
  text-align: center;
  transition: all 0.4s ease;
  position: relative;
}

.transport-card:hover {
  border-color: var(--gold);
  background: rgba(31, 20, 20, 0.8);
  transform: translateY(-4px);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5);
}

.transport-card-center {
  background:
    linear-gradient(135deg, rgba(139, 28, 28, 0.15) 0%, rgba(31, 20, 20, 0.7) 100%);
  border-color: rgba(212, 168, 75, 0.45);
}

.transport-num {
  width: 56px;
  height: 56px;
  margin: 0 auto 1.2rem;
  border: 1px solid var(--gold);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  font-weight: 900;
  color: var(--gold-light);
  font-family: "Noto Serif TC", serif;
}

.transport-title {
  font-size: 1.4rem;
  font-weight: 900;
  letter-spacing: 0.3em;
  margin-left: 0.3em;
  color: var(--paper);
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(212, 168, 75, 0.2);
}

.transport-name {
  font-size: 0.98rem;
  letter-spacing: 0.15em;
  color: var(--gold-light);
  margin-bottom: 0.8rem;
  font-weight: 700;
}

.transport-desc {
  font-size: 0.88rem;
  line-height: 1.85;
  color: rgba(248, 243, 233, 0.75);
  letter-spacing: 0.04em;
}

/* 快速 CTA */
.section-quick-cta {
  background:
    radial-gradient(ellipse at center, rgba(139, 28, 28, 0.2) 0%, transparent 70%),
    linear-gradient(180deg, var(--ink-soft) 0%, #0c0606 100%);
}

.section-quick-inner {
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: 4rem;
  align-items: center;
}

.cta-tag {
  font-size: 0.95rem;
  letter-spacing: 0.55em;
  color: var(--gold);
  margin-bottom: 1.2rem;
}

.cta-title {
  font-size: 3rem;
  font-weight: 900;
  letter-spacing: 0.22em;
  margin-left: 0.22em;
  color: var(--paper);
  margin-bottom: 1.5rem;
  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.7);
}

.cta-desc {
  font-size: 1.05rem;
  line-height: 2.1;
  color: rgba(248, 243, 233, 0.85);
  letter-spacing: 0.08em;
}

.quick-cta-buttons {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.btn-large {
  padding: 1.1rem 2.2rem;
  font-size: 1rem;
  letter-spacing: 0.3em;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

/* ============================================
   求籤頁
   ============================================ */

.section-fortune {
  background: linear-gradient(180deg, var(--ink) 0%, var(--ink-soft) 100%);
  min-height: 70vh;
}

.fortune-stage {
  display: none;
  animation: fadeInUp 0.5s ease;
}

.fortune-stage.active {
  display: block;
}

@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}

.fortune-card {
  max-width: 720px;
  margin: 0 auto;
  padding: 3.5rem 3rem;
  background: rgba(18, 9, 9, 0.65);
  border: 1px solid rgba(212, 168, 75, 0.5);
  position: relative;
  text-align: center;
  box-shadow:
    0 30px 80px rgba(0, 0, 0, 0.6),
    0 0 0 8px rgba(212, 168, 75, 0.05);
}

.fortune-card::before,
.fortune-card::after {
  content: '';
  position: absolute;
  width: 28px;
  height: 28px;
  border: 2px solid var(--gold);
}
.fortune-card::before {
  top: -1px; left: -1px;
  border-right: none; border-bottom: none;
}
.fortune-card::after {
  bottom: -1px; right: -1px;
  border-left: none; border-top: none;
}

.card-tag {
  font-size: 0.85rem;
  letter-spacing: 0.55em;
  color: var(--gold);
  margin-bottom: 1.2rem;
}

.card-title {
  font-size: 2.4rem;
  font-weight: 900;
  letter-spacing: 0.3em;
  margin-left: 0.3em;
  color: var(--paper);
  margin-bottom: 1rem;
  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.7);
}

.card-divider {
  width: 60px;
  height: 2px;
  background: var(--gold);
  margin: 0 auto 2rem;
  box-shadow: 0 0 8px rgba(212, 168, 75, 0.5);
}

.card-lead {
  font-size: 1.2rem;
  letter-spacing: 0.4em;
  color: var(--gold-light);
  margin-bottom: 2rem;
}

.ritual-steps {
  list-style: none;
  text-align: left;
  max-width: 480px;
  margin: 0 auto 2.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.ritual-steps li {
  display: flex;
  gap: 1rem;
  font-size: 1rem;
  line-height: 1.85;
  color: rgba(248, 243, 233, 0.88);
  letter-spacing: 0.05em;
  padding: 0.9rem 1.2rem;
  background: rgba(212, 168, 75, 0.06);
  border-left: 2px solid rgba(212, 168, 75, 0.4);
}

.ritual-steps li span {
  flex: 0 0 auto;
  font-size: 1.2rem;
  font-weight: 900;
  color: var(--gold);
  font-family: "Noto Serif TC", serif;
  line-height: 1.5;
  min-width: 24px;
}

.card-actions {
  display: flex;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
}

.card-actions-multi {
  margin-top: 2rem;
}

.card-actions .btn {
  min-width: 200px;
}

/* === 階段 2 ・ 籤筒抽籤動畫 === */
.fortune-throw {
  padding: 3.5rem 2rem 4rem;
}

.throw-msg-top {
  font-size: 1.3rem;
  letter-spacing: 0.4em;
  color: var(--gold-light);
  margin-bottom: 1.5rem;
  font-weight: 700;
  animation: msgFade 3s ease-in-out infinite;
}

.throw-msg-bottom {
  font-size: 0.92rem;
  letter-spacing: 0.4em;
  color: rgba(248, 243, 233, 0.6);
  margin-top: 1.5rem;
  animation: msgPulse 1.5s ease-in-out infinite;
}

@keyframes msgFade {
  0%, 100% { letter-spacing: 0.4em; opacity: 0.9; }
  50% { letter-spacing: 0.55em; opacity: 1; }
}

@keyframes msgPulse {
  0%, 100% { opacity: 0.55; }
  50% { opacity: 1; }
}

/* 場景容器 */
.ritual-scene {
  position: relative;
  width: 280px;
  height: 320px;
  margin: 0 auto;
}

/* 金光暈 */
.scene-aura {
  position: absolute;
  inset: -30px;
  background:
    radial-gradient(circle at center,
      rgba(241, 217, 144, 0.45) 0%,
      rgba(212, 168, 75, 0.18) 30%,
      transparent 65%);
  border-radius: 50%;
  animation: auraPulse 2s ease-in-out infinite;
  pointer-events: none;
}

@keyframes auraPulse {
  0%, 100% { opacity: 0.6; transform: scale(0.92); }
  50% { opacity: 1; transform: scale(1.08); }
}

/* === 籤筒 === */
.canister {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform-origin: bottom center;
  transform: translateX(-50%);
  width: 110px;
  height: 200px;
  animation: canisterShake 0.45s cubic-bezier(0.36, 0, 0.66, 1) 8 forwards;
}

@keyframes canisterShake {
  0%   { transform: translateX(-50%) rotate(0); }
  20%  { transform: translateX(calc(-50% - 6px)) rotate(-4deg); }
  40%  { transform: translateX(calc(-50% + 4px)) rotate(3deg); }
  60%  { transform: translateX(calc(-50% - 4px)) rotate(-2deg); }
  80%  { transform: translateX(calc(-50% + 3px)) rotate(2deg); }
  100% { transform: translateX(-50%) rotate(0); }
}

.canister-body {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg,
      #4a0808 0%,
      #6b1010 12%,
      #8b1c1c 30%,
      #a82828 50%,
      #8b1c1c 70%,
      #6b1010 88%,
      #4a0808 100%);
  border-radius: 10px 10px 6px 6px;
  border: 2px solid var(--gold);
  box-shadow:
    0 18px 40px rgba(0, 0, 0, 0.7),
    inset 0 -25px 35px rgba(0, 0, 0, 0.55),
    inset 0 5px 15px rgba(255, 255, 255, 0.08);
  overflow: hidden;
}

.canister-inner {
  position: absolute;
  inset: 8px 8px 6px 8px;
  border: 1px solid rgba(212, 168, 75, 0.45);
  border-radius: 6px;
  pointer-events: none;
}

.canister-text {
  position: absolute;
  bottom: 28px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 2.6rem;
  font-weight: 900;
  color: rgba(241, 217, 144, 0.85);
  font-family: "Noto Serif TC", serif;
  text-shadow:
    0 0 12px rgba(212, 168, 75, 0.7),
    0 2px 4px rgba(0, 0, 0, 0.6);
  letter-spacing: 0;
  line-height: 1;
}

.canister-rim {
  position: absolute;
  top: -8px;
  left: -6px;
  right: -6px;
  height: 16px;
  background:
    linear-gradient(180deg,
      var(--gold-light) 0%,
      var(--gold) 50%,
      var(--gold-deep) 100%);
  border-radius: 8px / 50%;
  border: 1px solid var(--gold-deep);
  box-shadow:
    0 4px 12px rgba(0, 0, 0, 0.55),
    inset 0 1px 2px rgba(255, 255, 255, 0.4);
  z-index: 3;
}

.canister-shadow {
  position: absolute;
  bottom: -16px;
  left: -15%;
  right: -15%;
  height: 16px;
  background: radial-gradient(ellipse at center,
    rgba(0, 0, 0, 0.65) 0%,
    rgba(0, 0, 0, 0.25) 50%,
    transparent 75%);
  border-radius: 50%;
  filter: blur(2px);
}

/* === 升起的金籤 === */
.rising-stick {
  position: absolute;
  left: 50%;
  bottom: 12px;
  transform: translateX(-50%);
  width: 18px;
  height: 0;
  z-index: 2;
  animation: stickRise 1.4s cubic-bezier(0.34, 1.4, 0.64, 1) 1.6s forwards;
}

.stick-body {
  width: 100%;
  height: 100%;
  background:
    linear-gradient(180deg,
      #fefae0 0%,
      #f1d990 20%,
      #d4a84b 70%,
      #a8842e 100%);
  border: 1px solid var(--gold-deep);
  border-radius: 3px 3px 1px 1px;
  box-shadow:
    0 0 14px rgba(241, 217, 144, 0.7),
    0 0 28px rgba(212, 168, 75, 0.4),
    inset 0 1px 2px rgba(255, 255, 255, 0.5);
}

.stick-glow {
  position: absolute;
  top: -8px;
  left: -10px;
  right: -10px;
  height: 14px;
  background: radial-gradient(ellipse at center,
    rgba(254, 250, 224, 0.95) 0%,
    rgba(241, 217, 144, 0.5) 50%,
    transparent 80%);
  filter: blur(3px);
  opacity: 0;
  animation: stickGlow 1.4s ease-out 1.8s forwards;
}

@keyframes stickRise {
  0%   { height: 0; opacity: 0; }
  15%  { height: 0; opacity: 0; }
  100% { height: 240px; opacity: 1; }
}

@keyframes stickGlow {
  0%   { opacity: 0; }
  40%  { opacity: 1; }
  100% { opacity: 0.85; }
}

/* === 環繞金光點 === */
.particles {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.particles span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background: radial-gradient(circle, var(--gold-light) 0%, transparent 70%);
  border-radius: 50%;
  filter: drop-shadow(0 0 6px var(--gold-light));
  opacity: 0;
  animation: particleFly 3s ease-out infinite;
  animation-delay: calc(var(--i) * 0.18s);
}

@keyframes particleFly {
  0% {
    transform:
      translate(-50%, -50%)
      rotate(calc(var(--i) * 45deg))
      translateY(0)
      scale(0.4);
    opacity: 0;
  }
  20%, 60% {
    opacity: 1;
  }
  100% {
    transform:
      translate(-50%, -50%)
      rotate(calc(var(--i) * 45deg))
      translateY(-150px)
      scale(0.6);
    opacity: 0;
  }
}

/* === 階段 3 ・ 籤詩 === */
.fortune-result {
  padding: 3rem 2.5rem;
}

.result-num {
  font-size: 2rem;
  letter-spacing: 0.4em;
  margin-left: 0.4em;
  color: var(--gold-light);
  font-weight: 900;
  margin-bottom: 0.4rem;
  font-family: "Noto Serif TC", serif;
}

.result-ganzhi {
  font-size: 1.3rem;
  letter-spacing: 0.5em;
  color: var(--gold);
  margin-bottom: 1.5rem;
}

.result-poem {
  background: rgba(212, 168, 75, 0.05);
  border-top: 1px solid rgba(212, 168, 75, 0.3);
  border-bottom: 1px solid rgba(212, 168, 75, 0.3);
  padding: 2.2rem 1rem;
  margin: 2rem 0;
}

.result-poem p {
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.5em;
  margin-left: 0.5em;
  color: var(--paper);
  line-height: 1.9;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.6);
  font-family: "Noto Serif TC", serif;
}

.result-meta {
  margin-bottom: 2rem;
}

.meta-line {
  font-size: 1rem;
  letter-spacing: 0.45em;
  color: var(--gold-light);
  margin-bottom: 1rem;
  font-weight: 700;
}

.meta-note {
  font-size: 0.85rem;
  letter-spacing: 0.15em;
  color: rgba(248, 243, 233, 0.65);
  line-height: 1.85;
}

.card-actions-multi .btn {
  min-width: 160px;
}

.card-share {
  margin-top: 1.5rem;
  text-align: center;
}

.share-btn {
  background: transparent;
  border: 1px dashed rgba(212, 168, 75, 0.5);
  color: var(--gold-light);
  padding: 0.6rem 1.4rem;
  font-size: 0.85rem;
  letter-spacing: 0.25em;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.3s ease;
}

.share-btn:hover {
  background: rgba(212, 168, 75, 0.12);
  border-color: var(--gold);
  border-style: solid;
}

.share-btn:disabled {
  opacity: 0.7;
  cursor: default;
}

/* 求籤須知區 */
.section-fortune-notice {
  background: var(--ink);
}

/* ============================================
   農民曆頁
   ============================================ */

/* Banner 大字 */
.almanac-banner-content { padding-top: 6rem; }

.almanac-year {
  font-size: 8rem;
  letter-spacing: 0.4em;
  margin-left: 0.4em;
  text-shadow:
    0 0 40px rgba(212, 168, 75, 0.4),
    0 4px 30px rgba(0, 0, 0, 0.85);
}

/* 年度概要 */
.section-almanac-overview {
  background: linear-gradient(180deg, var(--ink) 0%, var(--ink-soft) 100%);
}

.overview-grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr 1fr 1fr;
  gap: 1rem;
  max-width: 1200px;
  margin: 0 auto;
}

.overview-card {
  background: rgba(31, 20, 20, 0.6);
  border: 1px solid rgba(212, 168, 75, 0.3);
  padding: 1.6rem 1rem;
  text-align: center;
  transition: all 0.3s ease;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.overview-card:hover {
  border-color: var(--gold);
  background: rgba(31, 20, 20, 0.85);
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.4);
}

.overview-card-feature {
  background: linear-gradient(135deg, rgba(139, 28, 28, 0.22) 0%, rgba(31, 20, 20, 0.78) 100%);
  border-color: rgba(212, 168, 75, 0.55);
  padding: 1.6rem 1rem;
}

.ov-card-icon {
  width: 60px;
  height: 60px;
  display: block;
  margin: 0 auto 0.8rem;
  opacity: 0.95;
  transition: transform 0.3s ease;
}
.overview-card-feature .ov-card-icon {
  width: 72px;
  height: 72px;
}
.overview-card:hover .ov-card-icon {
  transform: scale(1.08) rotate(-3deg);
}

.ov-label {
  font-size: 0.78rem;
  letter-spacing: 0.4em;
  color: var(--gold-light);
  margin-bottom: 0.7rem;
}

.ov-value {
  font-size: 1.4rem;
  font-weight: 900;
  letter-spacing: 0.15em;
  color: var(--paper);
  font-family: "Noto Serif TC", serif;
}

.ov-value-large {
  font-size: 2.6rem;
  font-weight: 900;
  letter-spacing: 0.3em;
  margin-left: 0.3em;
  color: var(--gold-light);
  font-family: "Noto Serif TC", serif;
  margin-bottom: 0.3rem;
  line-height: 1.2;
}

.ov-sub {
  font-size: 0.78rem;
  letter-spacing: 0.3em;
  color: rgba(248, 243, 233, 0.6);
}

/* 諸神聖誕表 */
.section-saint-birthdays {
  background: var(--ink);
}

.saint-table {
  max-width: 1100px;
  margin: 0 auto;
  background: rgba(18, 8, 8, 0.6);
  border: 1px solid rgba(212, 168, 75, 0.4);
}

.saint-row {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1.2fr 1fr;
  border-bottom: 1px dashed rgba(212, 168, 75, 0.2);
  transition: background 0.3s ease;
}

.saint-row:last-child { border-bottom: none; }

.saint-row:hover:not(.saint-row-head) {
  background: rgba(212, 168, 75, 0.08);
}

/* 表格列改為連結 */
.saint-row-link {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  position: relative;
}
.saint-row-link:hover {
  background: rgba(212, 168, 75, 0.12);
}
.saint-row-link:hover .saint-name {
  color: var(--gold);
  text-shadow: 0 0 12px rgba(212, 168, 75, 0.3);
}
.saint-row-link::after {
  content: '→';
  position: absolute;
  right: 0.8rem;
  top: 50%;
  transform: translateY(-50%) translateX(-6px);
  color: var(--gold);
  font-size: 1rem;
  opacity: 0;
  transition: all 0.3s ease;
  pointer-events: none;
}
.saint-row-link:hover::after {
  opacity: 1;
  transform: translateY(-50%) translateX(0);
}

/* 濟公禪師 / 濟公三禪師 兩個分開連結 */
.saint-name-split a {
  display: inline-block;
  text-decoration: none;
  color: var(--gold-light);
  letter-spacing: 0.18em;
  transition: color 0.3s ease;
  line-height: 1.6;
}
.saint-name-split a:hover {
  color: var(--gold);
  text-shadow: 0 0 12px rgba(212, 168, 75, 0.3);
}
.saint-row-split:hover {
  background: rgba(212, 168, 75, 0.06);
}

.saint-row-head {
  background: rgba(212, 168, 75, 0.18);
  border-bottom: 2px solid rgba(212, 168, 75, 0.5);
}

.saint-row-head .saint-cell {
  color: var(--gold);
  font-weight: 900;
  font-size: 0.88rem;
  letter-spacing: 0.4em;
}

.saint-row-feature {
  background: linear-gradient(90deg, rgba(139, 28, 28, 0.22) 0%, rgba(212, 168, 75, 0.08) 100%);
}

.saint-row-feature .saint-name {
  color: var(--gold-light);
  font-weight: 900;
}

.saint-cell {
  padding: 1.2rem 1rem;
  font-size: 0.95rem;
  color: var(--paper);
  letter-spacing: 0.08em;
  display: flex;
  align-items: center;
  border-right: 1px solid rgba(212, 168, 75, 0.12);
}

.saint-cell:last-child { border-right: none; }

.saint-name {
  font-size: 1.1rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  color: var(--gold-light);
}

.saint-tag {
  font-size: 0.82rem;
  letter-spacing: 0.2em;
  color: rgba(248, 243, 233, 0.7);
}

/* 一鍵匯入聖誕千秋至行事曆 CTA */
.saint-ics-cta {
  max-width: 720px;
  margin: 1.4rem auto 0;
  text-align: center;
}

.btn-saint-ics {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  padding: 0.95rem 1.6rem 0.95rem 1.2rem;
  background: linear-gradient(135deg, rgba(139, 28, 28, 0.85) 0%, rgba(31, 20, 20, 0.95) 100%);
  border: 1px solid rgba(212, 168, 75, 0.55);
  color: var(--paper);
  cursor: pointer;
  font-family: inherit;
  letter-spacing: 0.12em;
  text-align: left;
  transition: all 0.25s ease;
  box-shadow: 0 0 0 rgba(212, 168, 75, 0);
  -webkit-tap-highlight-color: transparent;
}

.btn-saint-ics:hover,
.btn-saint-ics:focus-visible {
  border-color: var(--gold);
  background: linear-gradient(135deg, rgba(170, 38, 38, 0.95) 0%, rgba(45, 26, 26, 1) 100%);
  transform: translateY(-2px);
  box-shadow: 0 6px 24px rgba(212, 168, 75, 0.28);
  outline: none;
}

.btn-saint-ics:active {
  transform: translateY(0);
}

.btn-saint-ics-icon {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border-radius: 4px;
  background: #fff;
}

.btn-saint-ics-text {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  line-height: 1.3;
}

.btn-saint-ics-title {
  color: var(--gold-light);
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: 0.18em;
}

.btn-saint-ics-sub {
  color: rgba(248, 243, 233, 0.7);
  font-size: 0.78rem;
  letter-spacing: 0.14em;
}

.btn-saint-ics-help {
  margin-top: 0.85rem;
  font-size: 0.78rem;
  letter-spacing: 0.12em;
  color: rgba(248, 243, 233, 0.5);
  line-height: 1.85;
}

.almanac-note-line {
  text-align: center;
  font-size: 0.82rem;
  letter-spacing: 0.18em;
  color: rgba(248, 243, 233, 0.55);
  margin-top: 1.5rem;
  line-height: 1.85;
}

.saint-fulltable {
  display: block;
  margin: 1.6rem auto 0;
  max-width: 880px;
  border: 1px solid rgba(212, 168, 75, 0.32);
  background: rgba(15, 9, 9, 0.55);
  padding: 0.9rem;
  text-align: center;
  text-decoration: none;
  color: inherit;
  transition: all 0.3s ease;
}

.saint-fulltable:hover {
  border-color: rgba(212, 168, 75, 0.7);
  background: rgba(31, 20, 20, 0.7);
}

.saint-fulltable img {
  display: block;
  width: 100%;
  height: auto;
}

.saint-fulltable-cap {
  display: block;
  margin-top: 0.7rem;
  font-size: 0.82rem;
  letter-spacing: 0.18em;
  color: rgba(248, 243, 233, 0.65);
}

/* 12 月令 */
.section-monthly {
  background: var(--ink-soft);
}

.monthly-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.2rem;
}

.month-card {
  background: rgba(31, 20, 20, 0.65);
  border: 1px solid rgba(212, 168, 75, 0.3);
  padding: 1.5rem 1.2rem;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  transition: all 0.3s ease;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  position: relative;
}

.month-card::after {
  content: '深入了解 →';
  position: absolute;
  bottom: 0.4rem;
  right: 1rem;
  font-size: 0.72rem;
  letter-spacing: 0.18em;
  color: rgba(212, 168, 75, 0.65);
  opacity: 0;
  transform: translateY(4px);
  transition: all 0.3s ease;
  pointer-events: none;
}
.month-card:hover::after {
  opacity: 1;
  transform: translateY(0);
}

.month-card:hover {
  border-color: var(--gold);
  background: rgba(31, 20, 20, 0.9);
  transform: translateY(-3px);
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.5);
}

.month-card-feature {
  background: linear-gradient(135deg, rgba(139, 28, 28, 0.22) 0%, rgba(31, 20, 20, 0.78) 100%);
  border-color: rgba(212, 168, 75, 0.55);
}

.month-num {
  font-size: 1.4rem;
  font-weight: 900;
  letter-spacing: 0.25em;
  color: var(--gold-light);
  font-family: "Noto Serif TC", serif;
}

.month-solar {
  font-size: 0.78rem;
  letter-spacing: 0.18em;
  color: rgba(248, 243, 233, 0.55);
  padding-bottom: 0.7rem;
  border-bottom: 1px solid rgba(212, 168, 75, 0.18);
}

.month-events {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  font-size: 0.88rem;
  line-height: 1.7;
  color: rgba(248, 243, 233, 0.85);
  letter-spacing: 0.04em;
}

.month-events .event-highlight {
  color: var(--gold-light);
  font-weight: 700;
  letter-spacing: 0.08em;
}

.month-events .event-sub {
  font-size: 0.78rem;
  letter-spacing: 0.15em;
  color: rgba(212, 168, 75, 0.75);
  margin-top: -0.3rem;
}

.month-events .month-quiet {
  color: rgba(248, 243, 233, 0.4);
  letter-spacing: 0.4em;
  text-align: center;
  padding: 0.5rem 0;
}

.month-solar-term {
  font-size: 0.78rem;
  letter-spacing: 0.3em;
  color: var(--gold);
  text-align: center;
  padding-top: 0.7rem;
  border-top: 1px solid rgba(212, 168, 75, 0.2);
}

/* 24 節氣 */
.section-solar-terms {
  background: var(--ink);
}

.solar-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 0.8rem;
  max-width: 1200px;
  margin: 0 auto;
}

.solar-item {
  background: rgba(31, 20, 20, 0.6);
  border: 1px solid rgba(212, 168, 75, 0.25);
  padding: 1rem 0.6rem;
  text-align: center;
  transition: all 0.3s ease;
}

.solar-item:hover {
  border-color: var(--gold);
  transform: translateY(-2px);
}

.solar-item-feature {
  background: linear-gradient(135deg, rgba(139, 28, 28, 0.22) 0%, rgba(31, 20, 20, 0.78) 100%);
  border-color: rgba(212, 168, 75, 0.5);
}

.solar-name {
  font-size: 1.05rem;
  font-weight: 900;
  letter-spacing: 0.18em;
  color: var(--gold-light);
  font-family: "Noto Serif TC", serif;
  margin-bottom: 0.3rem;
}

.solar-date {
  font-size: 0.78rem;
  letter-spacing: 0.1em;
  color: rgba(248, 243, 233, 0.65);
}

/* 12 生肖流年 */
.section-zodiac {
  background: linear-gradient(180deg, var(--ink) 0%, var(--ink-soft) 100%);
}

.zodiac-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.2rem;
  margin-bottom: 2rem;
}

.zodiac-card {
  background: rgba(31, 20, 20, 0.6);
  border: 1px solid rgba(212, 168, 75, 0.25);
  padding: 1.8rem 1.3rem;
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
  transition: all 0.4s ease;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

.zodiac-card:hover {
  border-color: var(--gold);
  background: rgba(31, 20, 20, 0.9);
  transform: translateY(-3px);
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.5);
}

.zodiac-warning {
  background: linear-gradient(135deg, rgba(139, 28, 28, 0.25) 0%, rgba(31, 20, 20, 0.78) 100%);
  border-color: rgba(212, 100, 75, 0.5);
}

.zodiac-favor {
  background: linear-gradient(135deg, rgba(60, 100, 60, 0.18) 0%, rgba(31, 20, 20, 0.78) 100%);
  border-color: rgba(212, 168, 75, 0.45);
}

.zodiac-icon-row {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}

.zodiac-card-icon {
  width: 56px;
  height: 56px;
  flex: 0 0 56px;
  display: block;
  opacity: 0.95;
  transition: transform 0.4s ease;
}

.zodiac-card:hover .zodiac-card-icon {
  transform: scale(1.1) rotate(-4deg);
}

.zodiac-num {
  font-size: 2.4rem;
  font-weight: 900;
  letter-spacing: 0;
  color: var(--gold-light);
  font-family: "Noto Serif TC", serif;
  line-height: 1;
}

.zodiac-relation {
  font-size: 0.85rem;
  letter-spacing: 0.3em;
  color: var(--gold);
  font-weight: 700;
  padding-bottom: 0.6rem;
  border-bottom: 1px solid rgba(212, 168, 75, 0.25);
}

.zodiac-card p {
  font-size: 0.88rem;
  line-height: 1.8;
  color: rgba(248, 243, 233, 0.82);
  letter-spacing: 0.04em;
  flex: 1;
}

.zodiac-suggest {
  font-size: 0.8rem;
  letter-spacing: 0.25em;
  color: var(--gold-light);
  font-weight: 700;
  padding: 0.5rem 0.8rem;
  background: rgba(212, 168, 75, 0.1);
  border-left: 2px solid var(--gold);
  margin-top: auto;
}

.zodiac-warning .zodiac-suggest {
  background: rgba(139, 28, 28, 0.25);
  border-left-color: #d4644b;
  color: #f1d990;
}

.zodiac-cta {
  text-align: center;
  margin-top: 2rem;
}

/* 祖廟農民曆參考 */
.section-source-almanac {
  background: var(--ink);
}

.source-almanac-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  max-width: 600px;
  margin: 0 auto;
}

.source-almanac-wrap .image-frame {
  width: 100%;
  border: 1px solid rgba(212, 168, 75, 0.5);
  position: relative;
  overflow: hidden;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.6);
}

.source-almanac-wrap .image-frame::before {
  content: '';
  position: absolute;
  inset: 8px;
  border: 1px solid rgba(212, 168, 75, 0.25);
  z-index: 2;
  pointer-events: none;
}

.source-almanac-wrap .image-frame img {
  width: 100%;
  height: auto;
  display: block;
}

.source-almanac-wrap .image-caption {
  font-size: 0.88rem;
  letter-spacing: 0.4em;
  color: var(--gold-light);
}

/* ============================================
   委員會頁
   ============================================ */

.section-committee-intro {
  background: var(--ink);
}

.committee-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
  margin-top: 2rem;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

.committee-stats .stat-item {
  background: rgba(31, 20, 20, 0.55);
  border: 1px solid rgba(212, 168, 75, 0.3);
  padding: 2rem 1.2rem;
  text-align: center;
  transition: all 0.3s ease;
}

.committee-stats .stat-item:hover {
  border-color: var(--gold);
  background: rgba(31, 20, 20, 0.85);
  transform: translateY(-3px);
}

.section-committee-list {
  background: linear-gradient(180deg, var(--ink) 0%, var(--ink-soft) 100%);
}

.committee-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.9rem;
  max-width: 1100px;
  margin: 0 auto;
}

.committee-chip {
  padding: 1rem 1.6rem;
  background: rgba(31, 20, 20, 0.65);
  border: 1px solid rgba(212, 168, 75, 0.35);
  font-size: 1.1rem;
  letter-spacing: 0.3em;
  color: var(--paper);
  transition: all 0.3s ease;
  font-weight: 500;
  cursor: default;
}

.committee-chip:hover {
  background: rgba(212, 168, 75, 0.2);
  border-color: var(--gold);
  color: var(--gold-light);
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
}

.committee-note {
  text-align: center;
  font-size: 0.88rem;
  letter-spacing: 0.2em;
  color: rgba(248, 243, 233, 0.55);
  margin-top: 3rem;
}

/* 會費紀錄 */
.section-committee-fee {
  background: var(--ink);
}

.fee-image-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
}

.fee-image-frame {
  width: 100%;
  max-width: 600px;
  position: relative;
  border: 1px solid rgba(212, 168, 75, 0.4);
  box-shadow:
    0 24px 70px rgba(0, 0, 0, 0.65),
    0 0 0 8px rgba(212, 168, 75, 0.06);
  overflow: hidden;
}

.fee-image-frame::before {
  content: '';
  position: absolute;
  inset: 8px;
  border: 1px solid rgba(212, 168, 75, 0.25);
  z-index: 2;
  pointer-events: none;
}

.fee-image-frame img {
  width: 100%;
  height: auto;
  display: block;
  filter: brightness(1.05) contrast(1.05);
}

.fee-image-caption {
  text-align: center;
}

.caption-tag {
  font-size: 0.8rem;
  letter-spacing: 0.5em;
  color: var(--gold);
  margin-bottom: 0.5rem;
}

.caption-title {
  font-size: 1.1rem;
  letter-spacing: 0.18em;
  color: var(--gold-light);
  font-weight: 700;
  margin-bottom: 0.5rem;
}

.caption-sub {
  font-size: 0.85rem;
  letter-spacing: 0.2em;
  color: rgba(248, 243, 233, 0.65);
}

/* ============================================
   香客服務頁
   ============================================ */

/* 流程 */
.section-process { background: var(--ink); }

.process-grid {
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
  gap: 1.2rem;
  align-items: center;
}

.process-card {
  background: rgba(31, 20, 20, 0.55);
  border: 1px solid rgba(212, 168, 75, 0.3);
  padding: 2rem 1rem;
  text-align: center;
  transition: all 0.3s ease;
}

.process-card:hover {
  border-color: var(--gold);
  transform: translateY(-3px);
}

.process-num {
  font-size: 2rem;
  color: var(--gold);
  font-weight: 900;
  font-family: "Noto Serif TC", serif;
  margin-bottom: 0.8rem;
}

.process-title {
  font-size: 1.15rem;
  letter-spacing: 0.25em;
  color: var(--paper);
  font-weight: 700;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(212, 168, 75, 0.2);
}

.process-desc {
  font-size: 0.85rem;
  line-height: 1.85;
  color: rgba(248, 243, 233, 0.78);
  letter-spacing: 0.05em;
}

.process-arrow {
  color: var(--gold);
  font-size: 1.5rem;
  text-align: center;
}

/* 點燈 / 法會：通用區塊 */
.section-lights { background: linear-gradient(180deg, var(--ink) 0%, var(--ink-soft) 100%); }
.section-rituals { background: var(--ink); }

.price-note {
  text-align: center;
  font-size: 0.85rem;
  letter-spacing: 0.15em;
  color: rgba(248, 243, 233, 0.5);
  margin-top: 1.5rem;
  margin-bottom: 3rem;
}

/* 燈品卡 */
.lights-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}

.light-card {
  background: rgba(31, 20, 20, 0.6);
  border: 1px solid rgba(212, 168, 75, 0.3);
  padding: 2.2rem 1.6rem 1.8rem;
  text-align: center;
  transition: all 0.4s ease;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

.light-card:hover {
  border-color: var(--gold);
  background: rgba(31, 20, 20, 0.85);
  transform: translateY(-4px);
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.5);
}

.light-more {
  font-size: 0.78rem;
  letter-spacing: 0.2em;
  color: rgba(212, 168, 75, 0.7);
  margin-top: 0.9rem;
  padding-top: 0.9rem;
  border-top: 1px dashed rgba(212, 168, 75, 0.18);
  transition: color 0.3s ease;
}

.light-card:hover .light-more {
  color: var(--gold-light);
}

.light-card-center {
  background: linear-gradient(135deg, rgba(139, 28, 28, 0.16) 0%, rgba(31, 20, 20, 0.7) 100%);
  border-color: rgba(212, 168, 75, 0.5);
}

.light-icon {
  width: 68px;
  height: 68px;
  margin: 0 auto 1rem;
  border: 1px solid var(--gold);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.8rem;
  font-weight: 900;
  color: var(--gold-light);
  font-family: "Noto Serif TC", serif;
}

.light-name {
  font-size: 1.5rem;
  letter-spacing: 0.25em;
  margin-left: 0.25em;
  color: var(--paper);
  font-weight: 900;
  margin-bottom: 0.4rem;
}

.light-bless {
  font-size: 0.85rem;
  letter-spacing: 0.25em;
  color: var(--gold-light);
  margin-bottom: 1rem;
}

.light-desc {
  font-size: 0.92rem;
  line-height: 1.85;
  color: rgba(248, 243, 233, 0.8);
  letter-spacing: 0.04em;
  margin-bottom: 1.3rem;
  flex: 1;
}

.light-condition {
  font-size: 0.78rem;
  line-height: 1.7;
  color: rgba(248, 243, 233, 0.6);
  letter-spacing: 0.1em;
  margin-top: -0.5rem;
  margin-bottom: 1rem;
  padding: 0.6rem 0.8rem;
  background: rgba(212, 168, 75, 0.06);
  border-left: 2px solid rgba(212, 168, 75, 0.3);
  text-align: left;
}

.light-price {
  font-size: 1rem;
  letter-spacing: 0.18em;
  color: var(--gold);
  font-weight: 700;
  padding-top: 1rem;
  border-top: 1px solid rgba(212, 168, 75, 0.25);
  margin-top: auto;
}

/* 2026 安太歲生肖提示 */
.taisui-notice {
  margin: 3rem auto 1rem;
  max-width: 880px;
  padding: 2.5rem 2rem;
  background:
    radial-gradient(ellipse at top, rgba(139, 28, 28, 0.18) 0%, transparent 70%),
    rgba(18, 8, 8, 0.7);
  border: 1px solid rgba(212, 168, 75, 0.4);
  position: relative;
}

.taisui-head {
  text-align: center;
  margin-bottom: 2rem;
}

.taisui-tag {
  display: inline-block;
  background: var(--gold);
  color: var(--ink);
  padding: 0.35rem 1.1rem;
  font-size: 0.82rem;
  letter-spacing: 0.35em;
  font-weight: 900;
  margin-bottom: 1rem;
}

.taisui-title {
  font-size: 1.7rem;
  font-weight: 900;
  letter-spacing: 0.25em;
  margin-left: 0.25em;
  color: var(--paper);
  margin-bottom: 0.6rem;
}

.taisui-sub {
  font-size: 0.9rem;
  letter-spacing: 0.2em;
  color: rgba(248, 243, 233, 0.7);
}

.taisui-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
}

.taisui-item {
  text-align: center;
  padding: 1.5rem 0.8rem;
  background: rgba(31, 20, 20, 0.65);
  border: 1px solid rgba(212, 168, 75, 0.3);
  transition: all 0.3s ease;
  text-decoration: none;
  color: inherit;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
}

.taisui-item:hover {
  border-color: var(--gold);
  background: rgba(31, 20, 20, 0.9);
  transform: translateY(-3px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.4);
}

.taisui-icon {
  width: 56px;
  height: 56px;
  display: block;
  margin-bottom: 0.3rem;
  transition: transform 0.3s ease;
}

.taisui-item:hover .taisui-icon {
  transform: scale(1.1) rotate(-4deg);
}

.taisui-primary {
  background: linear-gradient(135deg, rgba(139, 28, 28, 0.25) 0%, rgba(31, 20, 20, 0.8) 100%);
  border-color: rgba(212, 168, 75, 0.6);
}

.taisui-zodiac {
  font-size: 2.2rem;
  font-weight: 900;
  color: var(--gold-light);
  font-family: "Noto Serif TC", serif;
  margin-bottom: 0.6rem;
  line-height: 1;
}

.taisui-type {
  font-size: 0.82rem;
  letter-spacing: 0.2em;
  color: var(--paper);
  line-height: 1.6;
}

/* 公告原稿圖（單圖） */
.notice-image-wrap {
  margin: 4rem auto 0;
  max-width: 600px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.2rem;
}

/* 公告原稿圖（雙圖並排） */
.notice-image-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
  max-width: 1100px;
  margin: 4rem auto 1.5rem;
}

.notice-image-frame {
  width: 100%;
  position: relative;
  border: 1px solid rgba(212, 168, 75, 0.5);
  box-shadow:
    0 24px 70px rgba(0, 0, 0, 0.65),
    0 0 0 8px rgba(212, 168, 75, 0.06);
  overflow: hidden;
}

.notice-image-frame::before {
  content: '';
  position: absolute;
  inset: 8px;
  border: 1px solid rgba(212, 168, 75, 0.25);
  z-index: 2;
  pointer-events: none;
}

.notice-image-frame img {
  width: 100%;
  height: auto;
  display: block;
}

.notice-image-caption {
  text-align: center;
}

.notice-image-caption .caption-tag {
  font-size: 0.8rem;
  letter-spacing: 0.5em;
  color: var(--gold);
  margin-bottom: 0.5rem;
}

.notice-image-caption .caption-title {
  font-size: 1.05rem;
  letter-spacing: 0.18em;
  color: var(--gold-light);
  font-weight: 700;
}

.notice-image-caption-inline {
  text-align: center;
  font-size: 0.82rem;
  letter-spacing: 0.3em;
  color: var(--gold-light);
  margin-top: 0.8rem;
}

/* 中元普渡專欄 */
.section-zhongyuan {
  background:
    radial-gradient(ellipse at top, rgba(139, 28, 28, 0.15) 0%, transparent 60%),
    var(--ink-soft);
}

.zy-items-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1.2rem;
  margin-bottom: 3rem;
}

.zy-item {
  background: rgba(31, 20, 20, 0.65);
  border: 1px solid rgba(212, 168, 75, 0.3);
  padding: 2rem 1.2rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  transition: all 0.4s ease;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

.zy-item:hover {
  border-color: var(--gold);
  background: rgba(31, 20, 20, 0.9);
  transform: translateY(-4px);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.55);
}

.zy-more {
  margin-top: 0.9rem;
  padding-top: 0.8rem;
  border-top: 1px dashed rgba(212, 168, 75, 0.18);
  font-size: 0.78rem;
  letter-spacing: 0.2em;
  color: rgba(212, 168, 75, 0.7);
  transition: color 0.3s ease;
}
.zy-item:hover .zy-more {
  color: var(--gold-light);
}

.zy-item-feature {
  background: linear-gradient(135deg, rgba(139, 28, 28, 0.22) 0%, rgba(31, 20, 20, 0.78) 100%);
  border-color: rgba(212, 168, 75, 0.5);
}

.zy-num {
  font-size: 1.7rem;
  color: var(--gold);
  font-weight: 900;
  font-family: "Noto Serif TC", serif;
  margin-bottom: 0.8rem;
  line-height: 1;
}

.zy-name {
  font-size: 1.4rem;
  font-weight: 900;
  letter-spacing: 0.18em;
  margin-left: 0.18em;
  color: var(--paper);
  margin-bottom: 0.8rem;
  padding-bottom: 0.8rem;
  border-bottom: 1px solid rgba(212, 168, 75, 0.25);
}

.zy-desc {
  font-size: 0.85rem;
  line-height: 1.85;
  color: rgba(248, 243, 233, 0.78);
  letter-spacing: 0.05em;
  margin-bottom: 1.3rem;
  flex: 1;
}

.zy-price {
  font-size: 1rem;
  letter-spacing: 0.1em;
  color: var(--gold-light);
  font-weight: 700;
  padding-top: 0.8rem;
  border-top: 1px solid rgba(212, 168, 75, 0.25);
  line-height: 1.5;
}

/* 公益區 */
.zy-charity {
  display: flex;
  gap: 1.5rem;
  align-items: center;
  background: linear-gradient(135deg, rgba(212, 168, 75, 0.12) 0%, rgba(31, 20, 20, 0.6) 100%);
  border: 1px solid rgba(212, 168, 75, 0.4);
  padding: 2rem 2.5rem;
  max-width: 1000px;
  margin: 0 auto;
}

.charity-icon {
  flex: 0 0 auto;
  width: 64px;
  height: 64px;
  border: 2px solid var(--gold);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.8rem;
  font-weight: 900;
  color: var(--gold-light);
  font-family: "Noto Serif TC", serif;
}

.charity-text {
  flex: 1;
  font-size: 0.98rem;
  line-height: 2;
  color: rgba(248, 243, 233, 0.92);
  letter-spacing: 0.06em;
}

.charity-text strong {
  color: var(--gold-light);
  font-weight: 700;
}

/* 報名專線 */
.section-hotline {
  background: linear-gradient(180deg, var(--ink) 0%, var(--ink-soft) 100%);
}

.hotline-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  max-width: 800px;
  margin: 0 auto;
}

.hotline-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2.5rem 2rem;
  background: rgba(31, 20, 20, 0.6);
  border: 1px solid rgba(212, 168, 75, 0.35);
  text-decoration: none;
  transition: all 0.4s ease;
  text-align: center;
}

.hotline-card:hover {
  border-color: var(--gold);
  background: rgba(31, 20, 20, 0.9);
  transform: translateY(-4px);
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.55);
}

.hotline-name {
  font-size: 1.6rem;
  font-weight: 900;
  letter-spacing: 0.4em;
  margin-left: 0.4em;
  color: var(--paper);
  margin-bottom: 0.5rem;
}

.hotline-role {
  font-size: 0.85rem;
  letter-spacing: 0.4em;
  color: var(--gold-light);
  margin-bottom: 1.5rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(212, 168, 75, 0.25);
  width: 100%;
}

.hotline-num {
  font-size: 1.5rem;
  font-weight: 900;
  letter-spacing: 0.15em;
  color: var(--gold-light);
  font-family: "Noto Serif TC", serif;
}

/* 法會卡 */
.ritual-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.8rem;
}

.ritual-card {
  background: rgba(31, 20, 20, 0.6);
  border: 1px solid rgba(212, 168, 75, 0.3);
  padding: 2.2rem 2rem;
  position: relative;
  transition: all 0.4s ease;
  text-decoration: none;
  color: inherit;
  display: block;
  cursor: pointer;
}

.ritual-card:hover {
  border-color: var(--gold);
  transform: translateY(-3px);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5);
}

.ritual-more {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px dashed rgba(212, 168, 75, 0.18);
  font-size: 0.78rem;
  letter-spacing: 0.2em;
  color: rgba(212, 168, 75, 0.7);
  transition: color 0.3s ease;
}

.ritual-card:hover .ritual-more {
  color: var(--gold-light);
}

.ritual-card-feature {
  background: linear-gradient(135deg, rgba(139, 28, 28, 0.18) 0%, rgba(31, 20, 20, 0.75) 100%);
  border-color: rgba(212, 168, 75, 0.55);
  grid-row: span 2;
}

.ritual-tag {
  display: inline-block;
  background: var(--gold);
  color: var(--ink);
  padding: 0.3rem 0.9rem;
  font-size: 0.72rem;
  letter-spacing: 0.3em;
  font-weight: 900;
  margin-bottom: 1rem;
}

.ritual-tag-light {
  background: transparent;
  color: var(--gold-light);
  border: 1px solid rgba(212, 168, 75, 0.55);
}

.ritual-note {
  font-size: 0.85rem;
  letter-spacing: 0.1em;
  color: rgba(248, 243, 233, 0.6);
  margin-bottom: 1.3rem;
  padding: 0.6rem 0.9rem;
  background: rgba(212, 168, 75, 0.08);
  border-left: 2px solid rgba(212, 168, 75, 0.45);
  line-height: 1.7;
}

.ritual-name {
  font-size: 1.6rem;
  font-weight: 900;
  letter-spacing: 0.2em;
  margin-left: 0.2em;
  color: var(--paper);
  margin-bottom: 0.4rem;
}

.ritual-date {
  font-size: 0.88rem;
  letter-spacing: 0.25em;
  color: var(--gold-light);
  margin-bottom: 1.5rem;
}

.ritual-desc {
  font-size: 0.95rem;
  line-height: 1.9;
  color: rgba(248, 243, 233, 0.82);
  letter-spacing: 0.04em;
  margin-bottom: 1.3rem;
}

.ritual-price {
  display: inline-block;
  padding: 0.5rem 1rem;
  border: 1px solid rgba(212, 168, 75, 0.4);
  font-size: 0.88rem;
  letter-spacing: 0.2em;
  color: var(--gold-light);
}

.ritual-items {
  list-style: none;
  margin-top: 1rem;
}

.ritual-items li {
  display: flex;
  justify-content: space-between;
  padding: 0.85rem 0;
  border-bottom: 1px dashed rgba(212, 168, 75, 0.2);
  font-size: 0.95rem;
  color: var(--paper);
  letter-spacing: 0.06em;
}

.ritual-items li:last-child { border-bottom: none; }

.ritual-items li span {
  color: var(--gold-light);
  font-weight: 700;
  letter-spacing: 0.1em;
}

/* 表單 */
.form-wrap {
  max-width: 760px;
  margin: 0 auto;
  background: rgba(18, 8, 8, 0.65);
  border: 1px solid rgba(212, 168, 75, 0.35);
  padding: 3rem 3rem 2.5rem;
  position: relative;
}

.form-wrap::before,
.form-wrap::after {
  content: '';
  position: absolute;
  width: 22px;
  height: 22px;
  border: 2px solid var(--gold);
}
.form-wrap::before {
  top: -1px; left: -1px;
  border-right: none; border-bottom: none;
}
.form-wrap::after {
  bottom: -1px; right: -1px;
  border-left: none; border-top: none;
}

.form-title {
  font-size: 1.6rem;
  font-weight: 900;
  letter-spacing: 0.3em;
  margin-left: 0.3em;
  color: var(--paper);
  text-align: center;
  margin-bottom: 1rem;
}

.form-divider {
  width: 50px;
  height: 1px;
  background: var(--gold);
  margin: 0 auto 2.5rem;
}

.form-row { margin-bottom: 1.5rem; }

.form-row-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.2rem;
  margin-bottom: 1.5rem;
}

.form-label {
  display: block;
  font-size: 0.85rem;
  letter-spacing: 0.25em;
  color: var(--gold-light);
  margin-bottom: 0.6rem;
  font-weight: 500;
}

.required {
  color: #d4644b;
  margin-left: 0.3em;
}

.form-input,
.form-select,
.form-textarea {
  width: 100%;
  padding: 0.85rem 1rem;
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(212, 168, 75, 0.3);
  color: var(--paper);
  font-family: inherit;
  font-size: 0.95rem;
  letter-spacing: 0.05em;
  transition: all 0.3s ease;
}

.form-input::placeholder,
.form-textarea::placeholder {
  color: rgba(248, 243, 233, 0.35);
}

.form-input:focus,
.form-select:focus,
.form-textarea:focus {
  outline: none;
  border-color: var(--gold);
  background: rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 0 3px rgba(212, 168, 75, 0.12);
}

.form-textarea {
  resize: vertical;
  min-height: 80px;
  line-height: 1.7;
}

.form-select option {
  background: var(--ink);
  color: var(--paper);
}

/* checkbox 群組 */
.checkbox-group {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.8rem;
}

.check-item {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  padding: 0.8rem 1rem;
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(212, 168, 75, 0.2);
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 0.92rem;
  color: var(--paper);
  letter-spacing: 0.05em;
}

.check-item:hover {
  border-color: var(--gold);
  background: rgba(212, 168, 75, 0.08);
}

.check-item input[type="checkbox"] {
  width: 18px;
  height: 18px;
  accent-color: var(--gold);
  cursor: pointer;
  flex-shrink: 0;
}

.check-item input[type="checkbox"]:checked + span {
  color: var(--gold-light);
  font-weight: 700;
}

.form-actions {
  text-align: center;
  margin-top: 2.5rem;
}

.form-actions .btn {
  min-width: 240px;
}

.form-hint {
  font-size: 0.82rem;
  letter-spacing: 0.15em;
  color: rgba(248, 243, 233, 0.55);
  margin-top: 1rem;
}

/* 注意事項 */
.section-notice {
  background: linear-gradient(180deg, var(--ink-soft) 0%, var(--ink) 100%);
}

.notice-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
  max-width: 1000px;
  margin: 0 auto;
}

.notice-item {
  display: flex;
  gap: 1.2rem;
  padding: 1.6rem 1.4rem;
  background: rgba(31, 20, 20, 0.5);
  border-left: 3px solid var(--gold);
}

.notice-num {
  flex: 0 0 auto;
  font-size: 1.5rem;
  font-weight: 900;
  color: var(--gold);
  font-family: "Noto Serif TC", serif;
  line-height: 1.4;
}

.notice-item p {
  font-size: 0.95rem;
  line-height: 1.95;
  color: rgba(248, 243, 233, 0.85);
  letter-spacing: 0.05em;
}

/* 表單送出 Modal */
.form-modal {
  position: fixed;
  inset: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.85);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  animation: lbFadeIn 0.3s ease;
}
.form-modal[hidden] { display: none; }

.form-modal-card {
  background: var(--ink-soft);
  border: 1px solid var(--gold);
  max-width: 600px;
  width: 100%;
  max-height: 90vh;
  overflow-y: auto;
  padding: 3rem 2.5rem 2.5rem;
  position: relative;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.7);
}

.form-modal-close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 36px;
  height: 36px;
  background: transparent;
  border: 1px solid rgba(212, 168, 75, 0.4);
  color: var(--gold-light);
  font-size: 1.4rem;
  line-height: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 3px;
  font-family: inherit;
  transition: all 0.3s ease;
}

.form-modal-close:hover {
  background: var(--gold);
  color: var(--ink);
}

.modal-tag {
  font-size: 0.85rem;
  letter-spacing: 0.5em;
  color: var(--gold);
  text-align: center;
  margin-bottom: 0.8rem;
}

.modal-title {
  font-size: 1.4rem;
  font-weight: 900;
  letter-spacing: 0.18em;
  color: var(--paper);
  text-align: center;
  margin-bottom: 1rem;
}

.modal-divider {
  width: 50px;
  height: 1px;
  background: var(--gold);
  margin: 0 auto 1.5rem;
}

.modal-intro {
  font-size: 0.95rem;
  line-height: 1.9;
  color: rgba(248, 243, 233, 0.82);
  letter-spacing: 0.05em;
  text-align: center;
  margin-bottom: 1.5rem;
}

.modal-content {
  background: rgba(0, 0, 0, 0.45);
  border: 1px solid rgba(212, 168, 75, 0.25);
  padding: 1.5rem 1.3rem;
  font-family: "Menlo", "Noto Sans TC", monospace;
  font-size: 0.85rem;
  line-height: 1.95;
  color: var(--paper);
  letter-spacing: 0.04em;
  white-space: pre-wrap;
  word-break: break-word;
  margin-bottom: 1.8rem;
  max-height: 280px;
  overflow-y: auto;
}

.modal-actions {
  display: flex;
  gap: 0.8rem;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 1.5rem;
}

.modal-actions .btn {
  flex: 1;
  min-width: 100px;
  padding: 0.75rem 1rem;
  font-size: 0.9rem;
}

.modal-foot {
  text-align: center;
  font-size: 0.82rem;
  letter-spacing: 0.15em;
  color: rgba(248, 243, 233, 0.55);
}

/* ============================================
   Lightbox 相簿瀏覽器
   ============================================ */
.lightbox {
  position: fixed;
  inset: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.96);
  display: flex;
  flex-direction: column;
  animation: lbFadeIn 0.3s ease;
}
.lightbox[hidden] { display: none; }

@keyframes lbFadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

.lightbox-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 1.5rem 2rem;
  z-index: 10;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  background: linear-gradient(180deg, rgba(0,0,0,0.85) 0%, transparent 100%);
  pointer-events: none;
}

.lightbox-titles {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  max-width: calc(100% - 200px);
}

.lightbox-title {
  font-size: 1.15rem;
  letter-spacing: 0.18em;
  color: var(--gold-light);
  font-weight: 700;
  text-shadow: 0 2px 10px rgba(0,0,0,0.8);
}

.lightbox-date {
  font-size: 0.82rem;
  letter-spacing: 0.25em;
  color: rgba(248, 243, 233, 0.7);
}

.lightbox-actions {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  pointer-events: auto;
}

.lightbox-pill {
  font-size: 0.92rem;
  letter-spacing: 0.22em;
  color: var(--gold-light);
  padding: 0.5rem 0.95rem;
  border: 1px solid rgba(212, 168, 75, 0.45);
  background: rgba(0, 0, 0, 0.5);
  font-weight: 700;
  font-family: inherit;
  line-height: 1;
  display: flex;
  align-items: center;
  cursor: default;
}

button.lightbox-pill {
  cursor: pointer;
  transition: all 0.25s ease;
}

button.lightbox-pill:hover {
  background: var(--gold);
  color: var(--ink);
  border-color: var(--gold);
}

.lightbox-counter { /* 保留別名以避免他處引用失效 */ }

.lightbox-close {
  position: absolute;
  top: 1.3rem;
  right: 2rem;
  width: 44px;
  height: 44px;
  background: rgba(0, 0, 0, 0.6);
  border: 1px solid rgba(212, 168, 75, 0.5);
  color: var(--gold-light);
  font-size: 1.6rem;
  line-height: 1;
  cursor: pointer;
  z-index: 20;
  font-family: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 4px;
  transition: all 0.3s ease;
}

.lightbox-close:hover {
  background: var(--gold);
  color: var(--ink);
  border-color: var(--gold);
}

.lightbox-track {
  flex: 1;
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.lightbox-track::-webkit-scrollbar { display: none; }

.lightbox-slide {
  flex: 0 0 100vw;
  width: 100vw;
  height: 100vh;
  scroll-snap-align: start;
  scroll-snap-stop: always;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5rem 5rem 3rem;
}

.lightbox-slide img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  box-shadow: 0 20px 70px rgba(0, 0, 0, 0.6);
}

.lightbox-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 60px;
  height: 60px;
  border: 1px solid rgba(212, 168, 75, 0.5);
  background: rgba(0, 0, 0, 0.55);
  color: var(--gold-light);
  font-size: 2.2rem;
  line-height: 1;
  cursor: pointer;
  z-index: 15;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: inherit;
  padding-bottom: 4px;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  transition: all 0.3s ease;
}

.lightbox-arrow:hover {
  background: var(--gold);
  color: var(--ink);
  border-color: var(--gold);
}

.lightbox-prev { left: 1.5rem; }
.lightbox-next { right: 1.5rem; }

/* ==== 縮圖總覽（Grid mode）==== */
.lightbox-grid {
  flex: 1;
  overflow-y: auto;
  padding: 5rem 2.5rem 3rem;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(520px, 1fr));
  gap: 1.6rem;
  align-content: start;
  scrollbar-width: thin;
  scrollbar-color: rgba(212, 168, 75, 0.4) transparent;
}
.lightbox-grid::-webkit-scrollbar { width: 8px; }
.lightbox-grid::-webkit-scrollbar-thumb {
  background: rgba(212, 168, 75, 0.4);
}

.lightbox-grid-item {
  aspect-ratio: 3 / 2;
  background: rgba(20, 12, 12, 0.85);
  border: 1px solid rgba(212, 168, 75, 0.22);
  cursor: pointer;
  overflow: hidden;
  position: relative;
  padding: 0;
  font: inherit;
  color: inherit;
  transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}
.lightbox-grid-item:hover {
  border-color: var(--gold);
  transform: scale(1.04);
  z-index: 1;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.55);
}
.lightbox-grid-item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
.lightbox-grid-item .gi-num {
  position: absolute;
  top: 6px;
  left: 8px;
  font-size: 0.7rem;
  letter-spacing: 0.1em;
  color: var(--gold-light);
  background: rgba(0,0,0,0.65);
  padding: 0.15rem 0.45rem;
  font-weight: 700;
  pointer-events: none;
}

/* ==== 父相簿輯選擇器 ==== */
.lightbox-grid:has(.lightbox-part-item) {
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 2.2rem;
  padding: 6rem 3.5rem 3.5rem;
}
.lightbox-part-item {
  aspect-ratio: 4 / 3;
  border: 2px solid rgba(212, 168, 75, 0.35);
  background: rgba(31, 20, 20, 0.75);
}
.lightbox-part-item:hover {
  border-color: var(--gold);
}
.lightbox-part-item img {
  filter: brightness(0.85);
  transition: filter 0.3s ease;
}
.lightbox-part-item:hover img {
  filter: brightness(1.1);
}
.lightbox-part-item::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 55%;
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 100%);
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.lightbox-part-item:hover::after {
  opacity: 0.7;
}
.lightbox-part-item .lightbox-part-label {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 1.2rem;
  top: auto;
  transform: none;
  font-size: 1.7rem;
  letter-spacing: 0.32em;
  color: var(--paper);
  background: transparent;
  padding: 0 1rem;
  font-weight: 900;
  font-family: "Noto Serif TC", serif;
  text-align: center;
  text-shadow: 0 2px 14px rgba(0,0,0,0.95), 0 0 18px rgba(0,0,0,0.7);
  line-height: 1.5;
  z-index: 2;
}
.lightbox-part-item .lightbox-part-count {
  display: inline-block;
  margin-top: 0.7rem;
  font-size: 0.9rem;
  letter-spacing: 0.24em;
  color: var(--gold);
  font-weight: 700;
  font-family: "Noto Sans TC", sans-serif;
}

@media (max-width: 600px) {
  .lightbox-grid:has(.lightbox-part-item) {
    grid-template-columns: repeat(4, 1fr);
    gap: 0.5rem;
    padding: 5rem 0.6rem 1.5rem;
  }
  .lightbox-part-item { aspect-ratio: 1; border-width: 1px; }
  .lightbox-part-item img { filter: brightness(0.7); }
  .lightbox-part-item::after {
    height: 65%;
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%);
  }
  .lightbox-part-item .lightbox-part-label {
    bottom: 0.35rem;
    font-size: 0.78rem;
    letter-spacing: 0.04em;
    line-height: 1.25;
    padding: 0 0.2rem;
    text-shadow: 0 1px 4px rgba(0,0,0,1), 0 0 8px rgba(0,0,0,0.9);
  }
  .lightbox-part-item .lightbox-part-count {
    margin-top: 0.15rem;
    font-size: 0.6rem;
    letter-spacing: 0.06em;
    color: var(--gold-light);
  }
}

/* ==== 底部縮圖膠捲（Single mode）==== */
.lightbox-strip {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 88px;
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.5rem 1rem;
  overflow-x: auto;
  overflow-y: hidden;
  background: linear-gradient(0deg, rgba(0,0,0,0.92) 0%, rgba(0,0,0,0.4) 70%, transparent 100%);
  scrollbar-width: none;
  -ms-overflow-style: none;
  z-index: 12;
}
.lightbox-strip::-webkit-scrollbar { display: none; }

.lightbox-strip-thumb {
  flex: 0 0 64px;
  height: 64px;
  cursor: pointer;
  border: 2px solid rgba(212, 168, 75, 0.18);
  background: rgba(31, 20, 20, 0.6);
  overflow: hidden;
  opacity: 0.55;
  transition: all 0.2s ease;
  padding: 0;
}
.lightbox-strip-thumb:hover { opacity: 0.9; }
.lightbox-strip-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.lightbox-strip-thumb.is-active {
  opacity: 1;
  border-color: var(--gold);
  transform: scale(1.06);
}

/* ==== 模式切換可見性 ==== */
.lightbox.lb-grid-mode .lightbox-track,
.lightbox.lb-grid-mode .lightbox-arrow,
.lightbox.lb-grid-mode .lightbox-strip,
.lightbox.lb-grid-mode #lbBackToGrid,
.lightbox.lb-grid-mode #lbCounter {
  display: none;
}
.lightbox.lb-single-mode .lightbox-grid {
  display: none;
}
.lightbox.lb-single-mode .lightbox-slide {
  padding: 5rem 5rem 7rem; /* 留出膠捲列空間 */
}

@media (max-width: 900px) {
  .lightbox-header { padding: 1rem 1rem 1rem 1rem; }
  .lightbox-title { font-size: 0.92rem; letter-spacing: 0.12em; }
  .lightbox-date { font-size: 0.72rem; letter-spacing: 0.18em; }
  .lightbox-pill { font-size: 0.72rem; letter-spacing: 0.16em; padding: 0.35rem 0.65rem; }
  .lightbox-close { width: 36px; height: 36px; font-size: 1.3rem; top: 1rem; right: 1rem; }
  .lightbox-arrow { width: 42px; height: 42px; font-size: 1.5rem; }
  .lightbox-prev { left: 0.5rem; }
  .lightbox-next { right: 0.5rem; }
  .lightbox-slide { padding: 4rem 1rem 2rem; }
  .lightbox-titles { max-width: calc(100% - 140px); }

  /* Grid mode RWD：每張獨立、整頁下滑 */
  .lightbox-grid {
    grid-template-columns: 1fr;
    gap: 1rem;
    padding: 5rem 0.8rem 2rem;
  }
  .lightbox-grid-item .gi-num { font-size: 0.62rem; padding: 0.1rem 0.35rem; }

  /* Strip RWD */
  .lightbox-strip { height: 66px; padding: 0.4rem 0.6rem; gap: 0.3rem; }
  .lightbox-strip-thumb { flex: 0 0 50px; height: 50px; }
  .lightbox.lb-single-mode .lightbox-slide { padding: 4rem 1rem 5rem; }
}

/* ============================================
   Footer
   ============================================ */
.page-footer {
  background: #0c0606;
  padding: 4rem 2rem 2rem;
  border-top: 1px solid rgba(212, 168, 75, 0.3);
}

.footer-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr 1fr;
  gap: 3rem;
}

.footer-name {
  font-size: 1.4rem;
  font-weight: 900;
  letter-spacing: 0.18em;
  color: var(--gold-light);
}

.footer-sub {
  font-size: 0.8rem;
  letter-spacing: 0.3em;
  color: var(--paper);
  margin-top: 0.4rem;
  opacity: 0.7;
}

.footer-label {
  font-size: 0.78rem;
  letter-spacing: 0.4em;
  color: var(--gold);
  margin-bottom: 0.7rem;
}

.footer-value {
  font-size: 0.95rem;
  color: rgba(248, 243, 233, 0.85);
  letter-spacing: 0.05em;
  line-height: 1.7;
}

.footer-contacts { display: flex; flex-direction: column; gap: 0.55rem; }
.footer-contact { display: flex; flex-direction: column; gap: 0.1rem; }
.footer-contact-role {
  font-size: 0.72rem;
  letter-spacing: 0.22em;
  color: var(--gold-light);
  opacity: 0.85;
}
.footer-contact-num {
  font-size: 0.95rem;
  color: rgba(248, 243, 233, 0.92);
  letter-spacing: 0.08em;
  text-decoration: none;
  font-family: "Noto Serif TC", serif;
  font-weight: 700;
  transition: color 0.2s ease;
}
.footer-contact-num:hover { color: var(--gold); }

.footer-link {
  display: inline-block;
  margin-top: 0.7rem;
  color: var(--gold-light);
  text-decoration: none;
  font-size: 0.88rem;
  letter-spacing: 0.15em;
  transition: color 0.3s ease;
}
.footer-link:hover { color: var(--gold); }

.footer-copy {
  text-align: center;
  margin-top: 3rem;
  padding-top: 2rem;
  border-top: 1px solid rgba(212, 168, 75, 0.15);
  font-size: 0.82rem;
  letter-spacing: 0.3em;
  color: rgba(248, 243, 233, 0.5);
}

/* 回到頂部 */
.back-top {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  width: 48px;
  height: 48px;
  background: rgba(212, 168, 75, 0.92);
  color: var(--ink);
  border: none;
  font-size: 1.4rem;
  cursor: pointer;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.3s ease;
  z-index: 50;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
}

.back-top.show {
  opacity: 1;
  transform: translateY(0);
}

.back-top:hover {
  background: var(--gold-light);
  transform: translateY(-2px);
}

/* ============================================
   RWD
   ============================================ */
@media (max-width: 900px) {
  /* 首頁手機版:取消 fixed 高度與 fixed 底條，讓頁面可正常滾動 */
  body.page-home { height: auto; overflow: auto; min-height: 100vh; }
  .info-strip { position: static; }
  .hero-notice {
    position: static;
    transform: none;
    margin: 1rem auto 0;
    max-width: calc(100% - 2rem);
    animation: none;
  }

  /* 手機版：brand 在左、漢堡在右（橫向排列）*/
  .site-header {
    padding: 0.7rem 1rem;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 0.6rem;
  }
  /* 手機版加大 brand 觸控區，避免誤點 */
  .brand {
    padding: 0.3rem 0.4rem;
    text-align: left;
    min-height: 44px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .brand-name-zh { font-size: 1.3rem; }
  .brand-name-sub { font-size: 0.68rem; }
  /* 手機版：nav 容器 transparent 化、隱藏所有 <a>，只露出漢堡按鈕 */
  .site-nav { display: contents; }
  .site-nav a { display: none; }
  .mm-toggle { display: flex; margin-left: auto; }

  .hero { min-height: auto; padding: 7rem 1.2rem 2rem; }
  .hero-title { font-size: 2.8rem; letter-spacing: 0.22em; margin-left: 0.22em; }
  .hero-subtitle { font-size: 0.95rem; letter-spacing: 0.3em; margin-left: 0.3em; }
  .hero-tagline { font-size: 0.78rem; letter-spacing: 0.35em; }
  .hero-desc { font-size: 0.92rem; line-height: 2; }
  .hero-inner { padding: 2rem 1.5rem; }
  .hero-cta { flex-direction: column; }

  .info-strip { grid-template-columns: 1fr; }
  .info-item { border-right: none; border-bottom: 1px solid rgba(212, 168, 75, 0.18); padding: 0.7rem 0.6rem; }
  .info-item:last-child { border-bottom: none; }
  .info-label { font-size: 0.68rem; letter-spacing: 0.3em; margin-bottom: 0.25rem; }
  .info-value { font-size: 0.82rem; line-height: 1.4; }
  .info-contacts { gap: 0.3rem; }
  .info-contact-row { gap: 0.4rem; padding: 0.12rem 0.5rem; }
  .info-contact-role { font-size: 0.62rem; letter-spacing: 0.12em; }
  .info-contact-num { font-size: 0.82rem; }

  .page-banner { height: 50vh; min-height: 320px; }
  .banner-title { font-size: 2.6rem; letter-spacing: 0.22em; margin-left: 0.22em; }
  .banner-sub { font-size: 0.95rem; letter-spacing: 0.3em; }

  .content-section { padding: 4rem 1.2rem; }
  .section-title { font-size: 1.8rem; }
  .section-head { margin-bottom: 2.5rem; }

  .history-grid { grid-template-columns: 1fr; gap: 2.5rem; }
  .history-text p { font-size: 0.95rem; line-height: 2; }
  .image-frame { max-width: 320px; aspect-ratio: 4/3; }

  .stats-row { grid-template-columns: repeat(2, 1fr); gap: 2rem; margin-top: 3rem; padding-top: 2rem; }
  .stat-num { font-size: 2.2rem; }

  .founders-grid { grid-template-columns: 1fr; gap: 1.5rem; }
  .founder-card { padding: 0 1.5rem 2.2rem; }
  .founder-image { margin: 0 -1.5rem 1.5rem; aspect-ratio: 16/9; }
  .founder-name { font-size: 1.7rem; }

  .gallery-item { width: 240px; }
  .gallery-prev { left: -10px; }
  .gallery-next { right: -10px; }
  .gallery-arrow { width: 36px; height: 36px; font-size: 1.2rem; }

  .deity-chip { padding: 0.8rem 1.4rem; font-size: 0.92rem; }

  .footer-inner { grid-template-columns: 1fr 1fr; gap: 2rem; }

  .back-top { width: 40px; height: 40px; bottom: 1rem; right: 1rem; }

  /* 神明頁 RWD */
  .main-deity { grid-template-columns: 1fr; gap: 2.5rem; }
  .main-deity-image .image-frame { max-width: 320px; aspect-ratio: 4/3; }
  .main-deity-lead { font-size: 1.2rem !important; letter-spacing: 0.2em; }
  .main-deity-info p { font-size: 0.95rem; line-height: 1.95; }
  .deity-aliases { font-size: 0.85rem; letter-spacing: 0.25em; margin-bottom: 1.2rem; }
  .meta-row { font-size: 0.88rem; flex-wrap: wrap; gap: 0.6rem; }
  .meta-row .meta-label { min-width: 70px; }

  .dual-deity-grid { grid-template-columns: 1fr; gap: 1.5rem; }
  .deity-detail-body { padding: 1.8rem 1.4rem; }
  .deity-detail-name { font-size: 1.7rem; }

  .deities-grid { grid-template-columns: repeat(2, 1fr); gap: 1.2rem; margin-bottom: 3rem; }
  .deity-card-body { padding: 1.4rem 1.1rem 1.5rem; }
  .deity-card-body h3 { font-size: 1.2rem; }
  .deity-card-body .deity-aliases { font-size: 0.72rem; letter-spacing: 0.2em; }
  .deity-card-body p { font-size: 0.85rem; line-height: 1.75; }
  .deity-tag { font-size: 0.72rem; padding: 0.4rem 0.8rem; }
  .deity-card-image-placeholder .placeholder-text { font-size: 1.8rem; }

  .note-body { font-size: 0.95rem; line-height: 1.95; }
  .note-body strong { font-size: 1.05rem; }

  /* 橫向時間軸 RWD */
  .section-timeline-h { padding: 4rem 0 4rem; }
  .section-timeline-h .section-inner { padding: 0 1rem; }
  .th-event { flex: 0 0 230px; padding: 0 0.5rem; }
  .th-info { padding: 0.9rem 0.7rem; margin-top: 1.2rem; }
  .th-img { margin-bottom: 1.2rem; }
  .th-title { font-size: 0.98rem; letter-spacing: 0.1em; }
  .th-desc { font-size: 0.74rem; line-height: 1.6; }
  .th-date { font-size: 0.88rem; letter-spacing: 0.15em; }
  .th-lunar { font-size: 0.68rem; }
  .th-arrow { width: 38px; height: 38px; font-size: 1.3rem; }
  .th-hint { font-size: 0.7rem; letter-spacing: 0.25em; }
  .th-marker span { padding: 0.55rem 1rem; font-size: 0.78rem; letter-spacing: 0.3em; }
  .th-marker small { font-size: 0.62rem; }
  .timeline-h-track { padding: 3rem 1.5rem; gap: 0; }
  .th-controls { gap: 0.8rem; margin-bottom: 1.5rem; }

  /* 舊版垂直時間軸 RWD ・ 已棄用 */
  .section-timeline { padding: 4rem 1rem 5rem; }
  .timeline::before { left: 24px; transform: none; }

  .timeline-item,
  .timeline-item:nth-of-type(even),
  .timeline-item:nth-of-type(odd) {
    width: 100%;
    margin-left: 0;
    padding: 1rem 0 1rem 56px;
    text-align: left;
  }

  .timeline-item:nth-of-type(odd) .timeline-dot,
  .timeline-item:nth-of-type(even) .timeline-dot {
    left: 16px;
    right: auto;
    width: 14px;
    height: 14px;
    top: 1.5rem;
  }

  .timeline-card { padding: 1.1rem 1.2rem; }
  .timeline-item:nth-of-type(odd) .timeline-card::before,
  .timeline-item:nth-of-type(even) .timeline-card::before {
    left: -10px;
    right: auto;
    border-width: 8px 10px 8px 0;
    border-color: transparent rgba(212, 168, 75, 0.3) transparent transparent;
  }

  .timeline-item:nth-of-type(odd) .timeline-card:hover,
  .timeline-item:nth-of-type(even) .timeline-card:hover {
    transform: translateX(4px);
  }

  .timeline-marker { margin: 1.8rem 0; }
  .timeline-marker .marker-text { padding: 0.55rem 1.2rem; font-size: 0.82rem; letter-spacing: 0.3em; }
  .timeline-marker .marker-sub { font-size: 0.72rem; letter-spacing: 0.2em; }

  .t-title { font-size: 1.05rem; }
  .t-date { font-size: 0.95rem; }

  /* 活動頁 RWD */
  .calendar-grid { grid-template-columns: repeat(2, 1fr); gap: 1rem; }
  .calendar-card { padding: 1.4rem 1.2rem; gap: 1rem; }
  .month-num { font-size: 1.4rem; }
  .cal-event { font-size: 0.85rem; }
  .cal-date { min-width: 30px; font-size: 0.78rem; }

  .events-grid { grid-template-columns: 1fr; gap: 1.5rem; }
  .event-body { padding: 1.2rem 1.2rem 1.5rem; }
  .event-title { font-size: 1rem; }
  .event-desc { font-size: 0.82rem; }

  .feature-video-wrap { max-width: 100%; }

  /* 聯絡頁 RWD */
  .contact-grid { grid-template-columns: 1fr; gap: 1.2rem; }
  .contact-card { padding: 2.2rem 1.5rem; }
  .contact-num { font-size: 1.9rem; margin-bottom: 0.8rem; }
  .contact-label { font-size: 0.85rem; letter-spacing: 0.4em; margin-bottom: 1rem; padding-bottom: 0.8rem; }
  .contact-value { font-size: 0.95rem; margin-bottom: 1.5rem; }
  .contact-value-large { font-size: 1.6rem; }
  .contact-value-phones { gap: 0.9rem; margin-bottom: 1.2rem; }
  .contact-phone-role { font-size: 0.7rem; letter-spacing: 0.25em; }
  .contact-phone-num { font-size: 1.35rem; }
  .contact-cta-group { gap: 0.5rem; }
  .contact-cta-group .contact-cta { min-width: 6.5rem; padding: 0.7rem 0.9rem; font-size: 0.85rem; }

  .map-wrap iframe { height: 350px; }

  .transport-grid { grid-template-columns: repeat(2, 1fr); gap: 1rem; }
  .transport-card { padding: 1.8rem 1rem; }
  .transport-num { width: 44px; height: 44px; font-size: 1.1rem; margin-bottom: 0.8rem; }
  .transport-title { font-size: 1.1rem; letter-spacing: 0.2em; margin-left: 0.2em; }
  .transport-name { font-size: 0.88rem; }
  .transport-desc { font-size: 0.78rem; line-height: 1.7; }

  .section-quick-inner { grid-template-columns: 1fr; gap: 2.5rem; text-align: center; }
  .cta-title { font-size: 2.2rem; }
  .quick-cta-buttons { align-items: stretch; }
  .btn-large { padding: 0.9rem 1.5rem; }

  /* 香客服務頁 RWD */
  .process-grid { grid-template-columns: 1fr 1fr; gap: 0.7rem; }
  .process-arrow { display: none; }
  .process-card { padding: 1.1rem 0.6rem; }
  .process-num { font-size: 1.5rem; margin-bottom: 0.4rem; }
  .process-title { font-size: 0.95rem; letter-spacing: 0.18em; margin-left: 0.18em; margin-bottom: 0.6rem; padding-bottom: 0.6rem; }
  .process-desc { font-size: 0.72rem; line-height: 1.7; letter-spacing: 0.03em; }

  .lights-grid { grid-template-columns: 1fr; gap: 1rem; }
  .light-card { padding: 1.8rem 1.4rem; }
  .light-icon { width: 56px; height: 56px; font-size: 1.5rem; }
  .light-name { font-size: 1.3rem; letter-spacing: 0.2em; margin-left: 0.2em; }

  .ritual-grid { grid-template-columns: 1fr; gap: 1.2rem; }
  .ritual-card { padding: 1.8rem 1.4rem; }
  .ritual-card-feature { grid-row: auto; }
  .ritual-name { font-size: 1.3rem; letter-spacing: 0.18em; margin-left: 0.18em; }

  .form-wrap { padding: 2.2rem 1.3rem 2rem; }
  .form-title { font-size: 1.3rem; letter-spacing: 0.22em; margin-left: 0.22em; }
  .form-row-split { grid-template-columns: 1fr; gap: 1.2rem; }
  .checkbox-group { grid-template-columns: 1fr; }
  .form-actions .btn { min-width: auto; width: 100%; }

  .notice-grid { grid-template-columns: 1fr; gap: 1rem; }
  .notice-item { padding: 1.3rem 1.1rem; gap: 0.9rem; }
  .notice-num { font-size: 1.2rem; }
  .notice-item p { font-size: 0.88rem; line-height: 1.85; }

  .form-modal { padding: 1rem; }
  .form-modal-card { padding: 2rem 1.4rem 1.6rem; }
  .modal-content { font-size: 0.78rem; padding: 1rem 0.9rem; }
  .modal-actions .btn { min-width: 0; font-size: 0.82rem; padding: 0.65rem 0.7rem; }

  /* 委員會頁 RWD */
  .committee-stats { grid-template-columns: repeat(2, 1fr); gap: 1rem; }
  .committee-chip { padding: 0.8rem 1.2rem; font-size: 0.95rem; letter-spacing: 0.2em; }
  .fee-image-frame { max-width: 100%; }
  .caption-title { font-size: 0.95rem; }

  /* 求籤頁 RWD */
  .fortune-card { padding: 2.2rem 1.4rem; }
  .card-title { font-size: 1.7rem; letter-spacing: 0.22em; margin-left: 0.22em; }
  .card-lead { font-size: 1rem; letter-spacing: 0.3em; }
  .ritual-steps li { font-size: 0.92rem; padding: 0.7rem 0.9rem; }
  .ritual-steps li span { font-size: 1.05rem; }
  .card-actions .btn { min-width: 100%; }
  .card-actions-multi { flex-direction: column; gap: 0.7rem; }
  .card-actions-multi .btn { min-width: auto; width: 100%; }

  .ritual-scene { width: 220px; height: 280px; }
  .canister { width: 90px; height: 170px; bottom: 15px; }
  .canister-text { font-size: 2.1rem; bottom: 22px; }
  .rising-stick { width: 14px; }
  .throw-msg-top { font-size: 1.05rem; letter-spacing: 0.3em; }
  .throw-msg-bottom { font-size: 0.82rem; letter-spacing: 0.3em; }
  @keyframes stickRise {
    0%   { height: 0; opacity: 0; }
    15%  { height: 0; opacity: 0; }
    100% { height: 200px; opacity: 1; }
  }

  .result-num { font-size: 1.5rem; letter-spacing: 0.3em; margin-left: 0.3em; }
  .result-ganzhi { font-size: 1.05rem; letter-spacing: 0.4em; }
  .result-poem { padding: 1.6rem 0.5rem; margin: 1.5rem 0; }
  .result-poem p { font-size: 1.15rem; letter-spacing: 0.4em; margin-left: 0.4em; line-height: 1.9; }
  .meta-line { font-size: 0.92rem; letter-spacing: 0.35em; }
  .meta-note { font-size: 0.78rem; }

  /* 農民曆 RWD */
  .almanac-year { font-size: 4rem; letter-spacing: 0.3em; margin-left: 0.3em; }
  .overview-grid { grid-template-columns: repeat(2, 1fr); gap: 0.8rem; }
  .overview-card-feature { grid-column: span 2; }
  .ov-value-large { font-size: 1.8rem; }
  .ov-value { font-size: 1.1rem; }
  .ov-card-icon { width: 48px; height: 48px; margin-bottom: 0.5rem; }
  .overview-card-feature .ov-card-icon { width: 56px; height: 56px; }

  .saint-row { grid-template-columns: 1fr 1fr; gap: 0; }
  .saint-row-head { display: none; }
  .saint-cell { padding: 0.7rem 0.8rem; font-size: 0.85rem; border-right: none; border-bottom: 1px solid rgba(212, 168, 75, 0.12); }
  .saint-name { font-size: 1rem; letter-spacing: 0.15em; }
  .saint-cell:nth-child(3),
  .saint-cell:nth-child(4) { background: rgba(0, 0, 0, 0.25); }

  .btn-saint-ics { padding: 0.8rem 1.1rem 0.8rem 0.9rem; gap: 0.7rem; }
  .btn-saint-ics-icon { width: 34px; height: 34px; }
  .btn-saint-ics-title { font-size: 0.95rem; letter-spacing: 0.14em; }
  .btn-saint-ics-sub { font-size: 0.7rem; letter-spacing: 0.1em; }

  .monthly-grid { grid-template-columns: repeat(2, 1fr); gap: 0.9rem; }
  .month-card { padding: 1.2rem 1rem; gap: 0.6rem; }
  .month-num { font-size: 1.2rem; }
  .month-events { font-size: 0.8rem; line-height: 1.65; gap: 0.4rem; }

  .solar-grid { grid-template-columns: repeat(3, 1fr); gap: 0.6rem; }
  .solar-item { padding: 0.8rem 0.4rem; }
  .solar-name { font-size: 0.95rem; letter-spacing: 0.12em; }
  .solar-date { font-size: 0.72rem; }

  .zodiac-grid { grid-template-columns: repeat(2, 1fr); gap: 0.9rem; }
  .zodiac-card { padding: 1.3rem 1rem; }
  .zodiac-num { font-size: 2rem; }
  .zodiac-relation { font-size: 0.78rem; letter-spacing: 0.22em; }
  .zodiac-card p { font-size: 0.78rem; line-height: 1.7; }
  .zodiac-suggest { font-size: 0.72rem; letter-spacing: 0.18em; padding: 0.4rem 0.6rem; }
  .zodiac-card-icon { width: 44px; height: 44px; flex: 0 0 44px; }
  .zodiac-icon-row { gap: 0.6rem; }

  /* 太歲生肖 / 報名專線 RWD */
  .taisui-notice { padding: 1.8rem 1.2rem; margin-top: 2.5rem; }
  .taisui-title { font-size: 1.3rem; letter-spacing: 0.2em; margin-left: 0.2em; }
  .taisui-grid { grid-template-columns: repeat(2, 1fr); gap: 0.8rem; }
  .taisui-item { padding: 1.2rem 0.6rem; }
  .taisui-zodiac { font-size: 1.8rem; }
  .taisui-icon { width: 44px; height: 44px; }
  .taisui-type { font-size: 0.78rem; letter-spacing: 0.15em; }

  .notice-image-wrap { margin-top: 2.5rem; }

  .hotline-grid { grid-template-columns: 1fr; gap: 1rem; }
  .hotline-card { padding: 2rem 1.5rem; }
  .hotline-name { font-size: 1.3rem; letter-spacing: 0.3em; margin-left: 0.3em; }
  .hotline-num { font-size: 1.3rem; }

  /* 中元普渡 / 公告雙圖 RWD */
  .zy-items-grid { grid-template-columns: repeat(2, 1fr); gap: 0.9rem; }
  .zy-item { padding: 1.4rem 0.9rem; }
  .zy-name { font-size: 1.1rem; letter-spacing: 0.15em; margin-left: 0.15em; }
  .zy-desc { font-size: 0.78rem; line-height: 1.7; margin-bottom: 1rem; }
  .zy-price { font-size: 0.88rem; }

  .zy-charity { flex-direction: column; gap: 1rem; padding: 1.5rem 1.3rem; text-align: center; }
  .charity-icon { width: 50px; height: 50px; font-size: 1.4rem; }
  .charity-text { font-size: 0.88rem; line-height: 1.85; }

  .notice-image-grid { grid-template-columns: 1fr; gap: 1.2rem; margin-top: 2.5rem; }

  /* 最新消息 RWD */
  .news-grid { grid-template-columns: 1fr; gap: 1.2rem; }
  .news-card-feature { grid-row: auto; }
  .news-card { padding: 0; }
  .news-img { height: 200px; }
  .news-card-feature .news-img { height: 240px; }
  .news-body { padding: 1.2rem 1.3rem 1.4rem; }
  .news-title { font-size: 1.15rem; letter-spacing: 0.1em; }
  .news-card-feature .news-title { font-size: 1.4rem; letter-spacing: 0.15em; }
  .news-actions { flex-direction: column; gap: 0.4rem; }
  .news-link { padding-top: 0.5rem; min-width: auto; }

  /* 首頁浮動公告條 RWD */
  .hero-notice { bottom: 175px; padding: 0.55rem 1rem; gap: 0.6rem; }
  .notice-label { font-size: 0.68rem; letter-spacing: 0.25em; }
  .notice-text { font-size: 0.78rem; max-width: 200px; }
  .notice-arrow { font-size: 0.85rem; }

  /* 農民曆 RWD */
  .almanac-wrap { grid-template-columns: 1fr; gap: 2rem; }
  .almanac-image .image-frame { max-width: 320px; }
  .almanac-title { font-size: 1.8rem; letter-spacing: 0.18em; text-align: center; }
  .almanac-tag { text-align: center; }
  .almanac-desc { font-size: 0.95rem; line-height: 1.95; text-align: center; }
  .almanac-note { font-size: 0.85rem; }
  .almanac-info { text-align: center; }
  .almanac-info .btn { width: 100%; }
}

@media (max-width: 480px) {
  .brand-name-zh { font-size: 1.2rem; }

  /* 480px 以下：續用 contents 透明容器，按鈕略縮小 */
  .site-nav { display: contents; }
  .site-nav a { display: none; }
  .mm-toggle { display: flex; width: 40px; height: 40px; }
  .mm-toggle span { width: 20px; }

  /* banner / hero 標題不切邊 */
  .hero-title { font-size: 2rem; letter-spacing: 0.15em; margin-left: 0.15em; }
  .banner-title { font-size: 1.7rem; letter-spacing: 0.15em; margin-left: 0.15em; }
  .almanac-year { font-size: 3.2rem; letter-spacing: 0.18em; margin-left: 0.18em; }

  /* banner-content 留邊 */
  .banner-content { padding: 6rem 1rem 1.5rem; }
  .hero-tagline, .banner-tag { font-size: 0.72rem; letter-spacing: 0.3em; }
  .hero-subtitle, .banner-sub { font-size: 0.85rem; letter-spacing: 0.22em; margin-left: 0.22em; }

  .section-title { font-size: 1.4rem; letter-spacing: 0.15em; }
  .footer-inner { grid-template-columns: 1fr; }
  .deities-grid { grid-template-columns: 1fr; }
  .calendar-grid { grid-template-columns: 1fr; }
  .transport-grid { grid-template-columns: 1fr; }
}


/* ==========================================================
   燈品詳情頁 (light-detail.html)
   ========================================================== */

/* Banner 背景 */
.light-banner {
  background:
    radial-gradient(circle at 30% 30%, rgba(212, 168, 75, 0.18) 0%, transparent 55%),
    radial-gradient(circle at 80% 70%, rgba(139, 28, 28, 0.25) 0%, transparent 55%),
    linear-gradient(180deg, var(--ink-soft) 0%, var(--ink) 100%);
}

/* 麵包屑 */
.ld-breadcrumb {
  background: rgba(31, 20, 20, 0.6);
  border-bottom: 1px solid rgba(212, 168, 75, 0.15);
  padding: 1rem 0;
}
.ld-breadcrumb a {
  color: rgba(248, 243, 233, 0.7);
  text-decoration: none;
  font-size: 0.9rem;
  letter-spacing: 0.1em;
  transition: color 0.3s ease;
}
.ld-breadcrumb a:hover { color: var(--gold-light); }

/* === Summary card === */
.ld-summary-section { padding-top: 4rem; padding-bottom: 2rem; }

.ld-summary-card {
  display: grid;
  grid-template-columns: 200px 1fr;
  gap: 2.5rem;
  align-items: center;
  background: linear-gradient(135deg, rgba(139, 28, 28, 0.18) 0%, rgba(31, 20, 20, 0.85) 100%);
  border: 1px solid rgba(212, 168, 75, 0.45);
  padding: 3rem 3rem;
  position: relative;
}
.ld-summary-card::before {
  content: '';
  position: absolute;
  inset: 8px;
  border: 1px solid rgba(212, 168, 75, 0.18);
  pointer-events: none;
}

.ld-summary-icon {
  width: 180px;
  height: 180px;
  border: 2px solid var(--gold);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5.5rem;
  font-weight: 900;
  color: var(--gold-light);
  font-family: "Noto Serif TC", serif;
  background: rgba(0, 0, 0, 0.25);
  margin: 0 auto;
}

.ld-summary-name {
  font-size: 2.2rem;
  font-weight: 900;
  letter-spacing: 0.22em;
  margin-left: 0.22em;
  color: var(--paper);
  margin-bottom: 0.5rem;
}
.ld-summary-bless {
  font-size: 1rem;
  letter-spacing: 0.3em;
  color: var(--gold-light);
  margin-bottom: 1.4rem;
}
.ld-summary-desc {
  font-size: 1rem;
  line-height: 2;
  color: rgba(248, 243, 233, 0.85);
  letter-spacing: 0.06em;
  margin-bottom: 1.8rem;
}

.ld-summary-meta {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  border-top: 1px solid rgba(212, 168, 75, 0.25);
  padding-top: 1.4rem;
}
.ld-meta-item { text-align: center; }
.ld-meta-label {
  font-size: 0.78rem;
  color: rgba(248, 243, 233, 0.55);
  letter-spacing: 0.25em;
  margin-bottom: 0.5rem;
}
.ld-meta-value {
  font-size: 1.05rem;
  color: var(--paper);
  letter-spacing: 0.08em;
  font-weight: 500;
}
.ld-meta-price {
  color: var(--gold);
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.12em;
}

/* === 功用 === */
.ld-purpose-section { padding-top: 4rem; padding-bottom: 4rem; }

.ld-purpose-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
  margin-top: 2.5rem;
}
.ld-purpose-card {
  background: rgba(31, 20, 20, 0.55);
  border: 1px solid rgba(212, 168, 75, 0.25);
  padding: 1.8rem 1.8rem;
  position: relative;
  transition: all 0.4s ease;
}
.ld-purpose-card:hover {
  border-color: var(--gold);
  background: rgba(31, 20, 20, 0.8);
  transform: translateY(-3px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.4);
}
.ld-purpose-tag {
  display: inline-block;
  padding: 0.25rem 0.7rem;
  border: 1px solid var(--gold);
  color: var(--gold-light);
  font-size: 0.78rem;
  letter-spacing: 0.2em;
  margin-bottom: 1rem;
}
.ld-purpose-title {
  font-size: 1.3rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  margin-left: 0.18em;
  color: var(--paper);
  margin-bottom: 0.7rem;
}
.ld-purpose-desc {
  font-size: 0.95rem;
  line-height: 1.95;
  color: rgba(248, 243, 233, 0.78);
  letter-spacing: 0.04em;
}

/* === 由來故事 === */
.ld-story-section {
  background: linear-gradient(180deg, transparent 0%, rgba(139, 28, 28, 0.06) 50%, transparent 100%);
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.ld-story-content {
  max-width: 820px;
  margin: 2.5rem auto 0;
  background: rgba(31, 20, 20, 0.5);
  border: 1px solid rgba(212, 168, 75, 0.2);
  padding: 3rem 3rem;
  position: relative;
}
.ld-story-content::before,
.ld-story-content::after {
  content: '';
  position: absolute;
  width: 30px;
  height: 30px;
  border-color: var(--gold);
  border-style: solid;
}
.ld-story-content::before {
  top: 12px;
  left: 12px;
  border-width: 1px 0 0 1px;
}
.ld-story-content::after {
  bottom: 12px;
  right: 12px;
  border-width: 0 1px 1px 0;
}
.ld-story-content p {
  font-size: 1.02rem;
  line-height: 2.15;
  color: rgba(248, 243, 233, 0.88);
  letter-spacing: 0.05em;
  margin-bottom: 1.4rem;
  text-indent: 2em;
}
.ld-story-content p:last-child { margin-bottom: 0; }
.ld-story-content p:first-child::first-letter {
  font-size: 1.6em;
  color: var(--gold);
  font-weight: 700;
  margin-right: 0.05em;
}

/* === 點燈方式 === */
.ld-howto-section { padding-top: 4rem; padding-bottom: 4rem; }
.ld-howto-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.4rem;
  margin-top: 2.5rem;
}
.ld-howto-card {
  background: rgba(31, 20, 20, 0.6);
  border: 1px solid rgba(212, 168, 75, 0.25);
  padding: 2rem 1.4rem;
  text-align: center;
}
.ld-howto-num {
  width: 50px;
  height: 50px;
  margin: 0 auto 1rem;
  border: 1px solid var(--gold);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.3rem;
  color: var(--gold-light);
  font-weight: 900;
}
.ld-howto-title {
  font-size: 1.1rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  margin-left: 0.18em;
  color: var(--paper);
  margin-bottom: 0.7rem;
}
.ld-howto-desc {
  font-size: 0.88rem;
  line-height: 1.85;
  color: rgba(248, 243, 233, 0.72);
  letter-spacing: 0.03em;
}

/* === CTA === */
.ld-cta-section { padding-top: 2rem; padding-bottom: 4rem; }
.ld-cta-card {
  background: linear-gradient(135deg, rgba(139, 28, 28, 0.3) 0%, rgba(31, 20, 20, 0.9) 100%);
  border: 1px solid var(--gold);
  padding: 3rem 2rem;
  text-align: center;
  position: relative;
}
.ld-cta-tag {
  display: inline-block;
  padding: 0.4rem 1.2rem;
  border: 1px solid rgba(212, 168, 75, 0.5);
  color: var(--gold-light);
  font-size: 0.8rem;
  letter-spacing: 0.32em;
  margin-bottom: 1.5rem;
}
.ld-cta-title {
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.15em;
  margin-left: 0.15em;
  color: var(--paper);
  margin-bottom: 0.8rem;
}
.ld-cta-text {
  font-size: 1rem;
  line-height: 1.9;
  color: rgba(248, 243, 233, 0.78);
  letter-spacing: 0.06em;
  margin-bottom: 2rem;
}
.ld-cta-actions {
  display: flex;
  gap: 1rem;
  justify-content: center;
  flex-wrap: wrap;
}

/* === 其他燈品 === */
.ld-others-section { padding-top: 3rem; padding-bottom: 4rem; }
.ld-others-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1rem;
  margin-top: 2.5rem;
}
.ld-other-card {
  background: rgba(31, 20, 20, 0.55);
  border: 1px solid rgba(212, 168, 75, 0.22);
  padding: 1.8rem 1rem;
  text-align: center;
  text-decoration: none;
  color: inherit;
  transition: all 0.4s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ld-other-card:hover {
  border-color: var(--gold);
  background: rgba(31, 20, 20, 0.85);
  transform: translateY(-3px);
}
.ld-other-icon {
  width: 50px;
  height: 50px;
  border: 1px solid var(--gold);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.3rem;
  color: var(--gold-light);
  font-weight: 900;
  margin-bottom: 0.9rem;
}
.ld-other-name {
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.15em;
  color: var(--paper);
  margin-bottom: 0.4rem;
}
.ld-other-bless {
  font-size: 0.75rem;
  letter-spacing: 0.15em;
  color: rgba(248, 243, 233, 0.6);
}

/* === 燈品詳情頁 RWD === */
@media (max-width: 900px) {
  .ld-summary-card {
    grid-template-columns: 1fr;
    gap: 1.5rem;
    padding: 2rem 1.5rem;
    text-align: center;
  }
  .ld-summary-icon { width: 130px; height: 130px; font-size: 4rem; }
  .ld-summary-name { font-size: 1.6rem; letter-spacing: 0.18em; }
  .ld-summary-meta { grid-template-columns: 1fr; gap: 0.8rem; padding-top: 1rem; }
  .ld-meta-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.6rem 0;
    border-bottom: 1px dashed rgba(212, 168, 75, 0.2);
  }
  .ld-meta-item:last-child { border-bottom: none; }
  .ld-meta-label { margin-bottom: 0; }

  .ld-purpose-grid { grid-template-columns: 1fr; }
  .ld-howto-grid { grid-template-columns: repeat(2, 1fr); gap: 1rem; }
  .ld-others-grid { grid-template-columns: repeat(2, 1fr); }
  .ld-story-content { padding: 2rem 1.4rem; }
  .ld-story-content p { font-size: 0.95rem; line-height: 2; }
  .ld-cta-title { font-size: 1.2rem; letter-spacing: 0.1em; }
  .ld-cta-actions .btn { width: 100%; }
}

@media (max-width: 480px) {
  .ld-summary-section { padding-top: 2.5rem; }
  .ld-summary-card { padding: 1.5rem 1rem; }
  .ld-summary-icon { width: 100px; height: 100px; font-size: 3rem; }
  .ld-summary-name { font-size: 1.35rem; letter-spacing: 0.15em; }
  .ld-summary-bless { font-size: 0.85rem; letter-spacing: 0.22em; }
  .ld-summary-desc { font-size: 0.92rem; line-height: 1.95; }
  .ld-howto-grid { grid-template-columns: 1fr; }
  .ld-others-grid { grid-template-columns: 1fr; }
}


/* ==========================================================
   法會詳情頁 (ritual-detail.html)
   ========================================================== */

/* Banner */
.ritual-banner {
  background:
    radial-gradient(circle at 20% 30%, rgba(212, 168, 75, 0.18) 0%, transparent 55%),
    radial-gradient(circle at 80% 70%, rgba(139, 28, 28, 0.30) 0%, transparent 55%),
    linear-gradient(180deg, var(--ink-soft) 0%, var(--ink) 100%);
}

/* 法會 summary 與 light 共用，僅微調 */
.rd-summary-card {
  background: linear-gradient(135deg, rgba(139, 28, 28, 0.22) 0%, rgba(31, 20, 20, 0.85) 100%);
}

/* === 疏文 / 祈文 區 === */
.rd-prayer-section {
  background:
    linear-gradient(180deg, transparent 0%, rgba(139, 28, 28, 0.05) 50%, transparent 100%);
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.rd-prayer-frame {
  max-width: 720px;
  margin: 2.5rem auto 1.4rem;
  padding: 1.5rem;
  background:
    repeating-linear-gradient(
      90deg,
      rgba(212, 168, 75, 0.04) 0,
      rgba(212, 168, 75, 0.04) 1px,
      transparent 1px,
      transparent 16px
    ),
    linear-gradient(135deg, rgba(248, 243, 233, 0.04) 0%, rgba(31, 20, 20, 0.5) 100%);
  border: 1px solid rgba(212, 168, 75, 0.45);
  position: relative;
}

.rd-prayer-frame::before,
.rd-prayer-frame::after {
  content: '';
  position: absolute;
  left: 8px;
  right: 8px;
  height: 3px;
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(212, 168, 75, 0.55) 20%,
    rgba(212, 168, 75, 0.55) 80%,
    transparent 100%);
}
.rd-prayer-frame::before { top: 8px; }
.rd-prayer-frame::after { bottom: 8px; }

.rd-prayer-inner {
  background: linear-gradient(180deg, rgba(31, 20, 20, 0.4) 0%, rgba(31, 20, 20, 0.7) 100%);
  padding: 3rem 2.5rem;
  position: relative;
  border: 1px solid rgba(212, 168, 75, 0.18);
}

.rd-prayer-deco {
  position: absolute;
  width: 24px;
  height: 24px;
  border-color: var(--gold);
  border-style: solid;
}
.rd-prayer-deco-tl { top: 8px; left: 8px; border-width: 2px 0 0 2px; }
.rd-prayer-deco-tr { top: 8px; right: 8px; border-width: 2px 2px 0 0; }
.rd-prayer-deco-bl { bottom: 8px; left: 8px; border-width: 0 0 2px 2px; }
.rd-prayer-deco-br { bottom: 8px; right: 8px; border-width: 0 2px 2px 0; }

.rd-prayer-text {
  font-family: "Noto Serif TC", serif;
  color: rgba(248, 243, 233, 0.92);
  font-size: 1.05rem;
  line-height: 2.3;
  letter-spacing: 0.12em;
  text-align: center;
}

.rd-prayer-line {
  white-space: pre-wrap;
}
.rd-prayer-line:first-child {
  font-size: 1rem;
  color: var(--gold-light);
  margin-bottom: 0.3rem;
  letter-spacing: 0.18em;
}
.rd-prayer-line:nth-child(2),
.rd-prayer-line:nth-child(3) {
  color: var(--gold-light);
  font-size: 0.98rem;
  letter-spacing: 0.15em;
}

.rd-prayer-spacer {
  height: 1.2em;
}

.rd-prayer-stamp {
  position: absolute;
  right: 2.4rem;
  bottom: 2rem;
  width: 70px;
  height: 70px;
  border: 2px solid var(--red);
  background: rgba(139, 28, 28, 0.18);
  color: var(--gold-light);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.15em;
  text-align: center;
  line-height: 1.4;
  transform: rotate(-8deg);
  font-family: "Noto Serif TC", serif;
  box-shadow: 0 0 0 1px rgba(139, 28, 28, 0.3);
}

.rd-prayer-foot {
  text-align: center;
  font-size: 0.85rem;
  color: rgba(248, 243, 233, 0.55);
  letter-spacing: 0.15em;
  margin-top: 0.8rem;
}

/* 法會「其他法會」改為 4 欄（總共 3 個） */
.rd-others-grid {
  grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 900px) {
  .rd-prayer-inner { padding: 2.2rem 1.5rem 4rem; }
  .rd-prayer-text { font-size: 0.96rem; line-height: 2.1; letter-spacing: 0.08em; }
  .rd-prayer-stamp { right: 1.2rem; bottom: 1.2rem; width: 56px; height: 56px; font-size: 0.7rem; }
  .rd-others-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 480px) {
  .rd-prayer-frame { padding: 0.8rem; }
  .rd-prayer-inner { padding: 1.6rem 1rem 3.5rem; }
  .rd-prayer-text { font-size: 0.9rem; letter-spacing: 0.05em; line-height: 2; }
  .rd-prayer-stamp { width: 48px; height: 48px; font-size: 0.62rem; right: 0.8rem; bottom: 0.8rem; }
  .rd-others-grid { grid-template-columns: 1fr; }
}


/* ==========================================================
   公告詳情頁 (news-detail.html)
   ========================================================== */

/* Banner */
.news-banner {
  background:
    radial-gradient(circle at 25% 30%, rgba(212, 168, 75, 0.20) 0%, transparent 55%),
    radial-gradient(circle at 75% 70%, rgba(139, 28, 28, 0.28) 0%, transparent 55%),
    linear-gradient(180deg, var(--ink-soft) 0%, var(--ink) 100%);
}

/* === 公告摘要 === */
.nd-summary-section { padding-top: 4rem; padding-bottom: 2rem; }

.nd-summary-card {
  background: linear-gradient(135deg, rgba(139, 28, 28, 0.18) 0%, rgba(31, 20, 20, 0.85) 100%);
  border: 1px solid rgba(212, 168, 75, 0.45);
  padding: 3rem 3rem;
  position: relative;
}
.nd-summary-card::before {
  content: '';
  position: absolute;
  inset: 8px;
  border: 1px solid rgba(212, 168, 75, 0.18);
  pointer-events: none;
}

.nd-summary-status {
  display: inline-block;
  padding: 0.4rem 1.1rem;
  background: var(--gold);
  color: var(--ink);
  font-size: 0.78rem;
  letter-spacing: 0.3em;
  font-weight: 900;
  margin-bottom: 1.2rem;
}
.nd-summary-status.nd-status-urgent {
  background: var(--red);
  color: var(--gold-light);
  animation: ndPulse 2.4s ease-in-out infinite;
}
.nd-summary-status.nd-status-feature {
  background: transparent;
  color: var(--gold-light);
  border: 1px solid var(--gold);
}

@keyframes ndPulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(212, 168, 75, 0.5); }
  50% { box-shadow: 0 0 0 10px rgba(212, 168, 75, 0); }
}

.nd-summary-date {
  font-size: 1.6rem;
  letter-spacing: 0.18em;
  color: var(--gold);
  font-weight: 700;
  margin-bottom: 0.3rem;
}
.nd-summary-lunar {
  font-size: 0.95rem;
  letter-spacing: 0.2em;
  color: rgba(248, 243, 233, 0.65);
  margin-bottom: 1rem;
}

.nd-summary-name {
  font-size: 2.2rem;
  font-weight: 900;
  letter-spacing: 0.18em;
  margin-left: 0.18em;
  color: var(--paper);
  margin-bottom: 1rem;
  line-height: 1.4;
}
.nd-summary-desc {
  font-size: 1rem;
  line-height: 2;
  color: rgba(248, 243, 233, 0.85);
  letter-spacing: 0.05em;
  margin-bottom: 2rem;
}

.nd-summary-meta {
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
  border-top: 1px solid rgba(212, 168, 75, 0.25);
  padding-top: 1.4rem;
}
.nd-meta-row {
  display: grid;
  grid-template-columns: 110px 1fr;
  gap: 1.5rem;
  padding: 0.4rem 0;
}
.nd-meta-label {
  font-size: 0.8rem;
  color: rgba(248, 243, 233, 0.55);
  letter-spacing: 0.25em;
}
.nd-meta-value {
  font-size: 0.95rem;
  color: var(--paper);
  letter-spacing: 0.06em;
}

/* === 詳細介紹（重用 ld-story-content 樣式） === */
.nd-intro-section { padding-top: 3rem; padding-bottom: 3rem; }
.nd-intro-content { max-width: 820px; }

/* === 活動重點 === */
.nd-highlight-section {
  padding-top: 3rem;
  padding-bottom: 3rem;
  background: linear-gradient(180deg, transparent 0%, rgba(139, 28, 28, 0.05) 50%, transparent 100%);
}
.nd-highlight-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.4rem;
  margin-top: 2.5rem;
}
.nd-highlight-card {
  background: rgba(31, 20, 20, 0.6);
  border: 1px solid rgba(212, 168, 75, 0.25);
  padding: 2rem 1.4rem;
  text-align: center;
}
.nd-highlight-num {
  width: 50px;
  height: 50px;
  margin: 0 auto 1rem;
  border: 1px solid var(--gold);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.3rem;
  color: var(--gold-light);
  font-weight: 900;
}
.nd-highlight-title {
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: 0.15em;
  color: var(--paper);
  margin-bottom: 0.6rem;
}
.nd-highlight-desc {
  font-size: 0.86rem;
  line-height: 1.85;
  color: rgba(248, 243, 233, 0.72);
  letter-spacing: 0.03em;
}

/* === 影像紀實 === */
.nd-photos-section { padding-top: 3rem; padding-bottom: 3rem; }
.nd-photos-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.8rem;
  margin-top: 2.5rem;
}
.nd-photo-frame {
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border: 1px solid rgba(212, 168, 75, 0.25);
  background: var(--ink-soft);
  transition: all 0.4s ease;
}
.nd-photo-frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease;
}
.nd-photo-frame:hover {
  border-color: var(--gold);
  transform: translateY(-3px);
}
.nd-photo-frame:hover img {
  transform: scale(1.06);
}

/* === Actions === */
.nd-actions-section { padding-top: 2rem; padding-bottom: 4rem; }
.nd-actions-card {
  background: linear-gradient(135deg, rgba(139, 28, 28, 0.25) 0%, rgba(31, 20, 20, 0.9) 100%);
  border: 1px solid var(--gold);
  padding: 2.8rem 2rem;
  text-align: center;
}
.nd-actions-title {
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  color: var(--paper);
  margin-bottom: 0.6rem;
}
.nd-actions-text {
  font-size: 0.95rem;
  color: rgba(248, 243, 233, 0.78);
  letter-spacing: 0.06em;
  margin-bottom: 1.8rem;
}
.nd-actions-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  justify-content: center;
}

/* === 其他公告 === */
.nd-others-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1rem;
  margin-top: 2.5rem;
}
.nd-other-card {
  background: rgba(31, 20, 20, 0.55);
  border: 1px solid rgba(212, 168, 75, 0.22);
  padding: 1.4rem 1rem;
  text-decoration: none;
  color: inherit;
  transition: all 0.4s ease;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.nd-other-card:hover {
  border-color: var(--gold);
  background: rgba(31, 20, 20, 0.85);
  transform: translateY(-3px);
}
.nd-other-status {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  border: 1px solid rgba(212, 168, 75, 0.4);
  color: var(--gold-light);
  font-size: 0.7rem;
  letter-spacing: 0.2em;
  align-self: flex-start;
}
.nd-other-date {
  font-size: 0.85rem;
  color: var(--gold);
  letter-spacing: 0.12em;
}
.nd-other-name {
  font-size: 1rem;
  color: var(--paper);
  letter-spacing: 0.1em;
  font-weight: 700;
  line-height: 1.5;
}

/* === RWD === */
@media (max-width: 900px) {
  .nd-summary-card { padding: 2rem 1.5rem; }
  .nd-summary-name { font-size: 1.6rem; letter-spacing: 0.12em; }
  .nd-summary-date { font-size: 1.3rem; }
  .nd-meta-row { grid-template-columns: 1fr; gap: 0.2rem; padding: 0.6rem 0; border-bottom: 1px dashed rgba(212, 168, 75, 0.15); }
  .nd-meta-row:last-child { border-bottom: none; }
  .nd-highlight-grid { grid-template-columns: repeat(2, 1fr); gap: 1rem; }
  .nd-photos-grid { grid-template-columns: repeat(2, 1fr); }
  .nd-others-grid { grid-template-columns: repeat(2, 1fr); }
  .nd-actions-grid .btn { width: 100%; }
}

@media (max-width: 480px) {
  .nd-summary-card { padding: 1.5rem 1rem; }
  .nd-summary-name { font-size: 1.3rem; letter-spacing: 0.1em; }
  .nd-summary-status { font-size: 0.7rem; letter-spacing: 0.22em; padding: 0.3rem 0.8rem; }
  .nd-highlight-grid { grid-template-columns: 1fr; }
  .nd-photos-grid { grid-template-columns: 1fr; }
  .nd-others-grid { grid-template-columns: 1fr; }
}


/* ==========================================================
   神明詳情頁 (deity-detail.html)
   ========================================================== */

.deity-banner {
  background:
    radial-gradient(circle at 25% 30%, rgba(212, 168, 75, 0.22) 0%, transparent 55%),
    radial-gradient(circle at 75% 70%, rgba(139, 28, 28, 0.30) 0%, transparent 55%),
    linear-gradient(180deg, var(--ink-soft) 0%, var(--ink) 100%);
}

/* === 神明摘要卡 === */
.dd-summary-section { padding-top: 4rem; padding-bottom: 2rem; }

.dd-summary-card {
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
  gap: 3rem;
  align-items: center;
  background: linear-gradient(135deg, rgba(139, 28, 28, 0.18) 0%, rgba(31, 20, 20, 0.85) 100%);
  border: 1px solid rgba(212, 168, 75, 0.45);
  padding: 3rem 3rem;
  position: relative;
}
.dd-summary-card::before {
  content: '';
  position: absolute;
  inset: 8px;
  border: 1px solid rgba(212, 168, 75, 0.18);
  pointer-events: none;
}

.dd-summary-image {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
.dd-image-frame {
  width: 100%;
  max-width: 280px;
  aspect-ratio: 3 / 4;
  overflow: hidden;
  border: 2px solid var(--gold);
  background: var(--ink-soft);
  position: relative;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.55);
}
.dd-image-frame::before {
  content: '';
  position: absolute;
  inset: 6px;
  border: 1px solid rgba(212, 168, 75, 0.45);
  pointer-events: none;
  z-index: 1;
}
.dd-image-frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(0.92) contrast(1.06);
}
.dd-summary-status {
  padding: 0.4rem 1.2rem;
  background: var(--gold);
  color: var(--ink);
  font-size: 0.8rem;
  letter-spacing: 0.32em;
  font-weight: 900;
}

.dd-summary-name {
  font-size: 2.6rem;
  font-weight: 900;
  letter-spacing: 0.25em;
  margin-left: 0.25em;
  color: var(--paper);
  margin-bottom: 0.6rem;
  line-height: 1.3;
}
.dd-summary-aliases {
  font-size: 0.95rem;
  letter-spacing: 0.22em;
  color: rgba(248, 243, 233, 0.55);
  margin-bottom: 1.2rem;
}
.dd-summary-lead {
  font-size: 1.1rem;
  letter-spacing: 0.3em;
  color: var(--gold-light);
  margin-bottom: 1.4rem;
  font-weight: 500;
}
.dd-summary-desc {
  font-size: 1rem;
  line-height: 2;
  color: rgba(248, 243, 233, 0.85);
  letter-spacing: 0.05em;
  margin-bottom: 1.6rem;
}

.dd-summary-meta {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  border-top: 1px solid rgba(212, 168, 75, 0.25);
  padding-top: 1.2rem;
}
.dd-meta-row {
  display: grid;
  grid-template-columns: 110px 1fr;
  gap: 1.2rem;
  padding: 0.45rem 0;
}
.dd-meta-label {
  font-size: 0.78rem;
  color: rgba(248, 243, 233, 0.55);
  letter-spacing: 0.25em;
}
.dd-meta-value {
  font-size: 0.92rem;
  color: var(--paper);
  letter-spacing: 0.05em;
}

/* === 由來區（重用 ld-story-content） === */
.dd-origin-section { padding-top: 4rem; padding-bottom: 4rem; }

/* === 形象 ・ 神格 === */
.dd-image-section {
  padding-top: 4rem;
  padding-bottom: 4rem;
  background: linear-gradient(180deg, transparent 0%, rgba(212, 168, 75, 0.05) 50%, transparent 100%);
}
.dd-image-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.4rem;
  margin-top: 2.5rem;
}
.dd-image-card {
  background: rgba(31, 20, 20, 0.55);
  border: 1px solid rgba(212, 168, 75, 0.25);
  padding: 1.8rem;
  transition: all 0.4s ease;
}
.dd-image-card:hover {
  border-color: var(--gold);
  background: rgba(31, 20, 20, 0.8);
  transform: translateY(-3px);
}
.dd-image-tag {
  display: inline-block;
  padding: 0.25rem 0.7rem;
  border: 1px solid var(--gold);
  color: var(--gold-light);
  font-size: 0.78rem;
  letter-spacing: 0.2em;
  margin-bottom: 1rem;
}
.dd-image-title {
  font-size: 1.3rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  margin-left: 0.18em;
  color: var(--paper);
  margin-bottom: 0.7rem;
}
.dd-image-desc {
  font-size: 0.96rem;
  line-height: 1.95;
  color: rgba(248, 243, 233, 0.78);
  letter-spacing: 0.04em;
}

/* === 信仰故事 === */
.dd-legend-section { padding-top: 4rem; padding-bottom: 4rem; }
.dd-legend-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.4rem;
  margin-top: 2.5rem;
}
.dd-legend-card {
  background: rgba(31, 20, 20, 0.6);
  border-left: 3px solid var(--gold);
  padding: 1.8rem 2rem;
  transition: all 0.4s ease;
}
.dd-legend-card:hover {
  background: rgba(31, 20, 20, 0.85);
  transform: translateX(4px);
}
.dd-legend-title {
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  color: var(--gold-light);
  margin-bottom: 0.8rem;
}
.dd-legend-desc {
  font-size: 0.95rem;
  line-height: 2;
  color: rgba(248, 243, 233, 0.82);
  letter-spacing: 0.04em;
}

/* === 本宮奉祀 === */
.dd-temple-section {
  padding-top: 4rem;
  padding-bottom: 4rem;
  background: linear-gradient(180deg, transparent 0%, rgba(139, 28, 28, 0.06) 50%, transparent 100%);
}

/* === 聖誕祭典 === */
.dd-festival-section { padding-top: 2rem; padding-bottom: 4rem; }
.dd-festival-card {
  background: linear-gradient(135deg, rgba(139, 28, 28, 0.30) 0%, rgba(31, 20, 20, 0.9) 100%);
  border: 1px solid var(--gold);
  padding: 3rem 2rem;
  text-align: center;
  position: relative;
}
.dd-festival-tag {
  display: inline-block;
  padding: 0.4rem 1.2rem;
  border: 1px solid rgba(212, 168, 75, 0.6);
  color: var(--gold-light);
  font-size: 0.8rem;
  letter-spacing: 0.32em;
  margin-bottom: 1.2rem;
}
.dd-festival-date {
  font-size: 1.4rem;
  letter-spacing: 0.2em;
  color: var(--gold);
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.dd-festival-title {
  font-size: 1.6rem;
  font-weight: 900;
  letter-spacing: 0.2em;
  margin-left: 0.2em;
  color: var(--paper);
  margin-bottom: 1rem;
}
.dd-festival-text {
  font-size: 1rem;
  line-height: 2;
  color: rgba(248, 243, 233, 0.85);
  letter-spacing: 0.05em;
  max-width: 720px;
  margin: 0 auto 2rem;
}
.dd-festival-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  justify-content: center;
}

/* === 其他神明 === */
.dd-others-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.4rem;
  margin-top: 2.5rem;
}
.dd-other-card {
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  gap: 0;
  background: rgba(31, 20, 20, 0.55);
  border: 1px solid rgba(212, 168, 75, 0.22);
  text-decoration: none;
  color: inherit;
  overflow: hidden;
  transition: all 0.4s ease;
}
.dd-other-card:hover {
  border-color: var(--gold);
  transform: translateY(-3px);
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.5);
}
.dd-other-image {
  aspect-ratio: 3 / 4;
  overflow: hidden;
  background: var(--ink-soft);
}
.dd-other-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(0.92);
  transition: transform 0.6s ease;
}
.dd-other-card:hover .dd-other-image img {
  transform: scale(1.06);
}
.dd-other-body {
  padding: 1.5rem 1.4rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.5rem;
}
.dd-other-status {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  border: 1px solid rgba(212, 168, 75, 0.4);
  color: var(--gold-light);
  font-size: 0.7rem;
  letter-spacing: 0.22em;
  align-self: flex-start;
}
.dd-other-name {
  font-size: 1.4rem;
  font-weight: 900;
  letter-spacing: 0.18em;
  color: var(--paper);
}
.dd-other-aliases {
  font-size: 0.82rem;
  letter-spacing: 0.15em;
  color: rgba(248, 243, 233, 0.55);
}

/* === RWD === */
@media (max-width: 900px) {
  .dd-summary-card {
    grid-template-columns: 1fr;
    gap: 2rem;
    padding: 2rem 1.5rem;
    text-align: center;
  }
  .dd-summary-image { order: -1; }
  .dd-image-frame { max-width: 240px; margin: 0 auto; }
  .dd-summary-name { font-size: 1.9rem; letter-spacing: 0.18em; }
  .dd-meta-row { grid-template-columns: 1fr; gap: 0.2rem; padding: 0.6rem 0; border-bottom: 1px dashed rgba(212, 168, 75, 0.15); }
  .dd-meta-row:last-child { border-bottom: none; }
  .dd-image-grid { grid-template-columns: 1fr; }
  .dd-legend-grid { grid-template-columns: 1fr; }
  .dd-festival-title { font-size: 1.3rem; letter-spacing: 0.15em; }
  .dd-others-grid { grid-template-columns: 1fr; }
  .dd-festival-actions .btn { width: 100%; }
}

@media (max-width: 480px) {
  .dd-summary-card { padding: 1.5rem 1rem; }
  .dd-summary-name { font-size: 1.55rem; letter-spacing: 0.12em; }
  .dd-summary-lead { font-size: 0.95rem; letter-spacing: 0.22em; }
  .dd-summary-aliases { font-size: 0.82rem; letter-spacing: 0.15em; }
  .dd-image-frame { max-width: 180px; }
  .dd-festival-card { padding: 2rem 1rem; }
  .dd-festival-date { font-size: 1.1rem; }
  .dd-festival-title { font-size: 1.1rem; letter-spacing: 0.1em; }
  .dd-other-card { grid-template-columns: 1fr 1.3fr; }
}


/* ==========================================================
   神明詳情頁 ・ 第二批新增（placeholder、分類其他神明）
   ========================================================== */

/* Summary 圖框內的 placeholder（無神像時） */
.dd-image-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, rgba(139, 28, 28, 0.15) 0%, rgba(31, 20, 20, 0.7) 100%);
  color: var(--gold);
  font-family: "Noto Serif TC", serif;
  font-size: 3.6rem;
  font-weight: 900;
  letter-spacing: 0.4em;
  line-height: 1.4;
  text-align: center;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.6);
}

/* 其他神明 ・ 分類版 */
.dd-others-grid {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-top: 2.5rem;
  /* 覆寫先前的 grid 樣式 */
  grid-template-columns: unset !important;
}

.dd-others-group {
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
}

.dd-others-group-label {
  font-size: 0.85rem;
  letter-spacing: 0.4em;
  color: var(--gold);
  padding-bottom: 0.6rem;
  border-bottom: 1px dashed rgba(212, 168, 75, 0.3);
  text-align: center;
}

.dd-others-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.9rem;
}

/* 縮小版 dd-other-card（重新定義） */
.dd-other-card {
  display: grid;
  grid-template-columns: 1fr 1.6fr;
  gap: 0;
  background: rgba(31, 20, 20, 0.5);
  border: 1px solid rgba(212, 168, 75, 0.2);
  text-decoration: none;
  color: inherit;
  overflow: hidden;
  transition: all 0.4s ease;
}
.dd-other-card:hover {
  border-color: var(--gold);
  background: rgba(31, 20, 20, 0.8);
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.45);
}
.dd-other-image {
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: var(--ink-soft);
}
.dd-other-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(0.92);
  transition: transform 0.6s ease;
}
.dd-other-card:hover .dd-other-image img {
  transform: scale(1.06);
}
.dd-other-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, rgba(139, 28, 28, 0.15) 0%, rgba(31, 20, 20, 0.7) 100%);
  color: var(--gold);
  font-family: "Noto Serif TC", serif;
  font-size: 1.4rem;
  font-weight: 900;
  letter-spacing: 0.2em;
  line-height: 1.3;
  text-align: center;
}
.dd-other-body {
  padding: 0.9rem 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.3rem;
}
.dd-other-name {
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: var(--paper);
}
.dd-other-aliases {
  font-size: 0.74rem;
  letter-spacing: 0.1em;
  color: rgba(248, 243, 233, 0.55);
  line-height: 1.5;
}

/* RWD */
@media (max-width: 900px) {
  .dd-image-placeholder { font-size: 2.6rem; letter-spacing: 0.25em; }
  .dd-others-row { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 480px) {
  .dd-image-placeholder { font-size: 2rem; letter-spacing: 0.18em; }
  .dd-others-row { grid-template-columns: 1fr; }
}


/* ==========================================================
   歲時祭典 ・ 月曆超連結 → 時間軸
   ========================================================== */

.cal-name-link {
  display: inline-block;
  text-decoration: none;
  color: rgba(248, 243, 233, 0.88);
  letter-spacing: 0.05em;
  transition: color 0.3s ease, transform 0.3s ease;
  position: relative;
  cursor: pointer;
}

.cal-name-link::after {
  content: '↗';
  display: inline-block;
  margin-left: 0.4em;
  font-size: 0.85em;
  color: var(--gold);
  opacity: 0;
  transform: translate(-3px, 3px);
  transition: all 0.3s ease;
}

.cal-name-link:hover {
  color: var(--gold-light);
}
.cal-name-link:hover::after {
  opacity: 1;
  transform: translate(0, 0);
}

.cal-sub-link {
  display: inline-block;
  text-decoration: none;
  color: rgba(248, 243, 233, 0.88);
  transition: color 0.3s ease;
}
.cal-sub-link:hover {
  color: var(--gold-light);
}

/* 時間軸目標 highlight */
.th-event-highlight {
  animation: thHighlight 2.2s ease-out;
  position: relative;
  z-index: 2;
}

@keyframes thHighlight {
  0% {
    box-shadow: 0 0 0 0 rgba(212, 168, 75, 0.6),
                0 0 0 0 rgba(212, 168, 75, 0.4);
    transform: translateY(0);
  }
  20% {
    box-shadow: 0 0 0 4px rgba(212, 168, 75, 0.55),
                0 16px 50px rgba(212, 168, 75, 0.3);
    transform: translateY(-4px);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(212, 168, 75, 0),
                0 0 0 0 rgba(212, 168, 75, 0);
    transform: translateY(0);
  }
}


/* ==========================================================
   月令詳情頁 (month-detail.html)
   ========================================================== */

.month-banner {
  background:
    radial-gradient(circle at 20% 30%, rgba(212, 168, 75, 0.18) 0%, transparent 55%),
    radial-gradient(circle at 80% 70%, rgba(139, 28, 28, 0.25) 0%, transparent 55%),
    linear-gradient(180deg, var(--ink-soft) 0%, var(--ink) 100%);
}

/* === 摘要卡 === */
.md-summary-section { padding-top: 4rem; padding-bottom: 2rem; }

.md-summary-card {
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 3rem;
  align-items: center;
  background: linear-gradient(135deg, rgba(139, 28, 28, 0.18) 0%, rgba(31, 20, 20, 0.85) 100%);
  border: 1px solid rgba(212, 168, 75, 0.45);
  padding: 3rem 3rem;
  position: relative;
}
.md-summary-card::before {
  content: '';
  position: absolute;
  inset: 8px;
  border: 1px solid rgba(212, 168, 75, 0.18);
  pointer-events: none;
}

.md-summary-num {
  width: 200px;
  height: 200px;
  margin: 0 auto;
  border: 2px solid var(--gold);
  background: rgba(0, 0, 0, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 8rem;
  font-weight: 900;
  color: var(--gold-light);
  font-family: "Noto Serif TC", serif;
  position: relative;
}
.md-summary-num::before {
  content: '';
  position: absolute;
  inset: 8px;
  border: 1px solid rgba(212, 168, 75, 0.4);
  pointer-events: none;
}

.md-summary-name {
  font-size: 2.4rem;
  font-weight: 900;
  letter-spacing: 0.25em;
  margin-left: 0.25em;
  color: var(--paper);
  margin-bottom: 0.5rem;
}
.md-summary-alias {
  font-size: 0.95rem;
  letter-spacing: 0.22em;
  color: rgba(248, 243, 233, 0.55);
  margin-bottom: 1.4rem;
}
.md-summary-desc {
  font-size: 1rem;
  line-height: 2;
  color: rgba(248, 243, 233, 0.85);
  letter-spacing: 0.05em;
  margin-bottom: 1.6rem;
}

.md-summary-meta {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.2rem;
  border-top: 1px solid rgba(212, 168, 75, 0.25);
  padding-top: 1.4rem;
}
.md-meta-item { text-align: center; }
.md-meta-label {
  font-size: 0.78rem;
  color: rgba(248, 243, 233, 0.55);
  letter-spacing: 0.25em;
  margin-bottom: 0.5rem;
}
.md-meta-value {
  font-size: 0.98rem;
  color: var(--paper);
  letter-spacing: 0.08em;
  font-weight: 500;
}
.md-meta-term {
  color: var(--gold-light);
  letter-spacing: 0.18em;
}

/* === 月之意涵（重用 ld-story-content） === */
.md-intro-section { padding-top: 4rem; padding-bottom: 4rem; }

/* === 節氣 === */
.md-terms-section {
  padding-top: 4rem;
  padding-bottom: 4rem;
  background: linear-gradient(180deg, transparent 0%, rgba(212, 168, 75, 0.05) 50%, transparent 100%);
}
.md-terms-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.4rem;
  margin-top: 2.5rem;
  max-width: 880px;
  margin-left: auto;
  margin-right: auto;
}
.md-term-card {
  background: rgba(31, 20, 20, 0.55);
  border: 1px solid rgba(212, 168, 75, 0.28);
  padding: 2rem 1.8rem;
  position: relative;
  transition: all 0.4s ease;
}
.md-term-card::before {
  content: '節 氣';
  position: absolute;
  top: -10px;
  left: 1.2rem;
  background: var(--ink);
  padding: 0 0.6rem;
  font-size: 0.7rem;
  letter-spacing: 0.32em;
  color: rgba(212, 168, 75, 0.7);
}
.md-term-card:hover {
  border-color: var(--gold);
  background: rgba(31, 20, 20, 0.85);
  transform: translateY(-3px);
}
.md-term-name {
  font-size: 1.8rem;
  font-weight: 900;
  letter-spacing: 0.2em;
  margin-left: 0.2em;
  color: var(--gold-light);
  font-family: "Noto Serif TC", serif;
  margin-bottom: 0.3rem;
}
.md-term-date {
  font-size: 0.92rem;
  letter-spacing: 0.15em;
  color: var(--gold);
  margin-bottom: 1rem;
}
.md-term-desc {
  font-size: 0.95rem;
  line-height: 2;
  color: rgba(248, 243, 233, 0.78);
  letter-spacing: 0.04em;
}

/* === 本月祭典 === */
.md-festivals-section { padding-top: 4rem; padding-bottom: 4rem; }
.md-festivals-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.4rem;
  margin-top: 2.5rem;
}
.md-festival-card {
  background: rgba(31, 20, 20, 0.6);
  border-left: 3px solid var(--gold);
  padding: 1.8rem 2rem;
  transition: all 0.4s ease;
}
.md-festival-card:hover {
  background: rgba(31, 20, 20, 0.85);
  transform: translateX(4px);
}
.md-festival-date {
  font-size: 0.85rem;
  letter-spacing: 0.22em;
  color: var(--gold-light);
  margin-bottom: 0.6rem;
}
.md-festival-title {
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  color: var(--paper);
  margin-bottom: 0.7rem;
}
.md-festival-desc {
  font-size: 0.95rem;
  line-height: 1.95;
  color: rgba(248, 243, 233, 0.78);
  letter-spacing: 0.04em;
  margin-bottom: 0.8rem;
}
.md-festival-link {
  display: inline-block;
  font-size: 0.82rem;
  letter-spacing: 0.18em;
  color: var(--gold);
  text-decoration: none;
  transition: color 0.3s ease;
}
.md-festival-link:hover {
  color: var(--gold-light);
  text-shadow: 0 0 10px rgba(212, 168, 75, 0.4);
}
.md-festival-empty {
  grid-column: span 2;
  padding: 3rem 1rem;
  text-align: center;
  font-size: 1.1rem;
  letter-spacing: 0.25em;
  color: rgba(248, 243, 233, 0.55);
  border: 1px dashed rgba(212, 168, 75, 0.22);
}

/* === 民俗 === */
.md-folk-section {
  padding-top: 4rem;
  padding-bottom: 4rem;
  background: linear-gradient(180deg, transparent 0%, rgba(139, 28, 28, 0.06) 50%, transparent 100%);
}
.md-folk-content {
  max-width: 820px;
  margin: 2.5rem auto 0;
  background: rgba(31, 20, 20, 0.55);
  border: 1px solid rgba(212, 168, 75, 0.2);
  padding: 2.5rem 3rem;
}
.md-folk-content p {
  font-size: 0.98rem;
  line-height: 2.05;
  color: rgba(248, 243, 233, 0.85);
  letter-spacing: 0.04em;
  margin-bottom: 1rem;
  padding-left: 0.5rem;
  border-left: 1px dashed rgba(212, 168, 75, 0.25);
  padding-left: 1rem;
}
.md-folk-content p:last-child { margin-bottom: 0; }

/* === 12 月導航 === */
.md-nav-section { padding-top: 4rem; padding-bottom: 4rem; }
.md-nav-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 0.9rem;
  margin-top: 2.5rem;
}
.md-nav-card {
  background: rgba(31, 20, 20, 0.5);
  border: 1px solid rgba(212, 168, 75, 0.2);
  padding: 1.2rem 0.8rem;
  text-align: center;
  text-decoration: none;
  color: inherit;
  transition: all 0.4s ease;
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  align-items: center;
}
.md-nav-card:hover {
  border-color: var(--gold);
  background: rgba(31, 20, 20, 0.85);
  transform: translateY(-3px);
}
.md-nav-active {
  border-color: var(--gold) !important;
  background: linear-gradient(135deg, rgba(139, 28, 28, 0.2) 0%, rgba(31, 20, 20, 0.85) 100%) !important;
  pointer-events: none;
}
.md-nav-num {
  width: 38px;
  height: 38px;
  border: 1px solid var(--gold);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  font-weight: 900;
  color: var(--gold-light);
  margin-bottom: 0.3rem;
}
.md-nav-name {
  font-size: 0.92rem;
  font-weight: 700;
  letter-spacing: 0.15em;
  color: var(--paper);
}
.md-nav-term {
  font-size: 0.7rem;
  letter-spacing: 0.12em;
  color: rgba(248, 243, 233, 0.55);
}

/* === RWD === */
@media (max-width: 900px) {
  .md-summary-card {
    grid-template-columns: 1fr;
    gap: 2rem;
    padding: 2rem 1.5rem;
    text-align: center;
  }
  .md-summary-num { width: 140px; height: 140px; font-size: 5rem; }
  .md-summary-name { font-size: 1.7rem; letter-spacing: 0.18em; }
  .md-summary-meta { grid-template-columns: 1fr; gap: 0.6rem; }
  .md-meta-item {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
    border-bottom: 1px dashed rgba(212, 168, 75, 0.2);
  }
  .md-meta-item:last-child { border-bottom: none; }
  .md-meta-label { margin-bottom: 0; }

  .md-terms-grid { grid-template-columns: 1fr; }
  .md-festivals-grid { grid-template-columns: 1fr; }
  .md-festival-empty { grid-column: span 1; }
  .md-folk-content { padding: 1.8rem 1.4rem; }
  .md-nav-grid { grid-template-columns: repeat(4, 1fr); }
}

@media (max-width: 480px) {
  .md-summary-num { width: 110px; height: 110px; font-size: 3.8rem; }
  .md-summary-name { font-size: 1.45rem; letter-spacing: 0.15em; }
  .md-term-name { font-size: 1.5rem; }
  .md-nav-grid { grid-template-columns: repeat(3, 1fr); }
  .md-nav-num { width: 32px; height: 32px; font-size: 0.95rem; }
  .md-nav-name { font-size: 0.82rem; }
}

/* ============================================
   媽祖聖誕祝壽香塔（services.html 特別活動）
   ============================================ */
.section-zhushou {
  background:
    radial-gradient(ellipse at center top, rgba(139, 28, 28, 0.18) 0%, transparent 70%),
    var(--ink-soft);
  padding: 5rem 1.5rem;
}

.zhushou-poster {
  max-width: 540px;
  margin: 0 auto 2.5rem;
  padding: 8px;
  border: 2px solid var(--gold);
  background: rgba(0, 0, 0, 0.4);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.65);
  position: relative;
}
.zhushou-poster::before {
  content: '';
  position: absolute;
  inset: 14px;
  border: 1px solid rgba(212, 168, 75, 0.5);
  pointer-events: none;
  z-index: 1;
}
.zhushou-poster img {
  width: 100%;
  height: auto;
  display: block;
}

@media (max-width: 768px) {
  .zhushou-poster { max-width: 100%; padding: 5px; margin-bottom: 1.8rem; }
  .zhushou-poster::before { inset: 10px; }
}

.zhushou-card {
  max-width: 920px;
  margin: 0 auto;
  padding: 3rem 2.5rem;
  background: linear-gradient(135deg, rgba(139, 28, 28, 0.28) 0%, rgba(31, 14, 14, 0.95) 100%);
  border: 1px solid rgba(212, 168, 75, 0.6);
  position: relative;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.55);
}

.zhushou-deco {
  position: absolute;
  width: 28px;
  height: 28px;
  border: 2px solid var(--gold);
}
.zhushou-deco-tl { top: 8px; left: 8px; border-right: none; border-bottom: none; }
.zhushou-deco-tr { top: 8px; right: 8px; border-left: none; border-bottom: none; }
.zhushou-deco-bl { bottom: 8px; left: 8px; border-right: none; border-top: none; }
.zhushou-deco-br { bottom: 8px; right: 8px; border-left: none; border-top: none; }

/* 倒數計時器（祝壽區內）*/
.zhushou-countdown {
  text-align: center;
  padding: 1.6rem 1rem;
  margin-bottom: 1.8rem;
  background: linear-gradient(180deg, rgba(212, 168, 75, 0.06) 0%, transparent 100%);
  border: 1px solid rgba(212, 168, 75, 0.3);
}
.zc-eyebrow {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  margin-bottom: 1rem;
}
.zc-pulse {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--gold);
  box-shadow: 0 0 12px var(--gold);
  animation: zcPulse 1.6s ease-in-out infinite;
}
@keyframes zcPulse {
  0%, 100% { opacity: 0.55; transform: scale(0.85); }
  50% { opacity: 1; transform: scale(1.15); }
}
.zc-label {
  font-size: 0.82rem;
  letter-spacing: 0.4em;
  color: var(--gold);
  font-weight: 700;
}
.zc-clock {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.zc-unit {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 70px;
  padding: 0.7rem 0.5rem;
  background: rgba(0, 0, 0, 0.55);
  border: 1px solid rgba(212, 168, 75, 0.4);
}
.zc-num {
  font-family: "Noto Serif TC", serif;
  font-size: 2.2rem;
  font-weight: 900;
  color: var(--gold-light);
  line-height: 1;
  letter-spacing: 0.05em;
  font-variant-numeric: tabular-nums;
}
.zc-tag {
  font-size: 0.72rem;
  letter-spacing: 0.3em;
  color: var(--gold);
  margin-top: 0.5rem;
  font-weight: 700;
}
.zc-sep {
  font-family: "Noto Serif TC", serif;
  font-size: 1.6rem;
  font-weight: 900;
  color: var(--gold);
  opacity: 0.55;
  margin-top: -0.6rem;
}
.zhushou-countdown.is-arrived {
  background: linear-gradient(180deg, rgba(139, 28, 28, 0.25) 0%, transparent 100%);
  border-color: var(--gold);
}
.zhushou-countdown.is-arrived .zc-num { color: var(--gold); }

@media (max-width: 768px) {
  .zhushou-countdown { padding: 1.2rem 0.5rem; margin-bottom: 1.5rem; }
  .zc-label { font-size: 0.7rem; letter-spacing: 0.3em; }
  .zc-clock { gap: 0.25rem; }
  .zc-unit { min-width: 0; flex: 1; padding: 0.5rem 0.2rem; }
  .zc-num { font-size: 1.5rem; }
  .zc-tag { font-size: 0.6rem; letter-spacing: 0.2em; margin-top: 0.3rem; }
  .zc-sep { font-size: 1.1rem; margin-top: -0.4rem; }
}

.zhushou-head {
  text-align: center;
  margin-bottom: 2rem;
}
.zhushou-tag {
  display: inline-block;
  font-size: 0.78rem;
  letter-spacing: 0.4em;
  color: var(--ink);
  background: var(--gold);
  padding: 0.32rem 0.95rem;
  font-weight: 700;
  margin-bottom: 1rem;
}
.zhushou-name {
  font-family: "Noto Serif TC", serif;
  font-size: 2rem;
  font-weight: 900;
  color: var(--gold-light);
  letter-spacing: 0.2em;
  margin: 0 0 0 0.2em;
  line-height: 1.4;
}

.zhushou-meta {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  margin-bottom: 1.5rem;
}
.zs-meta-item {
  padding: 1rem 1.2rem;
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(212, 168, 75, 0.25);
}
.zs-meta-label {
  font-size: 0.72rem;
  letter-spacing: 0.32em;
  color: var(--gold);
  font-weight: 700;
  margin-bottom: 0.4rem;
}
.zs-meta-value {
  font-family: "Noto Serif TC", serif;
  font-size: 1.05rem;
  color: var(--paper);
  letter-spacing: 0.08em;
  font-weight: 700;
}
.zs-meta-highlight { color: var(--gold-light); font-size: 1.3rem; }
.zs-meta-price { color: var(--gold-light); }

.zhushou-note {
  text-align: center;
  font-size: 0.88rem;
  letter-spacing: 0.1em;
  color: rgba(248, 243, 233, 0.8);
  padding: 0.7rem 1rem;
  border-left: 3px solid var(--gold);
  background: rgba(212, 168, 75, 0.08);
  margin-bottom: 2rem;
  text-align: left;
}

.zhushou-roster {
  margin-bottom: 2rem;
  padding: 1.5rem;
  background: rgba(0, 0, 0, 0.35);
  border: 1px solid rgba(212, 168, 75, 0.3);
}
.zs-roster-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
  padding-bottom: 0.8rem;
  border-bottom: 1px solid rgba(212, 168, 75, 0.25);
}
.zs-roster-label {
  font-size: 0.85rem;
  letter-spacing: 0.3em;
  color: var(--gold);
  font-weight: 700;
}
.zs-roster-count {
  font-family: "Noto Serif TC", serif;
  font-size: 1.2rem;
  font-weight: 900;
  color: var(--gold-light);
  letter-spacing: 0.08em;
  padding: 0.3rem 0.8rem;
  border: 1px solid var(--gold);
  background: rgba(212, 168, 75, 0.1);
}
.zs-roster-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.zs-roster-item {
  display: grid;
  grid-template-columns: 40px 1fr auto;
  gap: 1rem;
  align-items: center;
  padding: 0.8rem 1rem;
  background: rgba(31, 20, 20, 0.55);
  border: 1px solid rgba(212, 168, 75, 0.18);
}
.zs-roster-num {
  font-family: "Noto Serif TC", serif;
  font-size: 1.15rem;
  font-weight: 900;
  color: var(--gold-light);
  text-align: center;
}
.zs-roster-name {
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: var(--paper);
}
.zs-roster-qty {
  font-size: 0.85rem;
  letter-spacing: 0.18em;
  color: var(--gold);
  font-weight: 700;
  padding: 0.25rem 0.7rem;
  border: 1px solid rgba(212, 168, 75, 0.4);
}
.zs-roster-foot {
  font-size: 0.75rem;
  letter-spacing: 0.12em;
  color: rgba(248, 243, 233, 0.55);
  margin-top: 1rem;
  text-align: center;
}

.zhushou-cta {
  display: flex;
  gap: 0.8rem;
  justify-content: center;
  flex-wrap: wrap;
}

@media (max-width: 768px) {
  .section-zhushou { padding: 3rem 1rem; }
  .zhushou-card { padding: 2rem 1.4rem; }
  .zhushou-name { font-size: 1.4rem; letter-spacing: 0.15em; }
  .zhushou-meta { grid-template-columns: 1fr; gap: 0.6rem; }
  .zs-meta-value { font-size: 0.95rem; }
  .zs-meta-highlight { font-size: 1.15rem; }
  .zhushou-roster { padding: 1.2rem 1rem; }
  .zs-roster-head { flex-direction: column; align-items: flex-start; gap: 0.6rem; }
  .zs-roster-item { grid-template-columns: 32px 1fr auto; gap: 0.7rem; padding: 0.65rem 0.8rem; }
  .zs-roster-name { font-size: 0.92rem; }
  .zs-roster-qty { font-size: 0.75rem; padding: 0.2rem 0.55rem; }
  .zhushou-cta .btn { flex: 1; min-width: 100%; }
}

/* ============================================
   委員會・加入會員 CTA
   ============================================ */
.section-join-member {
  background:
    radial-gradient(ellipse at center top, rgba(139, 28, 28, 0.18) 0%, transparent 70%),
    var(--ink-soft);
  padding: 5rem 1.5rem;
}

.join-card {
  max-width: 880px;
  margin: 0 auto;
  padding: 4rem 3rem;
  background: linear-gradient(135deg, rgba(139, 28, 28, 0.18) 0%, rgba(31, 14, 14, 0.92) 100%);
  border: 1px solid rgba(212, 168, 75, 0.55);
  position: relative;
  text-align: center;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.55);
}

.join-decor {
  position: absolute;
  width: 28px;
  height: 28px;
  border: 2px solid var(--gold);
}
.join-decor-tl { top: 8px; left: 8px; border-right: none; border-bottom: none; }
.join-decor-tr { top: 8px; right: 8px; border-left: none; border-bottom: none; }
.join-decor-bl { bottom: 8px; left: 8px; border-right: none; border-top: none; }
.join-decor-br { bottom: 8px; right: 8px; border-left: none; border-top: none; }

.join-tag {
  font-size: 0.85rem;
  letter-spacing: 0.5em;
  color: var(--gold);
  font-weight: 700;
  margin-bottom: 0.8rem;
}
.join-title {
  font-family: "Noto Serif TC", serif;
  font-size: 2.4rem;
  font-weight: 900;
  color: var(--gold-light);
  letter-spacing: 0.25em;
  margin-bottom: 0.5rem;
  margin-left: 0.25em;
}
.join-divider {
  width: 60px;
  height: 2px;
  background: var(--gold);
  margin: 1rem auto 1.6rem;
}
.join-desc {
  font-size: 1.02rem;
  line-height: 2;
  color: rgba(248, 243, 233, 0.85);
  letter-spacing: 0.1em;
  margin-bottom: 2.5rem;
}

.join-benefits {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  margin-bottom: 2.5rem;
}
.join-benefit {
  padding: 1.5rem 1rem;
  background: rgba(0, 0, 0, 0.35);
  border: 1px solid rgba(212, 168, 75, 0.25);
}
.jb-num {
  font-family: "Noto Serif TC", serif;
  font-size: 1.4rem;
  font-weight: 900;
  color: var(--gold-light);
  margin-bottom: 0.6rem;
  letter-spacing: 0.1em;
}
.jb-title {
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  color: var(--paper);
  margin-bottom: 0.6rem;
}
.jb-desc {
  font-size: 0.85rem;
  line-height: 1.75;
  color: rgba(248, 243, 233, 0.7);
  letter-spacing: 0.05em;
}

.join-cta {
  display: flex;
  gap: 0.8rem;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 1.2rem;
}
.join-foot {
  font-size: 0.78rem;
  letter-spacing: 0.15em;
  color: rgba(248, 243, 233, 0.5);
  margin-top: 1rem;
}

@media (max-width: 768px) {
  .section-join-member { padding: 3rem 1rem; }
  .join-card { padding: 2.5rem 1.4rem; }
  .join-title { font-size: 1.7rem; letter-spacing: 0.18em; }
  .join-desc { font-size: 0.92rem; line-height: 1.85; }
  .join-benefits { grid-template-columns: 1fr; gap: 0.6rem; }
  .join-benefit { padding: 1.2rem 1rem; }
  .join-cta .btn { flex: 1; min-width: 100%; }
}

/* ============================================
   首頁倒數 banner（媽祖聖誕）
   ============================================ */
.countdown-banner {
  position: relative;
  z-index: 5;
  margin: 0 auto;
  max-width: 1100px;
  padding: 2rem 1.5rem;
  margin-top: -3rem;
  margin-bottom: 2rem;
}

.cd-inner {
  background: linear-gradient(135deg, rgba(139, 28, 28, 0.55) 0%, rgba(31, 14, 14, 0.92) 100%);
  border: 1px solid rgba(212, 168, 75, 0.65);
  padding: 2.2rem 2.4rem;
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-areas:
    "eyebrow eyebrow"
    "main    clock"
    "cta     cta";
  gap: 1.4rem 2rem;
  align-items: center;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.6), inset 0 0 0 1px rgba(212, 168, 75, 0.18);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  position: relative;
}
.cd-inner::before {
  content: '';
  position: absolute;
  inset: 6px;
  border: 1px solid rgba(212, 168, 75, 0.22);
  pointer-events: none;
}

.cd-eyebrow {
  grid-area: eyebrow;
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.cd-pulse {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--gold);
  box-shadow: 0 0 12px var(--gold);
  animation: cdPulse 1.6s ease-in-out infinite;
}
@keyframes cdPulse {
  0%, 100% { opacity: 0.55; transform: scale(0.85); }
  50% { opacity: 1; transform: scale(1.15); }
}
.cd-tag {
  font-size: 0.82rem;
  letter-spacing: 0.34em;
  color: var(--gold-light);
  font-weight: 700;
}

.cd-main { grid-area: main; }
.cd-title {
  font-family: "Noto Serif TC", serif;
  font-size: 2.2rem;
  font-weight: 900;
  color: var(--gold-light);
  letter-spacing: 0.15em;
  margin-bottom: 0.5rem;
  text-shadow: 0 4px 18px rgba(0, 0, 0, 0.6);
}
.cd-meta {
  font-size: 0.95rem;
  letter-spacing: 0.2em;
  color: rgba(248, 243, 233, 0.85);
}

.cd-clock {
  grid-area: clock;
  display: flex;
  gap: 0.6rem;
}
.cd-unit {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 64px;
  padding: 0.7rem 0.4rem;
  background: rgba(0, 0, 0, 0.45);
  border: 1px solid rgba(212, 168, 75, 0.4);
}
.cd-num {
  font-family: "Noto Serif TC", serif;
  font-size: 2rem;
  font-weight: 900;
  color: var(--gold-light);
  line-height: 1;
  letter-spacing: 0.05em;
  font-variant-numeric: tabular-nums;
}
.cd-label {
  font-size: 0.7rem;
  letter-spacing: 0.3em;
  color: var(--gold);
  margin-top: 0.45rem;
  font-weight: 700;
}

.cd-cta {
  grid-area: cta;
  display: flex;
  gap: 0.8rem;
  flex-wrap: wrap;
}

.countdown-banner.is-arrived .cd-clock { opacity: 0.65; }
.countdown-banner.is-arrived .cd-tag { color: var(--paper); }

/* 倒數 banner RWD */
@media (max-width: 768px) {
  .countdown-banner { padding: 1rem 1rem; margin-top: -1.5rem; margin-bottom: 1rem; }
  .cd-inner {
    padding: 1.5rem 1.2rem;
    grid-template-columns: 1fr;
    grid-template-areas:
      "eyebrow"
      "main"
      "clock"
      "cta";
    gap: 1rem;
  }
  .cd-title { font-size: 1.55rem; letter-spacing: 0.1em; }
  .cd-meta { font-size: 0.82rem; letter-spacing: 0.12em; }
  .cd-clock { justify-content: space-between; gap: 0.4rem; }
  .cd-unit { min-width: 0; flex: 1; padding: 0.5rem 0.2rem; }
  .cd-num { font-size: 1.5rem; }
  .cd-label { font-size: 0.62rem; letter-spacing: 0.2em; margin-top: 0.3rem; }
  .cd-cta .btn { flex: 1; min-width: 100%; }
}

/* ============================================
   首頁・服務快捷入口
   ============================================ */
.services-shortcut {
  position: relative;
  z-index: 5;
  padding: 4rem 1.5rem 2rem;
  background:
    linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.55) 30%, rgba(0, 0, 0, 0.85) 100%);
}

.ss-inner {
  max-width: 1200px;
  margin: 0 auto;
}

.ss-head {
  text-align: center;
  margin-bottom: 2.5rem;
}
.ss-tag {
  font-size: 0.82rem;
  letter-spacing: 0.5em;
  color: var(--gold);
  font-weight: 700;
  margin-bottom: 0.6rem;
}
.ss-title {
  font-family: "Noto Serif TC", serif;
  font-size: 2.4rem;
  font-weight: 900;
  color: var(--gold-light);
  letter-spacing: 0.3em;
  margin-bottom: 0.5rem;
  margin-left: 0.3em;
}
.ss-sub {
  font-size: 0.95rem;
  letter-spacing: 0.2em;
  color: rgba(248, 243, 233, 0.7);
}

.ss-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}

.ss-card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 0.7rem;
  padding: 2rem 1.2rem 2.6rem;
  background: rgba(31, 20, 20, 0.75);
  border: 1px solid rgba(212, 168, 75, 0.3);
  text-decoration: none;
  color: inherit;
  transition: all 0.35s ease;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
.ss-card:hover {
  border-color: var(--gold);
  background: rgba(31, 20, 20, 0.95);
  transform: translateY(-4px);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.55);
}

.ss-icon {
  width: 64px;
  height: 64px;
  display: block;
  margin-bottom: 0.4rem;
  transition: transform 0.4s ease;
}
.ss-card:hover .ss-icon {
  transform: scale(1.12) rotate(-5deg);
}

.ss-name {
  font-family: "Noto Serif TC", serif;
  font-size: 1.4rem;
  font-weight: 900;
  color: var(--gold-light);
  letter-spacing: 0.3em;
  margin-left: 0.3em;
  line-height: 1.2;
}
.ss-desc {
  font-size: 0.85rem;
  line-height: 1.7;
  color: rgba(248, 243, 233, 0.72);
  letter-spacing: 0.1em;
}
.ss-arrow {
  position: absolute;
  bottom: 0.9rem;
  right: 1rem;
  font-size: 1.1rem;
  color: var(--gold);
  opacity: 0.55;
  transition: all 0.3s ease;
}
.ss-card:hover .ss-arrow {
  opacity: 1;
  transform: translateX(4px);
  color: var(--gold-light);
}

@media (max-width: 900px) {
  .ss-grid { grid-template-columns: repeat(2, 1fr); gap: 0.7rem; }
  .ss-title { font-size: 1.8rem; letter-spacing: 0.22em; }
  .ss-card { padding: 1.5rem 0.8rem 2rem; }
  .ss-icon { width: 50px; height: 50px; }
  .ss-name { font-size: 1.15rem; letter-spacing: 0.22em; }
  .ss-desc { font-size: 0.78rem; line-height: 1.65; letter-spacing: 0.05em; }
}

@media (max-width: 480px) {
  .services-shortcut { padding: 3rem 1rem 1.5rem; }
  .ss-head { margin-bottom: 1.5rem; }
  .ss-grid { grid-template-columns: repeat(2, 1fr); gap: 0.5rem; }
  .ss-card { padding: 1.2rem 0.5rem 1.6rem; gap: 0.4rem; }
  .ss-icon { width: 42px; height: 42px; }
  .ss-name { font-size: 0.95rem; letter-spacing: 0.18em; }
  .ss-desc { font-size: 0.7rem; }
  .ss-arrow { font-size: 0.9rem; bottom: 0.5rem; right: 0.6rem; }
}

/* ============================================
   首頁・最新動態（events.html 即時抓取）
   ============================================ */
.latest-news {
  position: relative;
  z-index: 5;
  padding: 1.5rem 1.5rem 4rem;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.95) 100%);
}

.ln-inner {
  max-width: 1100px;
  margin: 0 auto;
}

.ln-head {
  text-align: center;
  margin-bottom: 2.2rem;
}
.ln-tag {
  font-size: 0.82rem;
  letter-spacing: 0.5em;
  color: var(--gold);
  font-weight: 700;
  margin-bottom: 0.6rem;
}
.ln-title {
  font-family: "Noto Serif TC", serif;
  font-size: 2.2rem;
  font-weight: 900;
  color: var(--gold-light);
  letter-spacing: 0.3em;
  margin-bottom: 0.5rem;
  margin-left: 0.3em;
}
.ln-divider {
  width: 50px;
  height: 2px;
  background: var(--gold);
  margin: 0.8rem auto 1rem;
}
.ln-sub {
  font-size: 0.92rem;
  letter-spacing: 0.18em;
  color: rgba(248, 243, 233, 0.72);
}

.ln-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.2rem;
  margin-bottom: 2rem;
}

.ln-card {
  display: grid;
  grid-template-columns: 200px 1fr;
  gap: 0;
  background: rgba(31, 20, 20, 0.78);
  border: 1px solid rgba(212, 168, 75, 0.3);
  text-decoration: none;
  color: inherit;
  transition: all 0.35s ease;
  overflow: hidden;
  position: relative;
}
.ln-card:hover {
  border-color: var(--gold);
  background: rgba(31, 20, 20, 0.95);
  transform: translateY(-3px);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.55);
}

.ln-feature {
  background: linear-gradient(135deg, rgba(139, 28, 28, 0.32) 0%, rgba(31, 14, 14, 0.92) 100%);
  border-color: rgba(212, 168, 75, 0.55);
}

.ln-feature-tag {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 2;
  font-size: 0.7rem;
  letter-spacing: 0.2em;
  color: var(--ink);
  background: var(--gold);
  padding: 0.25rem 0.6rem;
  font-weight: 700;
}

.ln-img {
  width: 100%;
  height: 100%;
  min-height: 180px;
  overflow: hidden;
  background: var(--ink);
}
.ln-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
}
.ln-card:hover .ln-img img {
  transform: scale(1.06);
}

.ln-body {
  padding: 1.4rem 1.4rem 1.2rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.ln-date-row {
  display: flex;
  align-items: baseline;
  gap: 0.6rem;
  margin-bottom: 0.2rem;
}
.ln-md {
  font-family: "Noto Serif TC", serif;
  font-size: 1.7rem;
  font-weight: 900;
  color: var(--gold-light);
  letter-spacing: 0.05em;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}
.ln-year {
  font-size: 0.8rem;
  letter-spacing: 0.2em;
  color: var(--gold);
  font-weight: 700;
}
.ln-lunar {
  font-size: 0.8rem;
  letter-spacing: 0.18em;
  color: rgba(248, 243, 233, 0.65);
  margin-bottom: 0.3rem;
}
.ln-name {
  font-family: "Noto Serif TC", serif;
  font-size: 1.25rem;
  font-weight: 900;
  color: var(--paper);
  letter-spacing: 0.12em;
  line-height: 1.5;
  margin: 0;
}
.ln-desc {
  font-size: 0.85rem;
  line-height: 1.7;
  color: rgba(248, 243, 233, 0.72);
  letter-spacing: 0.05em;
  flex: 1;
}
.ln-cta {
  font-size: 0.85rem;
  letter-spacing: 0.2em;
  color: var(--gold-light);
  font-weight: 700;
  margin-top: auto;
  padding-top: 0.4rem;
  border-top: 1px solid rgba(212, 168, 75, 0.18);
}

.ln-foot {
  text-align: center;
}

/* Skeleton loading state */
.ln-skeleton {
  pointer-events: none;
}
.ln-skel-img {
  background: linear-gradient(90deg, rgba(212, 168, 75, 0.06) 0%, rgba(212, 168, 75, 0.14) 50%, rgba(212, 168, 75, 0.06) 100%);
  background-size: 200% 100%;
  animation: lnShimmer 1.4s ease-in-out infinite;
  width: 100%;
  min-height: 180px;
}
.ln-skel-body {
  padding: 1.4rem;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.ln-skel-bar {
  height: 14px;
  background: linear-gradient(90deg, rgba(212, 168, 75, 0.06) 0%, rgba(212, 168, 75, 0.14) 50%, rgba(212, 168, 75, 0.06) 100%);
  background-size: 200% 100%;
  animation: lnShimmer 1.4s ease-in-out infinite;
}
.ln-skel-bar-s { width: 30%; height: 20px; }
.ln-skel-bar-m { width: 60%; }

@keyframes lnShimmer {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

@media (max-width: 900px) {
  .ln-grid { grid-template-columns: 1fr; gap: 0.9rem; }
  .ln-title { font-size: 1.7rem; letter-spacing: 0.22em; }
  .ln-card { grid-template-columns: 130px 1fr; }
  .ln-img { min-height: 130px; }
  .ln-body { padding: 1rem 1rem 0.8rem; gap: 0.35rem; }
  .ln-md { font-size: 1.35rem; }
  .ln-name { font-size: 1.05rem; letter-spacing: 0.08em; line-height: 1.45; }
  .ln-desc { font-size: 0.78rem; line-height: 1.6; }
  .ln-cta { font-size: 0.76rem; letter-spacing: 0.15em; }
  .ln-skel-img { min-height: 130px; }
}

@media (max-width: 480px) {
  .latest-news { padding: 1.2rem 1rem 3rem; }
  .ln-card { grid-template-columns: 110px 1fr; }
  .ln-img { min-height: 110px; }
  .ln-body { padding: 0.8rem 0.85rem 0.7rem; }
  .ln-md { font-size: 1.2rem; }
  .ln-year { font-size: 0.7rem; }
  .ln-lunar { font-size: 0.7rem; letter-spacing: 0.1em; }
  .ln-name { font-size: 0.95rem; }
  .ln-desc { font-size: 0.72rem; line-height: 1.55; }
  .ln-feature-tag { font-size: 0.6rem; padding: 0.15rem 0.4rem; }
  .ln-skel-img { min-height: 110px; }
}

/* ============================================
   Sticky CTA (mobile)
   ============================================ */
.sticky-cta {
  position: fixed;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 100%;
  max-width: 480px;
  z-index: 30;
  display: none; /* 預設隱藏，僅手機顯示 */
  align-items: center;
  gap: 0.8rem;
  padding: 0.85rem 1rem;
  background: linear-gradient(135deg, rgba(139, 28, 28, 0.95) 0%, rgba(31, 14, 14, 0.97) 100%);
  border-top: 1px solid var(--gold);
  text-decoration: none;
  color: var(--paper);
  box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.55);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.sc-icon {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.sc-text {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  min-width: 0;
}
.sc-title {
  font-size: 0.9rem;
  letter-spacing: 0.2em;
  color: var(--gold-light);
  font-weight: 700;
}
.sc-meta {
  font-size: 0.72rem;
  letter-spacing: 0.05em;
  color: rgba(248, 243, 233, 0.85);
  font-variant-numeric: tabular-nums;
}
.sc-cta {
  font-size: 0.85rem;
  letter-spacing: 0.15em;
  color: var(--gold-light);
  font-weight: 700;
  padding: 0.5rem 0.85rem;
  border: 1px solid var(--gold);
  background: rgba(212, 168, 75, 0.12);
  flex-shrink: 0;
}

@media (max-width: 768px) {
  .sticky-cta { display: flex; }
  /* 留空間給 sticky 不擋內容 */
  body.page-home { padding-bottom: 76px; }
}

/* ============================================
   活動專頁 ・ event-detail.html
   ============================================ */
.page-event-detail .page-banner {
  background: linear-gradient(135deg, rgba(30, 12, 12, 0.95), rgba(54, 22, 12, 0.85));
}

.ed-banner {
  height: 50vh;
  min-height: 320px;
}

.ed-summary-section {
  padding-top: 3rem;
  padding-bottom: 2rem;
}

.ed-summary-grid {
  display: grid;
  grid-template-columns: 320px 1fr;
  gap: 3rem;
  align-items: start;
  max-width: 1100px;
  margin: 0 auto;
}

.ed-summary-meta {
  background: rgba(31, 20, 20, 0.65);
  border: 1px solid rgba(212, 168, 75, 0.3);
  padding: 1.8rem 1.6rem;
  display: flex;
  flex-direction: column;
  gap: 1.1rem;
}

.ed-meta-item {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  padding-bottom: 0.9rem;
  border-bottom: 1px solid rgba(212, 168, 75, 0.18);
}
.ed-meta-item:last-child { border-bottom: none; padding-bottom: 0; }

.ed-meta-label {
  font-size: 0.74rem;
  letter-spacing: 0.32em;
  color: var(--gold-light);
  font-weight: 700;
}

.ed-meta-value {
  font-size: 1rem;
  color: var(--paper);
  letter-spacing: 0.06em;
  line-height: 1.6;
  font-family: "Noto Serif TC", serif;
  font-weight: 500;
}

.ed-summary-lead {
  font-size: 1.05rem;
  line-height: 2;
  color: rgba(248, 243, 233, 0.88);
  letter-spacing: 0.05em;
}
.ed-summary-lead p { margin: 0 0 1rem; }

.ed-story-section {
  background: var(--ink);
}

.ed-photos-section {
  background: linear-gradient(180deg, var(--ink) 0%, #0c0606 100%);
}

.ed-photos-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(420px, 1fr));
  gap: 1.6rem;
  max-width: 1280px;
  margin: 0 auto;
}

.ed-photo-item {
  margin: 0;
  position: relative;
  background: rgba(20, 12, 12, 0.85);
  border: 1px solid rgba(212, 168, 75, 0.22);
  overflow: hidden;
  transition: border-color 0.3s ease, transform 0.3s ease;
}
.ed-photo-item:hover {
  border-color: var(--gold);
  transform: translateY(-3px);
}

.ed-photo-item img {
  width: 100%;
  height: auto;
  display: block;
}

.ed-photo-num {
  position: absolute;
  top: 0.5rem;
  left: 0.6rem;
  font-size: 0.7rem;
  letter-spacing: 0.18em;
  color: var(--gold-light);
  background: rgba(0, 0, 0, 0.7);
  padding: 0.2rem 0.55rem;
  font-weight: 700;
  pointer-events: none;
}

.ed-related-section {
  background: var(--ink-soft);
}

.ed-related-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: center;
  max-width: 760px;
  margin: 0 auto;
}

@media (max-width: 900px) {
  .ed-summary-grid {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
  .ed-photos-grid {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  .ed-banner { height: 38vh; min-height: 260px; }
  .ed-summary-meta { padding: 1.3rem 1.1rem; gap: 0.8rem; }
  .ed-meta-label { font-size: 0.68rem; letter-spacing: 0.24em; }
  .ed-meta-value { font-size: 0.92rem; }
  .ed-summary-lead { font-size: 0.95rem; line-height: 1.85; }
}

/* 活動專頁父頁：25 輯選擇器 */
.ed-parts-grid {
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
  gap: 1.4rem !important;
}

.ed-part-card {
  position: relative;
  aspect-ratio: 4 / 3;
  display: block;
  overflow: hidden;
  border: 1px solid rgba(212, 168, 75, 0.3);
  text-decoration: none;
  color: inherit;
  background: rgba(20, 12, 12, 0.85);
  transition: border-color 0.3s ease, transform 0.3s ease;
}
.ed-part-card:hover {
  border-color: var(--gold);
  transform: translateY(-3px);
}
.ed-part-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  filter: brightness(0.7);
  transition: filter 0.3s ease;
}
.ed-part-card:hover img {
  filter: brightness(1);
}
.ed-part-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,0.85) 100%);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  padding: 1rem;
  pointer-events: none;
}
.ed-part-title {
  font-size: 1.4rem;
  letter-spacing: 0.28em;
  color: var(--paper);
  font-weight: 900;
  font-family: "Noto Serif TC", serif;
  text-shadow: 0 2px 12px rgba(0,0,0,0.95);
  margin-bottom: 0.4rem;
}
.ed-part-count {
  font-size: 0.82rem;
  letter-spacing: 0.22em;
  color: var(--gold-light);
  font-weight: 700;
  text-shadow: 0 1px 6px rgba(0,0,0,0.85);
}

@media (max-width: 600px) {
  .ed-parts-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 0.7rem !important;
  }
  .ed-part-card { aspect-ratio: 1; }
  .ed-part-title { font-size: 1rem; letter-spacing: 0.16em; margin-bottom: 0.2rem; }
  .ed-part-count { font-size: 0.7rem; letter-spacing: 0.12em; }
}

/* ============================================
   求籤頁 ・ 解籤指引
   ============================================ */
.section-jieqian {
  background: linear-gradient(180deg, var(--ink) 0%, #150a0a 100%);
}

.jq-block {
  max-width: 1100px;
  margin: 0 auto 3.5rem;
}
.jq-block:last-of-type { margin-bottom: 4rem; }

.jq-block-title {
  text-align: center;
  font-size: 1.4rem;
  letter-spacing: 0.4em;
  color: var(--gold);
  font-weight: 900;
  font-family: "Noto Serif TC", serif;
  margin: 0 0 0.8rem;
}

.jq-block-lead {
  text-align: center;
  font-size: 0.95rem;
  line-height: 1.95;
  color: rgba(248, 243, 233, 0.75);
  letter-spacing: 0.06em;
  margin: 0 0 2rem;
}

/* 籤等對照 */
.jq-grades {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 1.2rem;
}

.jq-grade {
  background: rgba(31, 20, 20, 0.65);
  border: 1px solid rgba(212, 168, 75, 0.3);
  padding: 1.6rem 1.4rem;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}

.jq-grade-name {
  font-size: 1.1rem;
  letter-spacing: 0.32em;
  font-weight: 900;
  font-family: "Noto Serif TC", serif;
  text-align: center;
  padding-bottom: 0.7rem;
  border-bottom: 1px solid rgba(212, 168, 75, 0.2);
}

.jq-grade-desc {
  font-size: 0.86rem;
  line-height: 1.85;
  color: rgba(248, 243, 233, 0.82);
  letter-spacing: 0.04em;
}

.jq-grade-best { border-color: rgba(255, 215, 0, 0.6); background: rgba(70, 40, 12, 0.6); }
.jq-grade-best .jq-grade-name { color: #ffd76a; }

.jq-grade-good { border-color: rgba(212, 168, 75, 0.5); }
.jq-grade-good .jq-grade-name { color: var(--gold); }

.jq-grade-mid .jq-grade-name { color: var(--paper); }

.jq-grade-bad { border-color: rgba(150, 100, 70, 0.5); background: rgba(40, 22, 18, 0.7); }
.jq-grade-bad .jq-grade-name { color: rgba(220, 175, 140, 0.95); }

/* 問事解讀 */
.jq-categories {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 1rem;
}

.jq-category {
  display: flex;
  align-items: flex-start;
  gap: 1.2rem;
  background: rgba(31, 20, 20, 0.55);
  border: 1px solid rgba(212, 168, 75, 0.22);
  padding: 1.3rem 1.3rem;
}

.jq-cat-icon {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 28, 28, 0.5);
  border: 1px solid rgba(212, 168, 75, 0.4);
  font-size: 1.5rem;
  font-weight: 900;
  color: var(--gold-light);
  font-family: "Noto Serif TC", serif;
}

.jq-cat-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.jq-cat-name {
  font-size: 1.05rem;
  letter-spacing: 0.22em;
  font-weight: 700;
  color: var(--gold);
  font-family: "Noto Serif TC", serif;
}

.jq-cat-body p {
  margin: 0;
  font-size: 0.86rem;
  line-height: 1.85;
  color: rgba(248, 243, 233, 0.82);
  letter-spacing: 0.04em;
}

/* 解籤 CTA 卡 */
.jq-cta-card {
  max-width: 720px;
  margin: 4rem auto 0;
  text-align: center;
  background: linear-gradient(135deg, rgba(139, 28, 28, 0.18) 0%, rgba(31, 20, 20, 0.85) 100%);
  border: 1px solid rgba(212, 168, 75, 0.45);
  padding: 2.6rem 2rem 2.2rem;
}

.jq-cta-eyebrow {
  font-size: 0.78rem;
  letter-spacing: 0.4em;
  color: var(--gold-light);
  margin-bottom: 0.7rem;
  font-weight: 700;
}

.jq-cta-title {
  font-size: 1.7rem;
  letter-spacing: 0.3em;
  color: var(--paper);
  font-weight: 900;
  font-family: "Noto Serif TC", serif;
  margin: 0 0 1rem;
}

.jq-cta-desc {
  font-size: 0.95rem;
  line-height: 2;
  color: rgba(248, 243, 233, 0.85);
  letter-spacing: 0.05em;
  margin: 0 0 1.8rem;
}

.jq-cta-buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.7rem;
  margin-bottom: 1.4rem;
}

.jq-cta-foot {
  font-size: 0.82rem;
  letter-spacing: 0.16em;
  color: rgba(212, 168, 75, 0.65);
  margin: 0;
}

@media (max-width: 768px) {
  .jq-block { margin-bottom: 2.5rem; }
  .jq-block-title { font-size: 1.15rem; letter-spacing: 0.28em; }
  .jq-block-lead { font-size: 0.85rem; line-height: 1.85; }
  .jq-grades { grid-template-columns: 1fr; gap: 0.8rem; }
  .jq-grade { padding: 1.2rem 1.1rem; }
  .jq-grade-name { font-size: 1rem; letter-spacing: 0.22em; }
  .jq-grade-desc { font-size: 0.82rem; }
  .jq-categories { grid-template-columns: 1fr; }
  .jq-category { padding: 1rem; gap: 0.9rem; }
  .jq-cat-icon { width: 42px; height: 42px; font-size: 1.2rem; }
  .jq-cat-name { font-size: 0.95rem; letter-spacing: 0.16em; }
  .jq-cta-card { padding: 1.8rem 1.2rem 1.4rem; margin-top: 2.5rem; }
  .jq-cta-title { font-size: 1.3rem; letter-spacing: 0.22em; }
  .jq-cta-desc { font-size: 0.88rem; line-height: 1.85; }
  .jq-cta-buttons .btn { width: 100%; }
}

/* ============================================
   求籤頁 ・ 抽到籤後的解籤顯示
   ============================================ */
.result-jieqian {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.2rem 0;
}

.rj-grade-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.rj-grade-label {
  font-size: 0.78rem;
  letter-spacing: 0.32em;
  color: var(--gold-light);
}
.rj-grade-value {
  font-size: 1.4rem;
  letter-spacing: 0.3em;
  font-weight: 900;
  font-family: "Noto Serif TC", serif;
  padding: 0.3rem 1.2rem;
  border: 1px solid rgba(212, 168, 75, 0.5);
}
.rj-grade-上上 { color: #ffd76a; border-color: #ffd76a; background: rgba(70, 40, 12, 0.5); }
.rj-grade-上吉 { color: var(--gold); border-color: rgba(212, 168, 75, 0.7); }
.rj-grade-中吉 { color: var(--gold-light); }
.rj-grade-中平 { color: var(--paper); }
.rj-grade-中下 { color: rgba(220, 175, 140, 0.95); border-color: rgba(180, 130, 90, 0.5); }
.rj-grade-下下 { color: rgba(220, 175, 140, 0.95); border-color: rgba(180, 130, 90, 0.5); background: rgba(40, 22, 18, 0.5); }

.rj-meaning {
  text-align: center;
  padding: 0 0.5rem;
}
.rj-meaning-label {
  font-size: 0.78rem;
  letter-spacing: 0.4em;
  color: var(--gold);
  margin-bottom: 0.5rem;
}
.rj-meaning-text {
  font-size: 0.98rem;
  line-height: 1.95;
  color: rgba(248, 243, 233, 0.92);
  letter-spacing: 0.06em;
  margin: 0;
  font-family: "Noto Serif TC", serif;
}

.rj-categories {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.7rem;
  margin-top: 0.5rem;
}
.rj-cat {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(212, 168, 75, 0.18);
  padding: 0.7rem 0.8rem;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.rj-cat-head {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.rj-cat-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: rgba(139, 28, 28, 0.5);
  color: var(--gold-light);
  font-size: 0.95rem;
  font-weight: 900;
  font-family: "Noto Serif TC", serif;
}
.rj-cat-name {
  font-size: 0.88rem;
  letter-spacing: 0.16em;
  color: var(--gold);
  font-weight: 700;
}
.rj-cat-text {
  font-size: 0.82rem;
  line-height: 1.7;
  color: rgba(248, 243, 233, 0.85);
  margin: 0;
  letter-spacing: 0.04em;
}

@media (max-width: 600px) {
  .rj-categories { grid-template-columns: 1fr; }
  .rj-grade-value { font-size: 1.2rem; padding: 0.25rem 1rem; }
  .rj-meaning-text { font-size: 0.92rem; }
}

/* ============================================
   求籤頁 ・ 全 60 首解籤一覽
   ============================================ */
.section-jieqian-list {
  background: linear-gradient(180deg, #150a0a 0%, var(--ink) 100%);
}

.jq-list {
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.jq-item {
  background: rgba(31, 20, 20, 0.55);
  border: 1px solid rgba(212, 168, 75, 0.22);
  transition: border-color 0.25s ease;
}
.jq-item[open] { border-color: rgba(212, 168, 75, 0.55); }
.jq-item:hover { border-color: rgba(212, 168, 75, 0.4); }

.jq-item-head {
  display: grid;
  grid-template-columns: 1fr auto auto auto;
  align-items: center;
  gap: 1rem;
  padding: 0.95rem 1.2rem;
  cursor: pointer;
  list-style: none;
  font-family: "Noto Serif TC", serif;
}
.jq-item-head::-webkit-details-marker { display: none; }

.jq-item-num {
  font-size: 1rem;
  letter-spacing: 0.18em;
  color: var(--gold);
  font-weight: 700;
}
.jq-item-ganzhi {
  font-size: 0.92rem;
  letter-spacing: 0.4em;
  color: var(--paper);
  font-weight: 700;
}
.jq-item-grade {
  font-size: 0.78rem;
  letter-spacing: 0.18em;
  padding: 0.18rem 0.6rem;
  border: 1px solid rgba(212, 168, 75, 0.4);
  font-weight: 700;
  color: var(--gold-light);
}
.jq-item-arrow {
  color: var(--gold);
  font-size: 1rem;
  transition: transform 0.25s ease;
}
.jq-item[open] .jq-item-arrow { transform: rotate(180deg); }

.jq-item-body {
  padding: 0.5rem 1.2rem 1.4rem;
  border-top: 1px solid rgba(212, 168, 75, 0.18);
  margin-top: 0.5rem;
}

.jq-item-poem {
  text-align: center;
  padding: 1.2rem 0;
  margin-bottom: 1rem;
  border-bottom: 1px dashed rgba(212, 168, 75, 0.2);
}
.jq-item-poem p {
  margin: 0.3rem 0;
  font-size: 1.1rem;
  letter-spacing: 0.18em;
  color: rgba(248, 243, 233, 0.95);
  font-family: "Noto Serif TC", serif;
  line-height: 1.7;
}

.jq-item-meaning {
  margin-bottom: 1rem;
  display: flex;
  gap: 0.7rem;
  align-items: baseline;
  flex-wrap: wrap;
}
.jq-item-mlabel {
  font-size: 0.78rem;
  letter-spacing: 0.32em;
  color: var(--gold);
  font-weight: 700;
  flex-shrink: 0;
}
.jq-item-meaning p {
  margin: 0;
  font-size: 0.93rem;
  line-height: 1.85;
  color: rgba(248, 243, 233, 0.9);
  letter-spacing: 0.05em;
  flex: 1;
}

.jq-item-cats {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.6rem;
}
.jq-item-cat {
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
  background: rgba(0, 0, 0, 0.25);
  padding: 0.7rem 0.8rem;
  border: 1px solid rgba(212, 168, 75, 0.15);
}
.jq-item-cat-icon {
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 28, 28, 0.45);
  color: var(--gold-light);
  font-size: 0.95rem;
  font-weight: 900;
  font-family: "Noto Serif TC", serif;
}
.jq-item-cat-name {
  font-size: 0.85rem;
  letter-spacing: 0.16em;
  color: var(--gold);
  font-weight: 700;
  margin-bottom: 0.2rem;
}
.jq-item-cat p {
  margin: 0;
  font-size: 0.8rem;
  line-height: 1.7;
  color: rgba(248, 243, 233, 0.82);
  letter-spacing: 0.03em;
}

@media (max-width: 600px) {
  .jq-item-head { grid-template-columns: 1fr auto auto; gap: 0.6rem; padding: 0.8rem 0.9rem; }
  .jq-item-num { font-size: 0.9rem; letter-spacing: 0.12em; }
  .jq-item-ganzhi { font-size: 0.82rem; letter-spacing: 0.28em; }
  .jq-item-grade { font-size: 0.7rem; padding: 0.1rem 0.45rem; }
  .jq-item-arrow { display: none; }
  .jq-item-body { padding: 0.3rem 0.9rem 1rem; }
  .jq-item-poem p { font-size: 0.95rem; letter-spacing: 0.14em; }
  .jq-item-cats { grid-template-columns: 1fr; }
}

/* ============================================
   加入 Google 日曆 ・ 展開列表
   ============================================ */
.gcal-panel {
  width: 100%;
}

.gcal-panel > summary {
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 1rem;
  position: relative;
}
.gcal-panel > summary::-webkit-details-marker { display: none; }

.gcal-arrow {
  position: absolute;
  right: 1.2rem;
  top: 50%;
  transform: translateY(-50%);
  color: var(--gold);
  font-size: 1.1rem;
  transition: transform 0.25s ease;
}
.gcal-panel[open] .gcal-arrow {
  transform: translateY(-50%) rotate(180deg);
}

.gcal-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 1rem;
  padding: 0;
}

.gcal-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.85rem 1.1rem;
  background: rgba(31, 20, 20, 0.5);
  border: 1px solid rgba(212, 168, 75, 0.22);
  text-decoration: none;
  color: inherit;
  transition: border-color 0.25s ease, background 0.25s ease;
}
.gcal-item:hover {
  border-color: var(--gold);
  background: rgba(212, 168, 75, 0.08);
}

.gcal-item-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  min-width: 0;
}

.gcal-item-title {
  font-size: 0.98rem;
  letter-spacing: 0.1em;
  color: var(--paper);
  font-weight: 700;
  font-family: "Noto Serif TC", serif;
}

.gcal-item-date {
  font-size: 0.78rem;
  letter-spacing: 0.08em;
  color: rgba(212, 168, 75, 0.85);
}

.gcal-item-cta {
  flex-shrink: 0;
  padding: 0.4rem 0.85rem;
  background: rgba(66, 133, 244, 0.18);
  border: 1px solid rgba(66, 133, 244, 0.55);
  color: #8fb6f5;
  font-size: 0.78rem;
  letter-spacing: 0.12em;
  font-weight: 700;
  white-space: nowrap;
}
.gcal-item:hover .gcal-item-cta {
  background: rgba(66, 133, 244, 0.35);
  color: #ffffff;
  border-color: #4285f4;
}

.ics-download-link {
  color: var(--gold-light);
  text-decoration: underline;
}
.ics-download-link:hover { color: var(--gold); }

@media (max-width: 600px) {
  .gcal-arrow { right: 0.8rem; }
  .gcal-item {
    flex-direction: column;
    align-items: stretch;
    gap: 0.6rem;
    padding: 0.75rem 0.9rem;
  }
  .gcal-item-title { font-size: 0.92rem; }
  .gcal-item-date { font-size: 0.74rem; }
  .gcal-item-cta { text-align: center; padding: 0.5rem; }
}

/* 一次訂閱全部到 Google 日曆 */
.gcal-bulk {
  margin-top: 1rem;
  text-align: center;
}

.gcal-bulk-btn {
  display: inline-block;
  width: 100%;
  padding: 1.1rem 1.5rem;
  background: linear-gradient(135deg, #4285f4 0%, #1967d2 100%);
  color: #ffffff;
  text-decoration: none;
  font-size: 1.05rem;
  letter-spacing: 0.18em;
  font-weight: 700;
  font-family: "Noto Serif TC", serif;
  border: 1px solid rgba(255, 255, 255, 0.25);
  box-shadow: 0 8px 24px rgba(66, 133, 244, 0.35);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.gcal-bulk-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 32px rgba(66, 133, 244, 0.5);
  background: linear-gradient(135deg, #4895f8 0%, #2474d6 100%);
}

.gcal-bulk-help {
  margin: 0.8rem 0 0;
  font-size: 0.78rem;
  letter-spacing: 0.06em;
  color: rgba(212, 168, 75, 0.7);
  line-height: 1.85;
}

.gcal-divider {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  margin: 1.5rem 0 1rem;
  color: rgba(212, 168, 75, 0.55);
  font-size: 0.78rem;
  letter-spacing: 0.32em;
}
.gcal-divider::before,
.gcal-divider::after {
  content: '';
  flex: 1;
  height: 1px;
  background: rgba(212, 168, 75, 0.2);
}

@media (max-width: 600px) {
  .gcal-bulk-btn { font-size: 0.92rem; padding: 0.95rem 1rem; letter-spacing: 0.12em; }
  .gcal-bulk-help { font-size: 0.72rem; }
  .gcal-divider { font-size: 0.7rem; letter-spacing: 0.22em; margin: 1.2rem 0 0.8rem; }
}