body {
        background: #F3F5F9;
      }

      /*顶部栏目的*/
      /* 导航容器基础样式 - 核心：flex 实现一行显示 */
      .nav-list {
        list-style: none;
        /* 去掉默认列表圆点 */
        margin: 0;
        /* 重置默认外边距 */
        padding: 0;
        /* 重置默认内边距 */
        display: flex;
        /* 关键：让 li 一行排列 */
        align-items: center;
        /* 垂直居中对齐 */
        gap: 8px;
        /* li 之间的间距（比 margin 更易维护） */
        flex-wrap: wrap;
        /* 响应式适配：小屏幕自动换行 */
        padding: 12px 20px;
        /* 容器内边距，避免贴边 */
        background-color: #ffffff;
        /* 导航背景色（可选） */
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
        /* 轻微阴影提升质感（可选） */
        /* flex-wrap: nowrap; */



        background-color: white;
        border-radius: 12px;
        margin-bottom: 12px;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 6px;
        box-sizing: border-box;
      }

      /* 导航项 li 样式 */
      .nav-list li {
        position: relative;
        /* 为 hover 下划线做准备 */
      }

      /* 导航链接样式 */
      .nav-list li a.a1 {
        display: inline-block;
        /* 让 padding 生效 */
        padding: 8px 4px;
        /* 增大点击区域，更友好 */
        text-decoration: none;
        /* 去掉默认下划线 */
        color: #333333;
        /* 默认文字颜色 */
        font-size: 14px;
        /* 字体大小（可根据需求调整） */
        font-weight: 500;
        /* 字体稍粗，更醒目 */
        transition: all 0.3s ease;
        /* 过渡动画，hover 更丝滑 */
        border-radius: 4px;
        /* 轻微圆角，避免尖锐 */
      }

      /* 选中状态（color 类）的样式增强 */
      .nav-list li a.a1.color {
        color: #0066cc;
        /* 选中态文字色（可自定义） */
        font-weight: 600;
        /* 选中态加粗 */
      }

      /* 鼠标 hover 效果（非选中态） */
      .nav-list li a.a1:hover:not(.color) {
        color: #0066cc;
        /* hover 文字色和选中态一致 */
        background-color: #f5f8ff;
        /* hover 浅背景，提升交互感 */
      }

      /* 可选：底部下划线动效（增强视觉层次） */
      .nav-list li a.a1::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 2px;
        background-color: #0066cc;
        transition: width 0.3s ease;
      }

      /* hover/选中时显示下划线 */
      .nav-list li a.a1:hover::after,
      .nav-list li a.a1.color::after {
        width: 70%;
        /* 下划线宽度（可自定义） */
      }

      /*主体的*/
      .large-pc {
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        width: 100%;
        max-height: 225px;
        object-fit: cover;
      }

      .medium-pc {
        /* width: 425px !important; */
      }

      .line-limit {
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        line-clamp: 3;
      }


      .luxury-tag {
        padding: 3px 8px;
        /* margin: 0 8px 8px 0; */
        border-radius: 10px;
        /* 哑光黑渐变底色，模拟磨砂质感 */
        background: linear-gradient(145deg, #1a1a1a, #0a0a0a);
        /* 低饱和暗金描边，避免刺眼 */
        /* border: 1px solid rgba(209, 177, 64, 0.4); */
        /* 细微光影增强立体感，不浮夸 */
        /* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15),inset 0 1px 0 rgba(209, 177, 64, 0.1); */
        color: #d1b140;
        /* 哑光暗金色文字，非亮黄 */
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.5px;
        /* 字间距提升精致感 */
        transition: all 0.3s ease;
        cursor: pointer;
      }