/* ===== Brand Colors =====
     01 #425D5F 主色
     02 #BACACB 描边/辅助 + 表头背景
     03 #F8F7F2 背景
     04 #FDE7A2 浅黄
     05 #FAA943 橙色（高亮）
  ========================== */

  .plan-compare-wrapper {
    background: #F8F7F2;
    padding: 16px 20px;
    border-radius: 16px;
    margin-top: 24px;
    /* 手机上表格太宽时可以左右滑动 */
    overflow-x:auto;
  }

  .plan-compare-title {
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #425D5F;
    margin-bottom: 10px;
    white-space: nowrap;
  }

  .plan-compare-table {
    width: 100%;
    min-width: 520px; /* 防止列被挤得太窄，手机端通过左右滑动查看 */
    border-collapse: collapse;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;
    font-size: 14px;
    color: #425D5F;
  }

  /* 表头：你要的 #BACACB */
  .plan-compare-table thead {
    background: #BACACB;
  }

  .plan-compare-table thead th {
    color: #425D5F;
  }

  .plan-compare-table th,
  .plan-compare-table td {
    padding: 10px 12px;
    border-bottom: 1px solid #E3E7E8;
    text-align: left;
    vertical-align: middle;
      word-break: normal;
      overflow-wrap: break-word;
      hyphens: auto;
  }

  .plan-compare-table th {
    font-weight: 600;
    white-space: nowrap;
  }

  .plan-compare-feature {
    width: 20%;
  }

  .plan-compare-desc {
    width: 40%;
    color: #556c6f;
  }

  .plan-compare-plan {
    text-align: center;
    width: 13%;
  }

  /* ===== Icons ===== */
  .plan-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
  }

  /* 默认 Included：浅蓝灰圆圈 */
  .plan-icon.included {
    background: #BACACB;
    color: #FFFFFF;
  }

  /* 高亮 Included：橙色圆圈（当前这档） */
  .plan-icon.highlight {
    background: #FAA943;
    color: #FFFFFF;
  }

  /* N/A：浅蓝灰描边 + 灰色短横线 */
  .plan-icon.na {
    background: transparent;
    border: 2px solid #BACACB;
    color: #BACACB;
    font-size: 16px;
  }

  /* 当前档位所包含内容的文字加粗 */
  .highlight-text {
    font-weight: 600;
    color: #425D5F;
  }

  /* ===== Mobile 优化 ===== */
  @media (max-width: 768px) {
    .plan-compare-wrapper {
      padding: 12px 12px;
      margin-left:0px;
    }

    .plan-compare-title {
      font-size: 14px;
      margin-bottom: 8px;
    }

    .plan-compare-table {
      font-size: 13px;
      min-width: 480px; /* 稍微收窄一点，让滑动更自然 */
    }

    .plan-compare-table th,
    .plan-compare-table td {
      padding: 8px 8px;
    }
  }
/* 防止 iPhone Safari 压缩 Category & Description 列导致单词被拆开 */
.plan-compare-feature,
.plan-compare-desc {
  min-width: 140px;       /* 可以调整成 130 / 150 自己试 */
  white-space: normal !important;
  word-break: keep-all !important;  /* iOS 最有效 */
  overflow-wrap: break-word;
}
/* 只在移动端生效的换行符 */
.br-mobile {
  display: none;
}

@media (max-width: 768px) {
  .br-mobile {
    display: block;          /* 在小屏上当成一行来断开 */
  }
}
/* 让每个对勾圆圈在单元格内居中 */
.plan-compare-table td .plan-icon {
  margin-left: auto;
  margin-right: auto;
  display: flex !important;
}
.plan-compare-plan {
  text-align: center !important;
}


/* === 简单覆盖：表格在 PC / Mobile 上更容易看 === */

/* 桌面 & 通用尺寸 */
.plan-compare-title {
  font-size: 18px;
  font-weight: 600;
}

.plan-compare-table {
  font-size: 15px;
  min-width: 640px;  /* 比之前宽一点，手机上不那么挤 */
}

/* mobile 细调 */
@media (max-width: 768px) {
  .plan-compare-wrapper {
    padding: 12px 12px;
  }

  .plan-compare-title {
    font-size: 16px;
    margin-bottom: 8px;
  }

  .plan-compare-table {
    font-size: 14px;
    min-width: 680px;   /* 手机上再稍宽一点，需要时左右滑 */
  }

  .plan-compare-table th,
  .plan-compare-table td {
    padding: 8px 10px;
  }
}


/* 表头链接样式，与文字外观保持一致 */
.plan-compare-table .plan-link {
  color: #425D5F;
  text-decoration:underline;
  font-weight: 600;
}

.plan-compare-table .plan-link:hover {
  text-decoration: underline;
  cursor: pointer;
}