.elementor-2479 .elementor-element.elementor-element-4bf752b{--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;}.elementor-2479 .elementor-element.elementor-element-1bc3e6f9 .e-contact-buttons{--e-contact-buttons-contact-button-icon:#FFFFFF;--e-contact-buttons-contact-button-bg:#008085;--e-contact-buttons-contact-gap:6px;--e-contact-buttons-contact-padding-block-end:12px;--e-contact-buttons-contact-padding-block-start:12px;--e-contact-buttons-contact-padding-inline-end:12px;--e-contact-buttons-contact-padding-inline-start:12px;--e-contact-buttons-horizontal-offset:0px;--e-contact-buttons-vertical-offset:110px;}.elementor-2479 .elementor-element.elementor-element-1bc3e6f9 .e-contact-buttons__contact-icon-link{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:500;}/* Start custom CSS for contact-buttons-var-10, class: .elementor-element-1bc3e6f9 *//* 隐藏原地球仪 SVG 图标 */
.e-contact-buttons__contact-icon-container .e-font-icon-svg {
    display: none !important;
}

/* 淘宝按钮：替换为自定义 SVG 背景 */
.e-contact-buttons__contact-links a:nth-child(1) .e-contact-buttons__contact-icon-container {
    background-image: url('https://www.szcssy.com/wp-content/uploads/2025/08/taobao-icon.svg') !important;
    background-size: contain; /* 自动适应容器大小 */
    background-repeat: no-repeat;
    background-position: center;
    width: 30px; /* 调整宽度，根据你的按钮大小 */
    height: 30px; /* 调整高度，保持比例 */
}

/* 京东按钮：替换为自定义 SVG 背景 */
.e-contact-buttons__contact-links a:nth-child(2) .e-contact-buttons__contact-icon-container {
    background-image: url('https://www.szcssy.com/wp-content/uploads/2025/08/jd-icon.svg') !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 25px;
    height: 25px;
}
/* 公众号按钮：替换为微信图标 */
.e-contact-buttons__contact-links a:nth-child(3) .e-contact-buttons__contact-icon-container {
    background-image: url('https://www.szcssy.com/wp-content/uploads/2025/08/wechat-icon-1.svg') !important; /* 或直接用免费链接测试，但建议上传 */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 30px;
    height: 30px;
}

/* 二维码效果：用 ::after 伪元素创建容器，只在公众号按钮上（默认隐藏） */
.e-contact-buttons__contact-links::after {
    content: '';
    position: absolute;
    top: 50%; /* 垂直居中相对按钮 */
    right: 100%; /* 放在按钮左边 */
    transform: translateY(-50%); /* 精确居中 */
    margin-right: 10px; /* 与按钮间距 */
    width: 200px;
    height: 200px;
    background-image: url('https://www.szcssy.com/wp-content/uploads/2025/08/公众号二维码.jpg') !important; /* 你的二维码 URL */
    background-size: cover;
    background-position: center;
    opacity: 0; /* 默认透明 */
    transition: opacity 0.5s ease-in-out; /* 渐显动画 */
    pointer-events: none; /* 不干扰点击 */
    border: 1px solid #ccc; /* 可选边框 */
    box-shadow: 0 4px 8px rgba(0,0,0,0.2); /* 可选阴影，使其更突出 */
    z-index: 999; /* 确保在上层 */
}

/* Hover 时渐显二维码 */
.wechat-button:hover::after {
    opacity: 1; /* 可见 */
}/* End custom CSS */