.category-en-bottom-desc
{
 background-color: #fff;
    padding: 15px 20px;
    border-radius: 3px;
    color: #000;
}
.category-en-bottom-desc h1
{
text-transform: capitalize;
    text-align: center;
    font-size: 2.0em;
    color: #000;
}
.category-en-bottom-desc p
{
   color: #000;
   font-size: 1.15em;
   line-height: 1.6;
   padding:3px 0;
}
.category-en-bottom-desc b strong
{
   font-weight: 400 !important;
}
@media screen and (max-width: 500px) {
 .category-en-bottom-desc h1
{
text-transform: capitalize;
    text-align: center;
    font-size: 1.7em;
    color: #000;
}
}

/* 链接 */
.category-en-bottom-desc a {
  color: #5a7fa3; /* 柔和的青蓝色，低饱和度 */
  text-decoration: none;
  border-bottom: 1px dashed #5a7fa3;
  transition: color 0.3s ease;
}

.category-en-bottom-desc a:hover {
  color: #4071b5; /* 悬停稍微深一点的蓝色 */
  border-bottom: 1px solid #4071b5;
  cursor: pointer;
}

/* h2 小标题 */
.category-en-bottom-desc h2 {
  font-size: 1.55em;
  color: #222;
  margin: 20px 0 10px 0;
  font-weight: 600;
  border-left: 3px solid #d1d9e6; /* 更淡雅的蓝灰色边框 */
  padding-left: 10px;
}

.category-en-bottom-desc ul{
  list-style: none;
  margin: 0 0 10px 0;
  padding-left: 0px;
}

.category-en-bottom-desc li{
  position: relative;
  padding-left: 22px;
  font-size: 1.15em;
  line-height: 1.6;
  margin: 0 0 6px 0;
}
.category-en-bottom-desc li::before
{
  content: "•";
  position: absolute;
  left: 0;
  top: 0.05em;
}

@media screen and (max-width: 500px) {
  .category-en-bottom-desc h2 {
    font-size: 1.4em;
  }
}

/* h3 子标题 */
.category-en-bottom-desc h3 {
  font-size: 1.35em;
  color: #444;
  margin: 15px 0 8px 0;
  font-weight: 500;
  text-decoration: underline;
  text-decoration-color: #ddd;
  text-underline-offset: 4px;
}

@media screen and (max-width: 500px) {
  .category-en-bottom-desc h3 {
    font-size: 1.2em;
  }
}

/* PC端：全部显示，无需按钮 */
@media screen and (min-width: 769px) {
.category-desc-full {
  display: block !important;
}
.category-desc-toggle {
  display: none;
}
}

/* 手机端：隐藏长内容，显示按钮 */
@media screen and (max-width: 768px) {
.category-desc-full {
  display: none;
}

.category-desc-toggle {
  text-align: center;
  margin-top: 10px;
}

.category-desc-toggle a {
  color: #4071b5;
  font-weight: bold;
  cursor: pointer;
  border-bottom: 1px dashed #4071b5;
}
}

/* --- Table 样式定制 --- */
.category-en-bottom-desc table {
    width: 100%;
    margin: 15px 0;
    border-collapse: collapse;
    font-size: 1em;
    line-height: 1.5;
    color: #333;
    table-layout: auto;
}

/* 表头样式 - 呼应 h2 的淡灰色调 */
.category-en-bottom-desc th {
    background-color: #f8f9fa;
    color: #222;
    font-weight: 600;
    padding: 12px 10px;
    border: 1px solid #e9ecef;
    text-align: left;
}

/* 单元格样式 */
.category-en-bottom-desc td {
    padding: 10px;
    border: 1px solid #e9ecef;
    vertical-align: middle;
    word-break: break-word; /* 防止长单词撑开 */
}

/* 隔行变色 - 增加可读性 */
.category-en-bottom-desc tr:nth-child(even) {
    background-color: #fcfcfc;
}

/* 悬停效果 */
.category-en-bottom-desc tr:hover {
    background-color: #f5f7f9;
}

/* --- 移动端自适应处理 --- */
@media screen and (max-width: 768px) {
    .category-en-bottom-desc {
        overflow-x: auto; /* 允许横向滚动 */
    }
    
    .category-en-bottom-desc table {
        display: block; /* 转换为块级以支持滚动 */
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch; /* iOS 滚动流畅 */
        white-space: nowrap; /* 强制不换行，确保可以左右滑动查看 */
    }

    .category-en-bottom-desc td, 
    .category-en-bottom-desc th {
        font-size: 0.9em;
        padding: 8px;
        white-space: normal; /* 单元格内部允许正常换行 */
        min-width: 100px;    /* 保证每列至少有一定宽度，不会挤在一起 */
    }
}