.elementor-3761 .elementor-element.elementor-element-79066c4{--display:flex;}/* Start custom CSS for wd_text_block, class: .elementor-element-10eba62 *//* ==========================================================================
   Class 前綴：jf-rebate- (設計規範：亮色系紫調、全無圓角、文字靠左、最外層去背景)
   ========================================================================== */

/* 主容器配置（不帶任何背景底色，融合底層頁面背景） */
.jf-rebate-main-container {
  width: 100%;
  max-width: 850px;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #333333;
  line-height: 1.8;
}

/* 核心規範：全無圓角、全靠左對齊 */
.jf-rebate-main-container * {
  box-sizing: border-box;
  text-align: left !important;
  border-radius: 0 !important;
}

/* 獨立卡片結構 */
.jf-rebate-card {
  background-color: #ffffff;
  padding: 35px;
  margin-bottom: 25px;
  border-top: 4px solid #5A4275; /* 配色深紫作為主卡上頂線 */
  border-left: 1px solid #e6e2ee;
  border-right: 1px solid #e6e2ee;
  border-bottom: 1px solid #e6e2ee;
  box-shadow: 0 4px 12px rgba(90, 66, 117, 0.04);
}

/* 英雄宣傳首卡微調 */
.jf-rebate-hero-card {
  border-top-color: #D0C1EC; /* 主色亮紫 */
  background: linear-gradient(180deg, #ffffff 0%, #faf8ff 100%);
}

/* 標題體系 */
.jf-rebate-main-title {
  color: #5A4275; /* 大標題深紫配色 */
  font-size: 26px;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 20px;
  line-height: 1.4;
  letter-spacing: 0.5px;
}

.jf-rebate-cate-title {
  color: #5A4275;
  font-size: 20px;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 20px;
  padding-bottom: 12px;
  border-bottom: 2px solid #e6e2ee;
}

.jf-rebate-section-subtitle {
  color: #3a2650; /* 內文強調深紫 */
  font-size: 17px;
  font-weight: bold;
  margin-top: 22px;
  margin-bottom: 12px;
  border-left: 4px solid #D0C1EC; /* 主色亮紫 */
  padding-left: 12px;
}

/* 文章段落與強調 */
.jf-rebate-main-container p {
  font-size: 15.5px;
  color: #4a4a4a;
  margin-top: 0;
  margin-bottom: 16px;
}
.jf-rebate-main-container p:last-child {
  margin-bottom: 0;
}

.jf-rebate-intro-text {
  font-size: 16px;
  color: #2b2b2b;
}

.jf-rebate-main-container strong {
  color: #3a2650;
}

/* 行內超連結 */
.jf-rebate-main-container a {
  color: #5A4275;
  text-decoration: none;
  font-weight: bold;
  border-bottom: 1px dashed #5A4275;
  transition: color 0.2s ease;
}
.jf-rebate-main-container a:hover {
  color: #D0C1EC;
  border-bottom-style: solid;
}

/* 序號與清單排版 */
.jf-rebate-step-list {
  padding-left: 20px;
  margin: 0;
}
.jf-rebate-step-list li {
  font-size: 15px;
  margin-bottom: 12px;
  color: #4a4a4a;
}

.jf-rebate-list {
  padding-left: 20px;
  margin-top: 0;
  margin-bottom: 20px;
  list-style-type: square;
}
.jf-rebate-list li {
  font-size: 15px;
  color: #4a4a4a;
  margin-bottom: 10px;
}

.jf-rebate-sub-block {
  margin-bottom: 25px;
}
.jf-rebate-sub-block:last-child {
  margin-bottom: 0;
}

/* ==========================================================================
   表格樣式設計 (針對大表格進行 RWD 防爆優化)
   ========================================================================== */
.jf-rebate-table-wrapper {
  width: 100%;
  overflow-x: auto;
  margin: 20px 0;
  border: 1px solid #e6e2ee;
  -webkit-overflow-scrolling: touch;
}

.jf-rebate-compare-table {
  width: 100%;
  min-width: 650px; /* 保證大數據在桌機與小螢幕中不產生嚴重壓縮畸形 */
  border-collapse: collapse;
  font-size: 14px;
}

.jf-rebate-compare-table th {
  background-color: #5A4275;
  color: #ffffff !important;
  padding: 12px 10px;
  font-weight: bold;
  font-size: 13.5px;
}

.jf-rebate-compare-table td {
  padding: 12px 10px;
  border: 1px solid #e6e2ee;
  color: #4a4a4a;
  background-color: #ffffff;
  text-align: left;
}

.jf-rebate-compare-table tr:nth-child(even) td {
  background-color: #faf8ff;
}

/* ==========================================================================
   結尾獨立滿版卡片式 CTA 導流區（拒絕長方形按鈕，採方格矩陣排版）
   ========================================================================== */
.jf-rebate-cta-container {
  background-color: #3a2650; /* 深紫金屬色背景 */
  border: 1px solid #3a2650;
  padding: 40px;
  margin-bottom: 25px;
  box-shadow: 0 6px 20px rgba(58, 38, 80, 0.15);
}

.jf-rebate-cta-container * {
  color: #ffffff !important;
}

.jf-rebate-cta-main-title {
  font-size: 23px;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 15px;
  color: #D0C1EC !important; /* 亮紫導航醒目突顯 */
}

.jf-rebate-cta-text {
  font-size: 15px;
  line-height: 1.7;
  color: #e9e4f0 !important;
  margin-bottom: 30px;
}

/* 網址導流方格區 */
.jf-rebate-cta-grid {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.jf-rebate-cta-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 15px 20px;
  text-decoration: none;
  background-color: #2a1b3d;
  border: 1px solid #4d3568;
  transition: all 0.25s ease-in-out;
}

.jf-rebate-box-label {
  font-size: 13px;
  color: #D0C1EC !important;
  opacity: 0.9;
  margin-bottom: 4px;
}

.jf-rebate-box-url {
  font-size: 15px;
  letter-spacing: 0.5px;
  font-weight: bold;
}

/* 懸停動態效果 */
.jf-rebate-cta-box:hover {
  background-color: #D0C1EC;
  border-color: #D0C1EC;
}

.jf-rebate-cta-box:hover * {
  color: #3a2650 !important; /* 滑過時文字轉變深色 */
}

/* ==========================================================================
   手機版 RWD 最佳化：防胖 Padding 調整
   ========================================================================== */
@media screen and (max-width: 768px) {
  .jf-rebate-card {
    padding: 24px 16px; /* 緊縮手機端兩側寬度，防止看起來臃腫過胖 */
    margin-bottom: 18px;
  }
  .jf-rebate-cta-container {
    padding: 25px 16px;
  }
  .jf-rebate-main-title {
    font-size: 21px;
    margin-bottom: 14px;
  }
  .jf-rebate-cate-title {
    font-size: 18px;
    margin-bottom: 15px;
  }
  .jf-rebate-main-container p {
    font-size: 14.5px;
  }
  .jf-rebate-box-url {
    font-size: 14px;
  }
}/* End custom CSS */