/* Banner區塊 */
  #intro .premium-overlay::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* 漸層遮罩層級 z-index 需在背景圖之上 */
    background: linear-gradient(180deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.5) 100%) !important;
    z-index: 1;
  }

  /* 2. 標題排版與視覺階層 */
  #intro .carousel-content {
    z-index: 2;
    text-align: center;
  }

  #intro .banner-sub-tag {
    display: inline-block;
    background: #b52026; /* 傳家標誌紅 */
    color: #fff;
    padding: 5px 20px;
    border-radius: 50px;
    font-size: 0.9rem;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(181, 32, 38, 0.3);
  }

  /* 視覺上是大標題， */
  #intro .banner-main-title {
    font-size: 2.8rem;
    letter-spacing: 3px;
    text-shadow: 2px 2px 15px rgba(0,0,0,0.5);
    line-height: 1.2;
    color: #fff;
    font-weight: 800;
  }

  /* 3. 手機版 RWD 適應 */
  @media (max-width: 768px) {
    #intro .banner-main-title { font-size: 1.8rem; letter-spacing: 1px; }
    #intro .banner-sub-tag { font-size: 0.8rem; padding: 3px 15px; }
  }
/* END Banner區塊 */

/* 文章內容區塊 */
  #item-2 .article-render-box {
    background: #fff;
    padding: 50px;
    border-radius: 20px;
    box-shadow: 0 10px 50px rgba(0,0,0,0.03);
    border: 1px solid #f0e6d2;
    position: relative;
    overflow: hidden;
    z-index: 1; /* 層次 */
  }

  /* 在背景加入淡淡的浮水印：修正層級與透明度 */
  #item-2 .article-render-box::before {
    content: "傳家古禮";
    position: absolute;
    bottom: 20px; /* 改到右下角比較不吵 */
    right: 20px;
    font-size: 6rem; /* 稍微縮小一點 */
    color: #fcfcfc; /* 極淡的顏色 */
    font-weight: 900;
    z-index: -1; /* 強制放到文字最後方 */
    pointer-events: none;
    user-select: none;
  }

  /* --- 核心：統一排版與行高修正 --- */
  
  #item-2 .article-render-box, 
  #item-2 .article-render-box p, 
  #item-2 .article-render-box span, 
  #item-2 .article-render-box font {
    font-size: 1.1rem !important; 
    color: #444 !important;       
    line-height: 1.6 !important;  /* 行高從 2 降至 1.6，視覺更精煉 */
    font-family: "Noto Sans TC", sans-serif !important;
    text-align: justify !important;
    background-color: transparent !important; 
    position: relative;
    z-index: 2; /* 確保文字在浮水印上方 */
  }

  #item-2 .article-render-box img {
    display: block;
    max-width: 90%; 
    height: auto !important;
    margin: 40px auto !important; /* 縮小圖片上下間距 */
    border-radius: 4px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1); 
    border: 8px solid #fff; 
    outline: 1px solid #eee;
    position: relative;
    z-index: 3;
  }

  #item-2 .article-render-box p {
    margin-bottom: 20px !important; /* 縮小段落間距 */
    padding: 0 !important;
  }

  #item-2 .article-render-box strong, 
  #item-2 .article-render-box b {
    color: #b52026 !important;
    font-weight: 900 !important;
    border-bottom: 2px solid rgba(181, 32, 38, 0.3); /* 下底線改淺一點，不干擾視線 */
  }


  /* --- 分頁連結 --- */
  /* 1. 顏色為傳家紅，並移除下底線 */
  #item-2 .article-render-box a {
  color: #b52026 !important;
  text-decoration: none !important; /* 移除下底線 */
  font-weight: 700; /* 加粗讓它與一般文字有區隔 */
  transition: all 0.3s ease;
  border-bottom: 1px dashed rgba(181, 32, 38, 0.3); /* 改用淡淡的虛線代替實線下底線，更有質感 */
  }

  /* 2. 滑鼠移入效果 */
  #item-2 .article-render-box a:hover {
  color: #333 !important; /* 移上去變深灰色，提供互動感 */
  border-bottom: 1px solid #333; /* 變成實線 */
  background-color: rgba(181, 32, 38, 0.05); /* 淡淡的背景提示 */
  }

  /* --- 行高與浮水印修正 (維持) --- */
  #item-2 .article-render-box, 
  #item-2 .article-render-box p, 
  #item-2 .article-render-box span {
  font-size: 1.1rem !important; 
  color: #444 !important;       
  line-height: 1.6 !important; /* 已縮小行高 */
  position: relative;
  z-index: 2;
  }

  /* 確保浮水印在最底層 */
  #item-2 .article-render-box::before {
  z-index: -1 !important;
  opacity: 0.3; /* 再次調低透明度，確保不壓字 */
  }

  /* --- 手機版 --- */
  @media (max-width: 768px) {
    #item-2 .article-render-box {
      padding: 20px 15px; 
      border-radius: 0;   
      border: none;
      box-shadow: none;
    }
    /* 手機版隱藏浮水印，確保閱讀乾淨 */
    #item-2 .article-render-box::before {
      display: none;
    }
    #item-2 .article-render-box, 
    #item-2 .article-render-box p {
      font-size: 1.05rem !important;
      line-height: 1.5 !important; /* 手機版行高再緊湊一點 */
    }
    #item-2 .article-render-box img {
      max-width: 100%;
      border-width: 4px;
      margin: 25px auto !important;
    }
  }
/* END 文章內容區塊 */

/* 返回頁面及預約、抓周介紹區塊 */
  .article-footer-nav {
    border-top: 1px dashed #ddd !important;
    padding-bottom: 50px;
  }

  /* 通用按鈕基礎 */
  .btn-premium-footer {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    font-weight: 700;
    text-decoration: none !important;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    margin: 8px;
    white-space: nowrap;
  }

  /* 1. 返回列表 (最輕) */
  .btn-back-list {
    color: #888 !important;
    background: #f8f9fa;
    padding: 12px 22px;
    font-size: 0.95rem;
    border: 1px solid #eee;
  }
  .btn-back-list:hover {
    background: #eee;
    color: #333 !important;
    transform: translateX(-5px);
  }

  /* 2. 抓周介紹 - 品牌紅邊框 */
  .btn-info-service {
    color: #b52026 !important;
    background: #fff;
    padding: 12px 28px;
    font-size: 1rem;
    border: 2px solid #b52026;
  }
  .btn-info-service:hover {
    background: #b52026;
    color: #fff !important;
    box-shadow: 0 5px 15px rgba(181, 32, 38, 0.2);
  }

  /* 3. 立即預約 - 品牌紅實心 */
  .btn-go-booking {
    color: #fff !important;
    background: #b52026;
    padding: 14px 35px;
    font-size: 1.05rem;
    box-shadow: 0 6px 20px rgba(181, 32, 38, 0.3);
    border: 2px solid #b52026;
  }
  .btn-go-booking:hover {
    background: #333;
    border-color: #333;
    transform: translateY(-5px) scale(1.03);
  }

  /* 手機版適應：垂直排列並優化順序 */
  @media (max-width: 768px) {
    .btn-premium-footer {
      display: flex;
      width: 100%;
      margin: 10px 0;
    }
    /* 手機版排序：預約 > 介紹 > 返回 */
    .order-1 { order: 1; }
    .order-2 { order: 2; }
    .order-3 { order: 3; }
  }

  /*END 返回頁面及預約、抓周介紹區塊 */