.elementor-4087 .elementor-element.elementor-element-79066c4{--display:flex;}/* Start custom CSS for wd_text_block, class: .elementor-element-10eba62 *//* 全域基礎設定 */
.article-wrapper {
  max-width: 880px;
  margin: 0 auto;
  padding: 32px 20px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang TC", "Microsoft JhengHei", sans-serif;
  background-color: #f7f5f9; /* 頁面淡紫色底色 */
  color: #333333;
  line-height: 1.8;
}

/* 1. 頂部獨立淡紫色前言大卡片 (還原圖片樣式) */
.hero-intro-card {
  background-color: #f1ecf7; /* 圖片中的柔和淡紫灰色背景 */
  border: 1px solid #e2d9eb; /* 紫灰色 border */
  border-radius: 12px;
  padding: 32px 36px;
  margin-bottom: 36px;
  box-shadow: 0 4px 16px rgba(100, 70, 120, 0.06);
}

.card-main-title {
  font-size: 1.45rem;
  font-weight: 700;
  color: #4a3366; /* 圖片中沉穩紫色大標題 */
  margin: 0 0 18px 0;
  line-height: 1.4;
  letter-spacing: 0.3px;
}

/* 圖片大標題底下的虛線點點分隔線 */
.title-divider {
  border-bottom: 2px dotted #d1c3e0;
  margin-bottom: 20px;
}

.intro-paragraph {
  font-size: 1rem;
  color: #554d5e;
  margin: 0 0 14px 0;
  text-align: justify;
  line-height: 1.75;
}

.intro-paragraph:last-child {
  margin-bottom: 0;
}

/* 2. 文章段落內容區 */
.content-section {
  padding: 0 4px;
}

/* 帶有左側深紫立體條的 H2 標題 */
.section-heading {
  position: relative;
  font-size: 1.3rem;
  font-weight: 700;
  color: #2e1f40;
  margin: 36px 0 16px 0;
  padding-left: 16px;
  display: flex;
  align-items: center;
}

.section-heading::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 5px;
  height: 22px;
  background-color: #6b4694; /* 紫色主題側邊條 */
  border-radius: 2px;
}

.body-text {
  font-size: 1rem;
  color: #4a4550;
  margin-bottom: 16px;
  text-align: justify;
}

/* 3. 紫色系主題表格設計 */
.table-container {
  margin: 24px 0;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #e0d6e8;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
}

.styled-table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
  font-size: 0.95rem;
  background-color: #ffffff;
}

.styled-table thead {
  background-color: #6b4694; /* 主題紫標頭 */
  color: #ffffff;
}

.styled-table th {
  padding: 12px 20px;
  font-weight: 600;
}

.styled-table td {
  padding: 14px 20px;
  border-bottom: 1px solid #f0eaf5;
  color: #554d5e;
}

.styled-table tbody tr:nth-child(even) {
  background-color: #f9f7fc;
}

.styled-table tbody tr:last-child td {
  border-bottom: none;
}

/* 4. 結語重點提示框 */
.summary-box {
  background-color: #f1ecf7;
  border-left: 4px solid #6b4694;
  padding: 18px 22px;
  border-radius: 0 8px 8px 0;
  margin-top: 24px;
}

.summary-text {
  margin: 0;
  font-size: 0.98rem;
  color: #3b2a50;
}

/* 響應式手機微調 */
@media (max-width: 600px) {
  .hero-intro-card {
    padding: 24px 20px;
  }
  .card-main-title {
    font-size: 1.25rem;
  }
  .section-heading {
    font-size: 1.18rem;
  }
  .styled-table th, .styled-table td {
    padding: 10px 14px;
    font-size: 0.88rem;
  }
}/* End custom CSS */