/* 客服按钮容器 */
.wcs-container {
    position: fixed;
    right: 25px;
    bottom: 80px;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

/* 通用按钮样式 - 方形 */
.wcs-button {
    width: 85px;
    height: 85px;
    /* 核心改动：从50%变为12px，形成圆角方形 */
    border-radius: 12px;
    background-size: 55%;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    cursor: pointer;
    position: relative;
    transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.3s ease;
}

/* 悬浮动画 - 微调以适应方形 */
.wcs-button:hover {
    transform: translateY(-5px) scale(1.05);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
}

/* --- 品牌颜色和图标 (保持不变) --- */
.wcs-phone {
    background-color: #34B7F1; /* 天蓝色 */
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z"/></svg>');
}

.wcs-whatsapp {
    background-color: #25D366; /* WhatsApp 绿色 */
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M19.07 4.93A10 10 0 0 0 12 2 10 10 0 0 0 2 12c0 1.85.5 3.58 1.37 5.04L2 22l5.05-1.37A10 10 0 0 0 12 22a10 10 0 0 0 10-10c0-2.76-1.12-5.26-2.93-7.07zm-1.54 10.43c-.22.39-.77.63-1.35.79-.58.16-1.38.21-2-.12-.62-.32-1.48-.68-2.65-1.7-1.17-1.02-1.95-2.28-2.23-2.67-.28-.39-.03-.6.2-.81.2-.18.44-.45.66-.68s.22-.38.33-.63c.11-.25.05-.48-.06-.69l-.48-1.15c-.11-.26-.22-.33-.38-.33h-.34c-.16 0-.38.05-.56.26-.18.2-.42.48-.42.98s.42 1.63.48 1.74c.06.11.83 1.93 2.55 3.32 1.72 1.39 2.55 1.64 2.99 1.8.44.16.8.12 1.1-.06.3-.18.48-.5.54-.83s.06-.55 0-.63z"/></svg>');
}

.wcs-wechat {
    background-color: #07C160; /* 微信 绿色 */
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c1.76 0 3.42-.46 4.88-1.29L22 22l-1.29-4.88C21.54 15.42 22 13.76 22 12c0-5.52-4.48-10-10-10zm-1.5 13.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm3 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5z"/></svg>');
}

/* --- 悬浮提示框 (Tooltip) --- */
.wcs-button::before {
    content: attr(data-tooltip);
    position: absolute;
    top: 50%;
    right: 120%;
    transform: translateY(-50%);
    background-color: #333;
    color: #fff;
    padding: 6px 12px;
    border-radius: 5px;
    font-size: 14px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.wcs-button:hover::before {
    opacity: 1;
    visibility: visible;
}

/* 微信二维码弹窗美化 */
.wcs-wechat-popup {
    display: none;
    position: absolute;
    bottom: 120%;
    /* 精确居中弹窗：(弹窗宽度 - 按钮宽度) / 2 */
    right: 65.5px;
    width: 180px;
    padding: 15px;
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.2);
    text-align: center;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.wcs-wechat-popup img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 8px;
}

.wcs-wechat-popup span {
    display: block;
    margin-top: 10px;
    color: #555;
    font-size: 14px;
}

.wcs-wechat:hover .wcs-wechat-popup {
    display: block;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}