:root {
      --primary-bg: #bdce57;
      /* 深綠色背景 */
      --text-color: #37553c;
      /* 米白色文字 */
      --footer-bg: #3c5443;
      /* 頁尾沙色 */
      --accent-color: #ffffff;
  }

  body {
      background-color: var(--primary-bg);
      color: var(--text-color);
      font-family: 'Noto Serif TC', serif;
      overflow-x: hidden;
      position: relative;
  }

  .font-sans {
      font-family: 'Noto Sans TC', sans-serif;
  }
  .indexline a{
    color:#37553c!important;
    text-decoration: none;

  }
    .indexline a:hover{
    color:#547759!important;
    text-decoration: none;

  }

  /* 導覽列與選單樣式 */
  .navbar-toggler-icon-custom {
      color: var(--text-color);
      font-size: 1.5rem;
  }

  .nav-link-custom {
      color: var(--text-color);
      text-decoration: none;
      font-size: 0.85rem;
      letter-spacing: 0.1rem;
      transition: color 0.3s ease;
      white-space: nowrap;
  }

  .nav-link-custom:hover {
      color: var(--accent-color);
      opacity: 0.8;
  }

  /* 手機版選單展開時的樣式 */
  @media (max-width: 991.98px) {
      #mobileMenu {
          background-color: rgba(45, 65, 50, 0.95);
          padding: 1rem;
          border-radius: 0.5rem;
          position: absolute;
          top: 100%;
          left: 1rem;
          right: 1rem;
          z-index: 1050;
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
      }

      .nav-link-custom {
          display: block;
          padding: 0.75rem 0;
          border-bottom: 1px solid rgba(255, 255, 255, 0.1);
      }

      .nav-link-custom:last-child {
          border-bottom: none;
      }
  }

  /* 主視覺圖片區塊 */
  .hero-image-wrapper {
      position: relative;
      height: auto;
      min-height: 450px;
  }

  .hero-image {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
  }



  /* 新訊卡片樣式 */
  .news-card {
      background: transparent;
      border: none;
  }

  .news-card img {
      border-radius: 0;
      object-fit: cover;

      width: 100%;
  }

  .news-title {
      font-size: 0.85rem;
      font-weight: 500;
      letter-spacing: 0.05rem;
      margin-top: 1.2rem;
      margin-bottom: 0.5rem;
      color: #fff;
  }

  .news-desc {
      font-family: 'Noto Sans TC', sans-serif;
      font-size: 0.75rem;
      line-height: 1.8;
      color: #c9c5bc;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-align: justify;
  }

  /* 社群按鈕固定在右側 */
  .social-floating {
      position: absolute;
      right: 2rem;
      bottom: 6rem;
      display: flex;
      flex-direction: column;
      gap: 1.2rem;
      z-index: 10;
  }

  .social-icon {
      color: #fff;
      font-size: 2.2rem;
      opacity: 0.9;
      transition: all 0.3s;
  }

  .social-icon:hover {
      opacity: 1;
      color: var(--text-color);
      transform: scale(1.05);
  }

  /* 頁尾樣式 */
  footer {
      background-color: var(--footer-bg);
      color: #4a4a4a;
      font-family: 'Noto Sans TC', sans-serif;
      font-size: 0.85rem;
      letter-spacing: 0.05rem;
  }

  /* 選單連接線裝飾 */
  .dot-line-decoration {
      display: inline-flex;
      align-items: center;
      gap: 5px;
  }

  .dot-line-decoration::before,
  .dot-line-decoration::after {
      content: '';
      width: 6px;
      height: 6px;
      background-color: var(--text-color);
      border-radius: 50%;
  }

  .dot-line-decoration .line {
      width: 30px;
      height: 1px;
      background-color: var(--text-color);
  }