/*
======================================================================
  EMBED 模块样式
  包含：视频嵌入内容块样式
======================================================================
*/

/* 嵌入视频内容块样式 */
.embed-block-wrapper {
  width: 100%;                     /* 宽度占满容器 */
  max-width: 100%;                 /* 最大宽度为100%，防止溢出 */
  margin: 1rem 0;                  /* 上下边距1rem，与其他内容保持间距 */
}

/* 响应式嵌入容器 */
.embed-responsive {
  position: relative;              /* 相对定位，为子元素绝对定位提供参考 */
  display: block;                  /* 块级元素显示 */
  height: 0;                       /* 高度设为0，通过padding-bottom控制实际高度 */
  padding: 0;                      /* 内边距为0 */
  overflow: hidden;                /* 隐藏溢出内容 */
}

/* 嵌入内容项通用样式 */
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;              /* 绝对定位 */
  top: 0;                          /* 顶部对齐 */
  bottom: 0;                       /* 底部对齐 */
  left: 0;                         /* 左侧对齐 */
  width: 100%;                     /* 宽度占满容器 */
  height: 100%;                    /* 高度占满容器 */
  border: 0;                       /* 无边框 */
}

/* 16:9宽高比设置 */
.embed-responsive-16by9 {
  padding-bottom: 56.25%;          /* 16:9比例计算：9/16 = 56.25% */
}

/* 段落中嵌入内容的响应式样式 */
.block-paragraph_block div[data-embed] .embed-responsive {
  margin: 1rem 0;                  /* 上下边距1rem */
  width: 100%;                     /* 宽度占满容器 */
  max-width: 100%;                 /* 最大宽度100% */
}

/*
======================================================================
  PRODUCT 模块样式
  包含：产品索引页面、产品卡片等样式
======================================================================
*/

/* 产品索引页面分类导航样式 */

/* 分类导航容器 */
.template-productindexpage .category-navigation {
  display: flex;                    /* 弹性布局 */
  flex-wrap: wrap;                  /* 允许换行 */
  gap: 10px;                        /* 间距 */
  padding: 20px 0;                  /* 上下内边距 */
  margin-bottom: 20px;              /* 底部外边距 */
  align-items: stretch;             /* 子元素拉伸以匹配容器高度 */
}

/* 分类导航链接 */
.template-productindexpage .category-link {
  display: inline-block;            /* 行内块显示 */
  padding: 8px 16px;                /* 内边距 */
  background-color: #f8f9fa;        /* 背景色 */
  border: 1px solid #dee2e6;        /* 边框 */
  border-radius: 20px;              /* 圆角 */
  color: #495057;                   /* 文字颜色 */
  text-decoration: none;            /* 无下划线 */
  transition: all 0.3s ease;        /* 过渡效果 */
  font-size: 0.9rem;                /* 字体大小 */
  white-space: nowrap;              /* 防止文字换行 */
  flex-shrink: 0;                   /* 防止链接被压缩 */
}

/* 分类导航链接悬停效果 */
.template-productindexpage .category-link:hover {
  background-color: #e9ecef;        /* 背景色 */
  border-color: #adb5bd;            /* 边框色 */
  color: #212529;                   /* 文字颜色 */
  transform: translateY(-2px);       /* 向上移动 */
  box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* 阴影 */
}

/* 激活状态的分类导航链接 */
.template-productindexpage .category-link.active {
  background-color: #c55302;       /* 激活状态背景色 */
  border-color: #c55302;           /* 激活状态边框色 */
  color: white;                    /* 激活状态文字颜色 */
  font-weight: 600;                /* 字体粗细 */
}

/* 小屏幕设备样式 */
@media (max-width: 767px) {
  /* 小屏幕上的导航 */
  .template-productindexpage .category-navigation {
    flex-wrap: nowrap;               /* 不换行 */
    overflow-x: auto;                /* 横向滚动 */
    padding-bottom: 10px;            /* 底部内边距 */
    -webkit-overflow-scrolling: touch; /* 增强移动端滚动体验 */
    align-items: stretch;            /* 子元素拉伸以匹配容器高度 */
  }
  
  /* 分类导航链接在小屏幕上 */
  .template-productindexpage .category-link {
    white-space: nowrap;             /* 防止文字换行 */
    flex-shrink: 0;                  /* 防止链接被压缩 */
  }
  
  /* 自定义滚动条 */
  .template-productindexpage .category-navigation::-webkit-scrollbar {
    height: 4px;                     /* 滚动条高度 */
  }
  
  /* 滚动条滑块 */
  .template-productindexpage .category-navigation::-webkit-scrollbar-thumb {
    background: #c55302;             /* 滚动条颜色 */
    border-radius: 2px;              /* 滚动条圆角 */
  }
}

/* 当前分类展示区域 */
.template-productindexpage .current-category {
  background-color: #e9ecef;        /* 背景色 */
  border-left: 4px solid #c55302;   /* 左侧边框 */
  padding: 12px 20px;               /* 内边距 */
  margin-bottom: 20px;              /* 底部外边距 */
  border-radius: 0 4px 4px 0;       /* 右侧圆角 */
}

/* 当前分类文字 */
.template-productindexpage .current-category small {
  color: #495057;                  /* 文字颜色 */
  font-weight: 500;                /* 字体粗细 */
}

/* 产品详情页面分类和标签链接样式 */

/* 产品详情页面分类链接 */
.product-category-link {
  display: inline-block;            /* 行内块显示 */
  padding: 6px 12px;                /* 内边距 */
  background-color: #f8f9fa;        /* 背景色 */
  border: 1px solid #dee2e6;        /* 边框 */
  border-radius: 4px;               /* 圆角 */
  color: #495057;                   /* 文字颜色 */
  text-decoration: none;            /* 无下划线 */
  transition: all 0.3s ease;        /* 过渡效果 */
  font-size: 0.85rem;               /* 字体大小 */
}

/* 产品详情页面分类链接悬停效果 */
.product-category-link:hover {
  background-color: #e9ecef;        /* 背景色 */
  border-color: #adb5bd;            /* 边框色 */
  color: #212529;                   /* 文字颜色 */
  transform: translateY(-2px);       /* 向上移动 */
  box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* 阴影 */
}

/* 产品详情页面标签链接 */
.product-tag-link {
  display: inline-block;            /* 行内块显示 */
  padding: 4px 10px;                /* 内边距，比分类链接略小 */
  background-color: #f8f9fa;        /* 背景色 */
  border: 1px solid #dee2e6;        /* 边框 */
  border-radius: 12px;              /* 大圆角，胶囊形状 */
  color: #495057;                   /* 文字颜色 */
  text-decoration: none;            /* 无下划线 */
  transition: all 0.3s ease;        /* 过渡效果 */
  font-size: 0.8rem;                /* 较小字体 */
  margin-right: 5px;                /* 右侧外边距 */
  margin-bottom: 5px;               /* 底部外边距 */
}

/* 产品详情页面标签链接悬停效果 */
.product-tag-link:hover {
  background-color: #e9ecef;        /* 背景色 */
  border-color: #adb5bd;            /* 边框色 */
  color: #212529;                   /* 文字颜色 */
  transform: translateY(-2px);       /* 向上移动 */
  box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* 阴影 */
}

/* 产品索引页面产品卡片间距调整 */
.template-productindexpage .col-sm-6.col-md-6 {
  padding-top: 10px;                /* 顶部内边距 */
  padding-bottom: 10px;             /* 底部内边距 */
}

/*
----------------------------------------------------------------------
  PRODUCT CARD 样式
----------------------------------------------------------------------
*/

/* 产品卡片基础样式 */
.product-card {
  position: relative;               /* 相对定位 */
  border: 1px solid #e1e1e1;        /* 边框 */
  border-radius: 4px;               /* 圆角 */
  overflow: hidden;                 /* 隐藏溢出内容 */
  transition: box-shadow 0.3s ease; /* 阴影过渡效果 */
  background-color: #fff;           /* 背景色 */
  display: flex;                    /* 弹性布局 */
  flex-direction: column;           /* 垂直排列 */
  height: 100%;                     /* 高度100% */
  margin-bottom: 20px;              /* 底部外边距 */
}

/* 产品卡片悬停效果 */
.product-card:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* 添加阴影 */
}

/* 产品卡片链接 */
.product-card__link {
  text-decoration: none;            /* 无下划线 */
  color: inherit;                   /* 继承颜色 */
  display: block;                   /* 块级显示 */
  line-height: 0;                   /* 行高为0，消除间隙 */
}

/* 产品卡片链接悬停时图片缩放效果 */
.product-card__link:hover .product-card__image .product-card__img {
  transform: scale(1.05);           /* 缩放1.05倍 */
}

/* 产品卡片链接悬停时标题下划线 */
.product-card__link:hover .product-card__title {
  text-decoration: underline;       /* 添加下划线 */
}

/* 产品卡片标题 */
.product-card__title {
  color: var(--white);              /* 白色 */
  font-family: var(--font--primary); /* 主字体 */
  font-size: 1.625rem;              /* 字体大小 */
  line-height: 1.15;                /* 行高 */
  margin: 0 0 5px 0;                /* 外边距 */
}

/* 产品卡片图片容器 */
.product-card__image {
  overflow: hidden;                 /* 隐藏溢出 */
  margin-bottom: 0;                 /* 底部外边距为0 */
  position: relative;               /* 相对定位 */
  height: 360px;                    /* 高度360px */
  display: block;                   /* 块级显示 */
  line-height: 0;                   /* 行高为0 */
}

/* 产品卡片图片 */
.product-card__img {
  transition: transform 0.2s ease;  /* 缩放过渡效果 */
  display: block;                   /* 块级显示 */
  width: 100%;                      /* 宽度100% */
  height: 100%;                     /* 高度100% */
  object-fit: cover;                /* 覆盖容器 */
  vertical-align: top;              /* 顶部对齐，消除间隙 */
}

/* 纯黑色底部效果 - 调整为只容纳2行文字 */
.product-card__image::before {
  content: '';                      /* 伪元素内容为空 */
  position: absolute;               /* 绝对定位 */
  height: 70px;                     /* 高度70px */
  left: 0;                          /* 左侧对齐 */
  right: 0;                         /* 右侧对齐 */
  bottom: 0;                        /* 底部对齐 */
  background: transparent;          /* 改为透明背景 */
  z-index: 2;                       /* 层级 */
}

/* 产品卡片内容区域 */
.product-card__contents {
  position: absolute;               /* 绝对定位 */
  bottom: 0;                        /* 底部对齐 */
  left: 0;                          /* 左侧对齐 */
  right: 0;                         /* 右侧对齐 */
  padding: 10px 15px;               /* 内边距 */
  z-index: 3;                       /* 层级，确保在遮罩层之上 */
  height: 70px;                     /* 高度70px，与遮罩层一致 */
  background-color: rgba(0, 0, 0, 0.7); /* 添加半透明黑色背景 */
  border-radius: 0 0 4px 4px;       /* 底部圆角与卡片一致 */
}

/* 图片上的属性展示 */
.product-card__image-attributes {
  color: var(--white);              /* 白色文字 */
  font-size: 0.75rem;               /* 字体大小 */
  display: flex;                    /* 弹性布局 */
  flex-wrap: wrap;                  /* 允许换行 */
  gap: 8px;                         /* 间距 */
}

/* 单个属性 */
.image-attribute {
  display: flex;                    /* 弹性布局 */
  gap: 2px;                         /* 间距 */
}

/* 属性标签 */
.image-attribute-label {
  font-weight: bold;                /* 粗体 */
}

/* 属性值 */
.image-attribute-value {
  font-weight: normal;              /* 正常字体 */
}

/* 产品卡片主体 */
.product-card__body {
  padding: 15px;                    /* 内边距 */
  flex: 1;                          /* 弹性增长 */
  display: flex;                    /* 弹性布局 */
  flex-direction: column;           /* 垂直排列 */
  min-height: 120px;                /* 最小高度 */
  line-height: normal;              /* 正常行高 */
}

/* 产品卡片文本 - 限制为2行显示 */
.product-card__text {
  color: #666;                      /* 文字颜色 */
  font-size: 0.9rem;                /* 字体大小 */
  line-height: 1.5;                 /* 行高 */
  margin-bottom: 10px;              /* 底部外边距 */
  flex: 1;                          /* 弹性增长 */
  display: -webkit-box;             /* webkit弹性盒子 */
  -webkit-line-clamp: 2;            /* 限制2行 */
  -webkit-box-orient: vertical;     /* 垂直排列 */
  overflow: hidden;                 /* 隐藏溢出 */
  text-overflow: ellipsis;          /* 省略号 */
  min-height: 40px;                 /* 最小高度，确保即使1行也占用2行空间 */
}

/* 标签区域 */
.tags {
  margin-top: 10px;                 /* 顶部外边距 */
  padding-top: 10px;                /* 顶部内边距 */
  border-top: 1px solid #eee;       /* 顶部边框 */
  font-size: 0.85rem;               /* 字体大小 */
}

/* 响应式设计 */
@media (min-width: 768px) {
  /* 产品卡片标题 */
  .product-card__title {
    font-size: 1.75rem;              /* 字体大小 */
    line-height: 1.2;                /* 行高 */
  }

  /* 产品卡片图片 */
  .product-card__image {
    height: 420px;                   /* 高度420px */
  }

  /* 图片上的属性展示 */
  .product-card__image-attributes {
    font-size: 0.8rem;               /* 字体大小 */
  }

  /* 产品索引页面产品卡片间距 */
  .template-productindexpage .col-sm-6.col-md-6 {
    padding-top: 15px;               /* 顶部内边距 */
    padding-bottom: 15px;            /* 底部内边距 */
  }

  /* 产品卡片主体 */
  .product-card__body {
    min-height: 130px;               /* 最小高度 */
  }
}

/* 产品卡片变体 */
.product-card--featured {
  /* 特色产品卡片样式 */
  border-color: #c55302;             /* 边框颜色 */
  box-shadow: 0 0 10px rgba(197, 83, 2, 0.2); /* 阴影 */
}

/* 紧凑型产品卡片 */
.product-card--compact {
  /* 紧凑型产品卡片样式 */
}

/* 小标题 */
.product-card__title--small {
  font-size: 1.25rem;                /* 字体大小 */
}

/*
======================================================================
  RETEXT 模块样式
  包含：Retext索引页面、Retext详情页面、分类导航、标签导航等样式
======================================================================
*/

/* Retext索引页面导航容器 */
.template-retextindexpage .retext-navigation {
  background-color: #ffffff;        /* 纯白背景 */
  border-radius: 8px;               /* 圆角 */
  padding: 25px;                    /* 内边距 */
  margin-bottom: 35px;              /* 底部外边距 */
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); /* 阴影 */
  border: 1px solid #e9ecef;        /* 边框 */
}

/* Retext分类和标签导航标题 */
.template-retextindexpage .retext-navigation h5 {
  color: #c55302;                  /* 标题颜色 */
  border-bottom: 1px solid #dee2e6; /* 底部边框 */
  padding-bottom: 5px;              /* 底部内边距 */
  margin-bottom: 15px;              /* 底部外边距 */
  font-size: 1.2rem;                /* 字体大小 */
  font-weight: 600;                 /* 字体粗细 */
}

/* Retext分类导航容器 */
.template-retextindexpage .category-navigation {
  display: flex;                    /* 弹性布局 */
  flex-direction: column;           /* 纵向排列 */
  gap: 8px;                         /* 间距 */
  margin-bottom: 20px;              /* 底部外边距 */
}

/* Retext标签导航容器 */
.template-retextindexpage .tag-navigation {
  display: flex;                    /* 弹性布局 */
  flex-wrap: wrap;                  /* 允许换行 */
  gap: 8px;                         /* 间距 */
  margin-bottom: 20px;              /* 底部外边距 */
}

/* Retext分类链接 */
.template-retextindexpage .category-link {
  display: block;                   /* 块级显示 */
  padding: 10px 15px;               /* 内边距 */
  background-color: #f8f9fa;        /* 背景色 */
  border: 1px solid #dee2e6;        /* 边框 */
  border-radius: 4px;               /* 圆角 */
  color: #495057;                   /* 文字颜色 */
  text-decoration: none;            /* 无下划线 */
  transition: all 0.3s ease;        /* 过渡效果 */
  font-size: 1rem;                  /* 字体大小 */
}

/* Retext标签链接 */
.template-retextindexpage .tag-link {
  display: inline-block;            /* 行内块显示 */
  padding: 6px 12px;                /* 内边距，较小 */
  background-color: #f8f9fa;        /* 背景色 */
  border: 1px solid #dee2e6;        /* 边框 */
  border-radius: 4px;               /* 小圆角，方形效果 */
  color: #495057;                   /* 文字颜色 */
  text-decoration: none;            /* 无下划线 */
  transition: all 0.3s ease;        /* 过渡效果 */
  font-size: 0.85rem;               /* 较小字体 */
  white-space: nowrap;              /* 防止文字换行 */
}

/* Retext分类链接悬停效果 */
.template-retextindexpage .category-link:hover {
  background-color: #e9ecef;        /* 背景色 */
  border-color: #adb5bd;            /* 边框色 */
  color: #212529;                   /* 文字颜色 */
  transform: translateX(3px);       /* 向右移动 */
}

/* Retext标签链接悬停效果 */
.template-retextindexpage .tag-link:hover {
  background-color: #e9ecef;        /* 背景色 */
  border-color: #adb5bd;            /* 边框色 */
  color: #212529;                   /* 文字颜色 */
  transform: translateY(-2px);      /* 向上移动 */
}

/* 激活状态的Retext分类链接 */
.template-retextindexpage .category-link.active {
  background-color: #c55302;        /* 激活状态背景色 */
  border-color: #c55302;            /* 激活状态边框色 */
  color: white;                     /* 激活状态文字颜色 */
  font-weight: 600;                 /* 字体粗细 */
}

/* 激活状态的Retext标签链接 */
.template-retextindexpage .tag-link.active {
  background-color: #c55302;        /* 激活状态背景色 */
  border-color: #c55302;            /* 激活状态边框色 */
  color: white;                     /* 激活状态文字颜色 */
  font-weight: 600;                 /* 字体粗细 */
}

/* 当前分类或标签展示区域 */
.template-retextindexpage .current-category,
.template-retextindexpage .current-tag {
  background-color: #ffffff;        /* 纯白背景 */
  border-left: 5px solid #c55302;   /* 左侧边框 */
  padding: 10px 20px;               /* 内边距 */
  margin: 15px 0;                   /* 外边距 */
  border-radius: 0 4px 4px 0;       /* 右侧圆角 */
}

/* 当前分类或标签文字 */
.template-retextindexpage .current-category small,
.template-retextindexpage .current-tag small {
  color: #495057;                  /* 文字颜色 */
  font-weight: 500;                /* 字体粗细 */
}

/* Retext内容标签统一样式 */
.retext-content-tag {
  display: inline-block;            /* 行内块显示 */
  padding: 5px 12px;                /* 内边距 */
  margin: 0 5px 5px 0;              /* 外边距 */
  font-size: 0.85rem;               /* 字体大小 */
  font-weight: 500;                 /* 字体粗细 */
  line-height: 1.3;                 /* 行高 */
  text-align: center;               /* 文字居中 */
  vertical-align: baseline;         /* 垂直对齐 */
  border-radius: 15px;              /* 圆角 */
  background-color: #f6ddcc;        /* 调浅的灰色背景色 */
  color: #f8f9fa;                   /* 浅灰色文字颜色 */
  transition: all 0.2s ease;        /* 过渡效果 */
  text-decoration: none;            /* 无下划线 */
}

/* Retext内容标签悬停效果 */
.retext-content-tag:hover {
  background-color: #c55302;        /* 悬停背景色 */
  color: white;                     /* 悬停文字颜色 */
  transform: translateY(-2px);      /* 向上移动 */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* 阴影 */
}

/* Retext内容标签焦点状态 */
.retext-content-tag:focus {
  outline: 2px solid #c55302;       /* 焦点轮廓 */
  outline-offset: 2px;              /* 轮廓偏移 */
}

/* Retext项目 */
.template-retextindexpage .retext-item {
  margin-bottom: 25px;              /* 底部外边距 */
  padding-bottom: 25px;             /* 底部内边距 */
  /* 移除底部边框以避免与标签区域的边框重叠 */
}

/* Retext项目标题 */
.template-retextindexpage .retext-item h3 {
  margin-top: 0;                    /* 顶部外边距 */
  margin-bottom: 10px;              /* 底部外边距 */
}

/* Retext项目标题链接 */
.template-retextindexpage .retext-item h3 a {
  color: #212529;                   /* 文字颜色 */
  text-decoration: none;            /* 无下划线 */
  transition: color 0.3s ease;      /* 颜色过渡效果 */
}

/* Retext项目标题链接悬停效果 */
.template-retextindexpage .retext-item h3 a:hover {
  color: #c55302;                   /* 悬停颜色 */
  text-decoration: underline;       /* 下划线 */
}

/* Retext项目介绍 */
.template-retextindexpage .retext-item .introduction {
  color: #6c757d;                   /* 文字颜色 */
  line-height: 1.6;                 /* 行高 */
  display: -webkit-box;             /* 弹性盒子 */
  -webkit-line-clamp: 3;            /* 限制显示3行 */
  -webkit-box-orient: vertical;     /* 垂直排列 */
  overflow: hidden;                 /* 隐藏溢出内容 */
  text-overflow: ellipsis;          /* 省略号 */
  max-height: 4.8em;                /* 限制最大高度(3行*1.6行高) */
}

/* Retext项目标签区域 */
.template-retextindexpage .retext-item .tags {
  padding-top: 15px;
  border-top: 1px solid #eee;
  border-bottom: none;
}

/* Retext项目中的标签 */
.template-retextindexpage .retext-item .tags .badge {
  font-size: 0.75rem;
  padding: 4px 8px;
  border-radius: 2px;
  border-radius: 2px;
  font-weight: 400;
}

/* Retext项目中的标签悬停效果 */
.template-retextindexpage .retext-item .tags .badge:hover {
  transform: none;
  box-shadow: none;
}

/* Retext页面副标题 */
.template-retextpage .subtitle {
  color: #6c757d;                   /* 文字颜色 */
  font-size: 1.35rem;               /* 字体大小 */
  margin-bottom: 25px;              /* 底部外边距 */
  font-weight: 500;                 /* 字体粗细 */
}

/* Retext页面介绍 */
.template-retextpage .introduction {
  font-size: 1.15rem;               /* 字体大小 */
  color: #59636d;                   /* 文字颜色 */
  line-height: 1.7;                 /* 行高 */
}

/*
----------------------------------------------------------------------
  RETEXT LISTING CARD 样式
----------------------------------------------------------------------
*/

/* Retext列表卡片基础样式 */
.retext-listing-card {
  position: relative;               /* 相对定位 */
  border: none;                     /* 去掉边框 */
  border-radius: 8px;               /* 圆角 */
  overflow: hidden;                 /* 隐藏溢出内容 */
  background-color: #fff;           /* 背景色 */
  margin-bottom: 12px;              /* 减小底部外边距 */
  display: flex;                    /* 弹性布局 */
  flex-direction: column;           /* 垂直排列 */
  box-shadow: none;                 /* 去掉阴影 */
  transform: none;                  /* 去掉变换 */
}

/* Retext列表卡片链接 */
.retext-listing-card__link {
  text-decoration: none;            /* 无下划线 */
  color: inherit;                   /* 继承颜色 */
  display: flex;                    /* 弹性布局 */
  flex-direction: column;           /* 垂直排列 */
  padding: 24px;                    /* 内边距 */
}

/* Retext列表卡片内容区域 */
.retext-listing-card__contents {
  display: flex;                    /* 弹性布局 */
  flex-direction: column;           /* 垂直排列 */
}

/* Retext列表卡片标题包装器 */
.retext-listing-card__title-wrapper {
  display: flex;                    /* 弹性布局 */
  align-items: center;              /* 垂直居中 */
  gap: 12px;                        /* 间距 */
  margin: 0 0 12px 0;               /* 外边距 */
}

/* Retext列表卡片类型标签 */
.retext-listing-card__type-label {
  display: inline-block;            /* 行内块显示 */
  padding: 4px 12px;                /* 内边距 */
  background-color: #f8f9fa;        /* 背景色 */
  border-radius: 20px;              /* 圆角 */
  font-size: 0.75rem;               /* 字体大小 */
  font-weight: 600;                 /* 字体粗细 */
  color: #c55302;                   /* 文字颜色 */
  text-transform: uppercase;        /* 大写 */
  letter-spacing: 0.5px;            /* 字母间距 */
  white-space: nowrap;              /* 不换行 */
}

/* Retext列表卡片标题 */
.retext-listing-card__title {
  color: #212529;                   /* 深色文字 */
  font-family: var(--font--primary); /* 主字体 */
  font-size: 1.5rem;                /* 字体大小 */
  line-height: 1.3;                 /* 行高 */
  margin: 0;                        /* 去掉外边距 */
  font-weight: 700;                 /* 字体粗细 */
  flex: 1;                          /* 弹性增长 */
}

/* Retext列表卡片链接悬停时标题变色 */
.retext-listing-card__link:hover .retext-listing-card__title {
  color: #c55302;                   /* 橙色 */
}

/* Retext列表卡片介绍 */
.retext-listing-card__introduction {
  color: #6c757d;                   /* 文字颜色 */
  font-size: 1rem;                  /* 字体大小 */
  line-height: 1.6;                 /* 行高 */
  margin: 0 0 20px 0;               /* 外边距 */
  overflow: hidden;                 /* 隐藏溢出 */
  text-overflow: ellipsis;          /* 省略号 */
  white-space: nowrap;              /* 不换行 */
}

/* Retext列表卡片元数据包装器 */
.retext-listing-card__meta-wrapper {
  padding-top: 16px;                /* 顶部内边距 */
  border-top: 1px solid #e9ecef;    /* 顶部边框 */
  display: flex;                    /* 弹性布局 */
  align-items: center;              /* 垂直居中 */
  gap: 12px;                        /* 间距 */
}

/* Retext列表卡片元数据 */
.retext-listing-card__metadata {
  color: #6c757d;                   /* 文字颜色 */
  font-size: 0.875rem;              /* 字体大小 */
  margin: 0;                        /* 外边距 */
  line-height: 1.4;                 /* 行高 */
  flex: 1;                          /* 弹性增长 */
  overflow: hidden;                 /* 隐藏溢出 */
  text-overflow: ellipsis;          /* 省略号 */
  white-space: nowrap;              /* 不换行 */
}

/* Retext列表卡片作者信息 */
.retext-listing-card__authors {
  flex: 1;                          /* 弹性增长 */
}

/* Retext列表卡片日期 */
.retext-listing-card__date {
  font-weight: 600;                 /* 字体粗细 */
  color: #495057;                   /* 文字颜色 */
}

/* Retext列表卡片"by"文本 */
.retext-listing-card__by {
  margin: 0 4px;                    /* 外边距 */
}

/* Retext列表卡片作者 */
.retext-listing-card__author {
  color: #495057;                   /* 文字颜色 */
}

/* 响应式设计 */
@media (min-width: 768px) {
  /* Retext列表卡片链接 */
  .retext-listing-card__link {
    padding: 32px;                  /* 增加内边距 */
  }
  
  /* Retext列表卡片标题 */
  .retext-listing-card__title {
    font-size: 1.75rem;             /* 增大字体 */
  }
}

/*
======================================================================
  WECHAT 模块样式
  包含：微信二维码悬停展示样式
======================================================================
*/

/* 微信容器 */
.footer__icon.wechat-container {
  position: relative;                /* 相对定位 */
  display: inline-block;             /* 行内块显示 */
}

/* 微信二维码悬停显示样式 */
.footer__icon.wechat-container {
  position: relative;                /* 相对定位 */
  display: inline-block;             /* 行内块显示 */
}

/* 微信二维码弹窗 */
.footer__icon.wechat-container .wechat-qr-popup {
  position: absolute;                /* 绝对定位 */
  bottom: 100%;                      /* 距离底部100%，即显示在图标上方 */
  left: 50%;                         /* 距离左侧50% */
  transform: translateX(-50%);       /* 水平居中 */
  width: 200px;                      /* 宽度200px */
  padding: 10px;                     /* 内边距 */
  background-color: #fff;            /* 背景色 */
  border: 1px solid #ddd;            /* 边框 */
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* 阴影 */
  z-index: 1000;                     /* 层级 */
  display: none;                     /* 默认隐藏 */
  margin-bottom: 10px;               /* 与下方图标的间距 */
}

/* 微信二维码悬停显示 */
.footer__icon.wechat-container:hover .wechat-qr-popup {
  display: block;                    /* 显示 */
}

/* 微信二维码弹窗箭头 */
.footer__icon.wechat-container .wechat-qr-popup::before {
  content: "";                       /* 内容为空 */
  position: absolute;                /* 绝对定位 */
  top: 100%;                         /* 距离顶部100%，即箭头指向下方 */
  left: 50%;                         /* 距离左侧50% */
  transform: translateX(-50%);       /* 水平居中 */
  border: 5px solid transparent;     /* 透明边框 */
  border-bottom-color: #ddd;         /* 底部边框颜色，指向图标 */
}

/* 微信二维码弹窗箭头内部 */
.footer__icon.wechat-container .wechat-qr-popup::after {
  content: "";                       /* 内容为空 */
  position: absolute;                /* 绝对定位 */
  top: 100%;                         /* 距离顶部100% */
  left: 50%;                         /* 距离左侧50% */
  transform: translateX(-50%);       /* 水平居中 */
  border: 5px solid transparent;     /* 透明边框 */
  border-bottom-color: #fff;         /* 底部边框颜色，指向图标 */
  margin-top: -1px;                  /* 微调位置，确保箭头显示正确 */
  z-index: 1001;                     /* 层级 */
}