:root {
      --primary-bg: #b8a58b;
      /* 深綠色背景 */
      --text-color: #e2dfd8;
      /* 米白色文字 */
      --footer-bg: #bbaea1;
      /* 頁尾沙色 */
      --accent-color: #ffffff;
  }
  .indexline02 a{
    color: #fff!important

  }
  span.indexline {
    display: inline-block;
    border-right: 1px solid #fff;
    padding-right: 15px;
}

  .footerbox {
      background-color: #3c5443;
      color: #b8a58b;
  }

  .fontcolor02 {
      color: #ede9a1;
  }

  .fontcolor001 p {
      color: #ede9a1;
  }

  .fontcolor002 p {
      color: #b0d9b3;
  }

  .textright {
      text-align: left !important;
      float: right;
  }



  .fontcolor01 {
      color: #b0d9b3 !important;
  }

  .footerlink a {
      padding: 0 8px;
      display: inline-block;
      transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  }

  .footerlink a:hover {
      padding: 0 8px;
      transform: translateY(-8px);
  }

  .footerlink a img {
      max-width: 60px;
      vertical-align: middle;
      transition: transform 0.3s ease;
  }

  /* 滿版區塊處理 (抵銷預設 main container 的 padding) */
  .full-bleed {
      margin-left: -1.5rem;
      margin-right: -1.5rem;
      padding-left: 1.5rem;
      padding-right: 1.5rem;
  }

  @media (min-width: 768px) {
      .full-bleed {
          margin-left: -3rem;
          margin-right: -3rem;
          padding-left: 3rem;
          padding-right: 3rem;
      }
  }

  /* 區塊顏色 */
  .bg-khaki {
      background-color: #b8a58b;
      /* 奶茶/卡其色 */
      color: #f8f9fa;
  }

  .bg-grey {
      background-color: #7d7d7d;
      /* 灰色 */
      color: #f8f9fa;
  }

  /* 點綴圖案 (使用佔位圖模擬設計稿中的雲朵圖騰) */
  .pattern-bg {
      background-image: url('https://via.placeholder.com/200x80/b5a592/ffffff?text=Pattern+Clouds');
      background-repeat: repeat-x;
      background-position: center;
      height: 60px;
      width: 100%;
      opacity: 0.6;
  }

  /* 文字排版實用類別 */
  .fw-handwriting {
      font-family: 'Brush Script MT', 'Caveat', cursive, sans-serif;
      font-size: 3rem;
      letter-spacing: 0.1rem;
  }

  .letter-spacing-md {
      letter-spacing: 0.2rem;
  }

  .letter-spacing-lg {
      letter-spacing: 0.4rem;
  }

  .line-height-lg {
      line-height: 2.2;
  }

  .text-sm {
      font-size: 0.85rem;
  }

  .text-xs {
      font-size: 0.75rem;
  }

  /* 直式文字排版 */
  .text-vertical {
      writing-mode: vertical-rl;
      text-orientation: mixed;
  }

  /* ================= Section 2 專屬樣式 ================= */

  /* 區塊背景色 (依據設計稿吸色的灰色) */
  .bg-section-grey {
      background-color: #848484;
  }

  /* 點綴文字與線條顏色 (依據設計稿吸色的淡卡其/黃色) */
  .text-accent-yellow {
      color: #dfd5a5;
  }

  /* 寬字距設定 (套用於引言，增加呼吸感) */
  .letter-spacing-wide {
      letter-spacing: 0.15em;
  }

  /* 直式排版容器設定 */
  .vertical-text-container {
      writing-mode: vertical-rl;
      /* 文字由上而下，行由右至左 */
      text-orientation: mixed;
      /* 中文直立，英文/符號預設順時針旋轉90度 */
      letter-spacing: 0.6em;
      /* 直排時的字距 */
      line-height: 2;
  }

  /* 針對直式排版中的 'x' 符號進行角度修正，使其保持正向 */
  .vertical-x {
      display: inline-block;
      margin: 1rem 0;
      transform: rotate(90deg);
      /* 將被 text-orientation 轉倒的 'x' 轉正 */
  }

  /* 突破帶有 Padding 的父容器，實現滿版背景 */
  .warmth-full-width {
      margin-left: -1.5rem;
      margin-right: -1.5rem;
      padding-left: 1.5rem;
      padding-right: 1.5rem;
  }

  @media (min-width: 768px) {
      .warmth-full-width {
          margin-left: -3rem;
          margin-right: -3rem;
          padding-left: 3rem;
          padding-right: 3rem;
      }

      .page04bg {
          background-image: url(../images/page04_04.jpg);
          min-height: 2vh;
          padding: 15rem 0;
          background-repeat: no-repeat;
          background-position: right center;
      }
  }

  .mt20 {
      margin-top: -5%;


  }

  .img100 {
      width: 100%;
      margin-left: -3rem;
  }

  .text-right {
      text-align: right;
  }

  h1.title01 {
      font-family: 'Noto Sans TC' !important;
      line-height: 130%;
      font-weight: 300;
      font-size: 2rem;
  }

  .justify-text00 {
      text-align: justify;
      text-justify: inter-ideograph;
      /* 針對中文等亞洲文字優化字距排版 */
  }

  .ledfssdf {
      letter-spacing: 0.4rem;
  }

  .ledfssdf22 {
      letter-spacing: 10px;
      font-family: 'Noto Sans TC' !important;
  }

  .warmth-full-width00 {
      margin-left: -3rem;
      margin-right: -3rem;
      padding-left: 0rem;
      padding-right: 0rem;
  }