<style>
    /* --- 針對內文中的 h3 觸發器設定樣式 --- */
h3.lightbox-trigger {
  display: inline-block; /* 讓寬度貼合文字，避免整行都被點到 */

  transition: color 0.2s ease;
}

    h3.lightbox-trigger:hover {
      color: #c9973f;        
      text-decoration: underline; 
	    cursor: pointer;       /* 現在改成手型樣式了！ */
    }

    /* --- 影像專區專用四欄網格排版 --- */
    .video-cards-grid {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;            
      justify-content: center; 
      max-width: 1200px;    
      margin: 0 auto;       
      padding: 20px;
    }

    .video-cards-grid .card {
      background: #ffffff;
      border-radius: 20px;
      padding: 30px 24px;
      text-align: center;   
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); 
      flex: 1 1 calc(25% - 20px); 
      max-width: calc(25% - 15px);
      min-width: 250px;     
      box-sizing: border-box;
    }

    .video-cards-grid .card .icon {
      font-size: 40px;
      margin-bottom: 15px;
      display: block;
    }

    .video-cards-grid .card h3 {
      margin-top: 0;
      margin-bottom: 12px;
      font-size: 22px;
      color: #1b4332; 
    }

    .video-cards-grid .card p {
      font-size: 15px;
      color: #555555;
      line-height: 1.6;
      margin: 0;
    }

    @media (max-width: 992px) {
      .video-cards-grid .card { flex: 1 1 calc(50% - 20px); max-width: calc(50% - 10px); }
    }
    @media (max-width: 576px) {
      .video-cards-grid .card { flex: 1 1 100%; max-width: 100%; }
    }

    /* --- 燈箱基礎遮罩與層級設定 --- */
    .farm-lightbox-overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100vh;
      background-color: rgba(0, 0, 0, 0.9); 
      z-index: 99999; 
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      opacity: 0;
      visibility: hidden;
      transition: opacity 0.4s ease, visibility 0.4s ease;
      pointer-events: none; 
    }

    .farm-lightbox-overlay.active {
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
    }

    .farm-lightbox-container {
      position: relative; 
      width: 90%;
      max-width: 900px; 
      max-height: 85vh;
      text-align: center;
      z-index: 100000;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    /* 照片本體與本機影片基本樣式 */
    .farm-lightbox-container img,
    .farm-lightbox-container video {
      max-width: 100%;
      max-height: 75vh;
      object-fit: contain;
      border-radius: 8px;
      border: 4px solid #fff; 
      box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
      display: none; /* 預設先藏起來，由 JS 動態顯示 */
      transform: scale(0.9);
      transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
      background-color: #000;
    }

    /* 當燈箱打開時放大 */
    .farm-lightbox-overlay.active .farm-lightbox-container img,
    .farm-lightbox-overlay.active .farm-lightbox-container video {
      transform: scale(1);
    }

    /* 關閉按鈕 */
    .farm-lightbox-close {
      position: absolute;
      top: 20px;
      right: 30px;
      color: rgba(255, 255, 255, 0.8);
      font-size: 60px;
      background: none;
      border: none;
      cursor: pointer;
      line-height: 1;
      transition: color 0.2s, transform 0.2s;
      z-index: 100001;
    }

    .farm-lightbox-close:hover {
      color: #fff;
      transform: scale(1.1);
    }

    /* 照片文字說明 */
    .farm-lightbox-caption {
      position: absolute;
      bottom: -45px; 
      left: 50%;
      transform: translateX(-50%);
      color: #fff;
      font-size: 18px;
      letter-spacing: 1px;
      font-weight: 500;
      text-align: center;
      white-space: nowrap;
    }

    /* 左右切換按鈕（ fixed 螢幕最左右邊） */
    .lightbox-nav {
      position: fixed; 
      top: 50%;
      transform: translateY(-50%);
      background: rgba(0, 0, 0, 0.6);
      color: #ffffff;
      border: none;
      font-size: 36px;
      padding: 15px 20px;
      cursor: pointer;
      border-radius: 8px;
      transition: background-color 0.2s, color 0.2s;
      z-index: 100002;
      opacity: 0;
      visibility: hidden;
    }

    .farm-lightbox-overlay.active .lightbox-nav {
      opacity: 1;
      visibility: visible;
    }

    .lightbox-nav:hover {
      background-color: #ffffff;
      color: #000000;
    }

    .prev-btn { left: 40px; }
    .next-btn { right: 40px; }

    @media (max-width: 768px) {
      .prev-btn { left: 15px; }
      .next-btn { right: 15px; }
      .lightbox-nav { font-size: 26px; padding: 12px 16px; background: rgba(0, 0, 0, 0.7); }
    }
  </style>