/* 容器：居中+留白 */
.block-title{
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center;
  padding:56px 16px 80px; /* 底部多留点空间给五个点 */
  margin:0 auto;
}

/* 标题文字：大写、拉字距 */
.block-title > strong{
  margin:0;
  font-weight:600;
  font-size:clamp(22px, 2.8vw, 40px);
  line-height:1.2;
  text-transform:uppercase;
  letter-spacing:0.18em;
  color:#222;
    font-size: 2.5rem!important;
}

/* 五个点容器：居中到标题下方 */
.title-dots{
  position:absolute;
  left:50%;
  bottom:55px;                    /* 需要的话再微调 */
  transform:translateX(-50%) scale(.5);
  transform-origin:top center;    /* 以上方为基准缩放，位置更稳 */
  display:flex;
  align-items:center;
  gap:clamp(6px, 0.8vw, 12px);
}

/* 自适应尺寸变量：小/中/大点大小 */
:root{
  --dot-s: clamp(4px, 0.45vw, 7px);
  --dot-m: clamp(6px, 0.65vw, 9px);
  --dot-l: clamp(8px, 0.85vw, 11px); /* 中间最大 */
}

/* 基础点样式 */
.title-dots span{
  display:block;
  width:var(--dot-m);
  height:var(--dot-m);
  border-radius:50%;
  background:#888;          /* 灰色和图一接近 */
}

/* 左右两侧小点（1、5） */
.title-dots span:nth-child(1),
.title-dots span:nth-child(5){
  width:var(--dot-s);
  height:var(--dot-s);
  opacity:.55;
}

/* 次大点（2、4） */
.title-dots span:nth-child(2),
.title-dots span:nth-child(4){
  width:var(--dot-m);
  height:var(--dot-m);
  opacity:.75;
}

/* 中间最大点（3） */
.title-dots span:nth-child(3){
  width:var(--dot-l);
  height:var(--dot-l);
  opacity:.9;
}

/* 隐藏原背景块（如果有样式冲突） */
.block-title .block-title-background{ display:none; }

/* 小屏优化 */
@media (max-width:480px){
  .block-title{ padding:40px 12px 60px; }
  .title-dots{ bottom:22px; }
}


.category-card{
   display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 28px 28px;
    background: #f2f2f2;
    margin-bottom: 10px;                /* 让高度统一 */
}

.category-card:hover{
  transform:translateY(-2px);
  box-shadow:0 6px 18px rgba(0,0,0,.06);
}

/* 左侧文案 */
.category-copy h3{
  margin:0 0 8px;
  font:700 16px/1.2 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",
       "Helvetica Neue",Arial,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  letter-spacing:.06em;
}

.category-copy .cta{
  position:relative;
  display:inline-block;
  font:600 12px/1.2 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  color:#3a0d6d;                     /* 接近截图中的紫色链接 */
  text-decoration:underline;
  padding-right:16px;
}
.category-copy .cta::after{
  content:"▸";
  position:absolute;
  right:0; top:0;
}

/* 右侧图像：靠右，限制宽高 */
.category-img{
  display:block;
  max-width:45%;
  height:auto;
  object-fit:contain;
  filter:contrast(0) brightness(0);  /* 如果是线稿 PNG，保持黑线条风格；不需要可删 */
}

/* —— 响应式 —— */
@media (max-width: 1024px){
  .category-grid{ grid-template-columns:repeat(3, 1fr); }
  .category-img{ max-width:48%; }
}
@media (max-width: 768px){
  .category-grid{ grid-template-columns:repeat(2, 1fr); }
  .category-card{ padding:22px; }
}
@media (max-width: 520px){
  .category-grid{ grid-template-columns:1fr; gap:16px; padding:0 12px; }
  .category-card{ min-height:130px; }
  .category-img{ max-width:42%; }
}