/* 容器样式 */
  .desc-wrapper {
    position: relative;
    margin-bottom: 20px;
    font-family: inherit; /* 继承网站字体 */
    line-height: 1.6;
    color: #333;
  }

  /* 标题样式优化 */
  .desc-wrapper h2 {
    font-size: 18px;
    margin-top: 25px;
    margin-bottom: 10px;
    color: #222;
    font-weight: 700;
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
  }
  
  .desc-wrapper ul {
    margin-bottom: 15px;
    padding-left: 20px;
  }
  
  .desc-wrapper li {
    margin-bottom: 8px;
  }

  /* 核心：控制折叠和展开的类 */
  .desc-content {
    overflow: hidden;
    transition: max-height 0.5s ease; /* 丝滑动画 */
  }

  /* 收缩状态：高度限制在 180px (约1/4内容) */
  .collapsed {
    max-height: 180px; 
    /* 底部渐变遮罩效果，提示还有内容 */
    -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 60%, transparent 100%);
  }

  /* 展开状态：无高度限制 */
  .expanded {
    max-height: 2000px; /* 足够大的高度以容纳所有文字 */
    -webkit-mask-image: none;
    mask-image: none;
  }

  /* 按钮样式 */
  .read-more-btn {
    display: inline-block;
    margin-top: 10px;
    background: none;
    border: none;
    color: #bfa065; /* 金色/艺术感颜色，可根据你网站主题修改 */
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 5px 0;
    outline: none;
  }

  .read-more-btn:hover {
    text-decoration: underline;
    color: #8c734bd1;
  }