.elementor-27034 .elementor-element.elementor-element-dfd8eab{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-27034 .elementor-element.elementor-element-dfd8eab:not(.elementor-motion-effects-element-type-background), .elementor-27034 .elementor-element.elementor-element-dfd8eab > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-27034 .elementor-element.elementor-element-1b5cdec > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-27034 .elementor-element.elementor-element-1b5cdec.elementor-element{--order:-99999 /* order start hack */;}.elementor-27034 .elementor-element.elementor-element-1b5cdec .woocommerce-breadcrumb{text-align:center;}.elementor-27034 .elementor-element.elementor-element-c56eae0{text-align:center;}.elementor-27034 .elementor-element.elementor-element-b8e0e88{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-27034 .elementor-element.elementor-element-b8e0e88:not(.elementor-motion-effects-element-type-background), .elementor-27034 .elementor-element.elementor-element-b8e0e88 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0F0F0;}.elementor-27034 .elementor-element.elementor-element-d0d77df{width:100%;max-width:100%;}.elementor-27034 .elementor-element.elementor-element-d0d77df > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:767px){.elementor-27034 .elementor-element.elementor-element-dfd8eab{--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-27034 .elementor-element.elementor-element-b8e0e88{--padding-top:0px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-d0d77df */.category-page-list,
    .category-page-item {
      list-style: none;
      margin: 0;
      padding: 0;
    }
    /* 容器与网格 */
    .category-page-grid{
      width:100%;
      background:#f0f0f0;
      padding:24px 16px;
    }
    .category-page-container{
      max-width:1300px;
      margin:0 auto;
    }
    .category-page-list{
      list-style:none;
      margin:0;
      padding:0;
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr)); /* PC 两列 */
      gap:30px;
    }
    @media (max-width:768px){
      .category-page-list{ grid-template-columns:1fr; } /* 移动端单列 */
    }

    /* 单卡片（方形、白底） */
    .category-page-item{ margin:0; }
    .category-page-card{
      position:relative;
      display:block;
      background:#fff;
      border-radius:14px;
      overflow:hidden;
      box-shadow:0 4px 16px rgba(0,0,0,.06);
      aspect-ratio:1/1;                 /* 保证卡片为正方形 */
      transition:transform .25s ease, box-shadow .25s ease;
    }
    .category-page-card:hover{
      transform:translateY(-2px);
      box-shadow:0 10px 28px rgba(0,0,0,.12);
    }

    /* 图片 */
    .category-page-figure, .category-page-figure img{
      position:absolute;
      inset:0;
      width:100%;
      height:100%;
      object-fit:cover;
      margin:0;
    }

    /* 悬浮黑色透明蒙板 */
    .category-page-card::after{
      content:"";
      position:absolute;
      inset:0;
      background:rgba(0,0,0,0.0);
      transition:background .25s ease;
      z-index:1; /* 在图片之上 */
    }
    .category-page-card:hover::after{ background:rgba(0,0,0,.45); }

    /* 底部信息层（标题+按钮） */
    .category-page-info{
      position:absolute;
      left:24px; right:12px; bottom:24px;
      display:flex;
      align-items:flex-end;
      justify-content:space-between;
      z-index:2; /* 高于蒙板 */
      pointer-events:none; /* 避免阻挡整卡悬浮 */
    }

    /* 标题（默认深色，悬浮后变白） */
    .category-page-title{
      color:#3a3a3a;
      font-size:24px;
      font-weight:700;
      line-height:1.2;
      margin:0;
      max-width:70%;
      transition:color .25s ease, text-shadow .25s ease;
    }
    .category-page-card:hover .category-page-title{
      color:#fff;
    }

    /* 右下角 CTA：默认透明圆形，仅箭头；悬浮后拉长并显示“expore” */
    .category-page-cta{
      pointer-events:auto;       /* 让按钮可点 */
      border:1px solid transparent;
      background:transparent;
      color:#111;
      width:42px; height:42px;
      border-radius:999px;
      padding:0;
      display:flex;
      align-items:center;
      justify-content:center;
      gap:10px;
      overflow:hidden;           /* 拉长时显示文字 */
      transition:
        width .28s ease, padding .28s ease, color .25s ease,
        border-color .25s ease, transform .25s ease, opacity .25s ease;
    }
    .category-page-cta svg{
      width:22px; height:22px;
      color:currentColor;
      flex:0 0 auto;
    }
    /* 文案“expore”默认隐藏，悬浮出现 */
    .category-page-cta .category-page-cta-label{
      font-size:14px;
      font-weight:600;
      letter-spacing:.4px;
      text-transform:lowercase;
      white-space:nowrap;
      opacity:0;
      transform:translateX(8px);
      transition:opacity .25s ease, transform .25s ease;
    }

    /* 悬浮态：按钮向左拉长、显示 expore、边框与图标变白 */
    .category-page-card:hover .category-page-cta{
      width:128px;
      padding:0 14px;
      justify-content:space-between;
      color:#fff;
      border-color:rgba(255,255,255,.65);
      transform:translateY(-1px);
    }
    .category-page-card:hover .category-page-cta .category-page-cta-label{
      opacity:1;
      transform:translateX(0);
    }
    .category-page-card:hover .category-page-cta svg{ color:#fff; }

    /* 小屏优化：按钮略短 */
    @media (max-width:640px){
      .category-page-card:hover .category-page-cta{ width:112px; padding:0 12px; }
      .category-page-cta .category-page-cta-label{ font-size:13px; }
    }/* End custom CSS */