.elementor-987854 .elementor-element.elementor-element-ab362c7{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-64a8479 */.astra-portfolio-filters {
    background: bottom  !important;
}

.astra-portfolio-categories li a[data-group="all"] {
  display: none !important;
}
/* ================= 其他分类（#6754E9） ================= */
.astra-portfolio-other-categories {
  display: flex !important;
  gap: 12px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.astra-portfolio-other-categories li a {
  display: inline-block !important;
  padding: 6px 16px !important;
  border-radius: 20px !important;                 /* 保持原样 */
  border: 1px dashed #6754E9 !important;
  background: transparent !important;             /* 默认透明 */
  color: #6754E9 !important;
  font-size: 16px !important;
  font-family: "Open Sans", Arial, sans-serif !important;
  font-weight: 600 !important;                    /* 其他分类 600 */
  transition: all 0.25s ease !important;
}

/* hover 与 active 分级：hover 更浅，active 更深 */
.astra-portfolio-other-categories li a:hover:not(.active):not([aria-pressed="true"]):not([aria-selected="true"]) {
  background: rgba(103, 84, 233, 0.08) !important;
}

.astra-portfolio-other-categories li a.active,
.astra-portfolio-other-categories li a.is-checked,
.astra-portfolio-other-categories li a[aria-pressed="true"],
.astra-portfolio-other-categories li a[aria-selected="true"] {
  background: rgba(103, 84, 233, 0.16) !important;    /* 选中更明显 */
  color: #6754E9 !important;
  border-color: #6754E9 !important;
}

/* 选中再 hover 时稍微更深一点 */
.astra-portfolio-other-categories li a.active:hover,
.astra-portfolio-other-categories li a.is-checked:hover {
  background: rgba(103, 84, 233, 0.24) !important;
}

/* ================= 主分类（#2665FF） ================= */
.astra-portfolio-categories {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.astra-portfolio-categories li a {
  display: inline-block !important;
  padding: 6px 16px !important;
  border-radius: 5px !important;                   /* 主分类圆角 5px */
  border: 1px dashed #2665FF !important;          /* 改成虚线边框 */
  background: transparent !important;             /* 默认透明 */
  color: #2665FF !important;
  font-size: 14px !important;
  font-family: "Open Sans", Arial, sans-serif !important;
  font-weight: 400 !important;                    /* 主分类 400 */
  transition: all 0.25s ease !important;
}

/* hover 与 active 分级：hover 更浅，active 更深 */
.astra-portfolio-categories li a:hover:not(.active):not([aria-pressed="true"]):not([aria-selected="true"]) {
  background: rgba(38, 101, 255, 0.08) !important;
}

.astra-portfolio-categories li a.active,
.astra-portfolio-categories li a.is-checked,
.astra-portfolio-categories li a[aria-pressed="true"],
.astra-portfolio-categories li a[aria-selected="true"] {
  background: rgba(38, 101, 255, 0.16) !important;    /* 选中更明显 */
  color: #2665FF !important;
  border-color: #2665FF !important;
}

/* 选中再 hover 时稍微更深一点 */
.astra-portfolio-categories li a.active:hover,
.astra-portfolio-categories li a.is-checked:hover {
  background: rgba(38, 101, 255, 0.24) !important;
}

/* 可选：键盘可访问性 */
.astra-portfolio-other-categories li a:focus-visible,
.astra-portfolio-categories li a:focus-visible {
  outline: 2px dashed currentColor !important;
  outline-offset: 2px !important;
}

/* 你之前的间距保持 */
.astra-portfolio-categories-wrap {
  margin-top: 20px !important;
}/* End custom CSS */