/* ============================================================
   dto.cc 右侧悬浮联系条（自 yyyoo.com .share-box 迁移，2026-10-06）
   企微二维码 / 电话 / 回到顶部；配色取 dto.cc 品牌色阶（原站为青蓝阶）
   图标图沿用 yyyoo 原图（白色图形 + 彩底），hover 放大、企微 hover 弹出二维码
   ============================================================ */

.tyy-side {
    position: fixed;
    right: 0;
    top: 55%;
    transform: translateY(-50%);
    z-index: 900; /* 低于「获取报告」弹窗遮罩(z-index:1000)，弹窗打开时被盖住 */
    width: 48px;
}

.tyy-side__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 26px 26px;
    position: relative;
    transition: transform .3s, opacity .3s, background-color .3s;
    cursor: pointer;
}

.tyy-side__btn--wx {
    background-color: #2F8379; /* --brand-700 */
    background-image: url("side-wecom.png");
}

.tyy-side__btn--tel {
    background-color: #3FAFA1; /* --brand-600 */
    background-image: url("side-tel.png");
}

/* 回顶：滚动超过 300px 才出现（与 yyyoo 行为一致） */
.tyy-side__btn--top {
    background-color: #266961; /* --brand-800 */
    background-image: url("side-top.png");
    opacity: 0;
    pointer-events: none;
}

.tyy-side__btn--top.is-active {
    opacity: 1;
    pointer-events: auto;
}

.tyy-side__btn:hover {
    transform: scale(1.08);
}

/* 企微二维码浮层：hover 从右侧滑出（与 yyyoo 交互一致） */
.tyy-side__pop {
    width: 148px;
    padding: 8px;
    background: #fff;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .12);
    position: absolute;
    right: calc(100% + 14px);
    top: 50%;
    transform: translateY(-50%) translateX(-12px);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .3s, transform .3s, visibility .3s;
}

/* 右侧小箭头 */
.tyy-side__pop::after {
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -6px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #fff;
}

.tyy-side__pop img {
    display: block;
    width: 132px;
    height: 133px;
}

.tyy-side__btn--wx:hover .tyy-side__pop {
    opacity: 1;
    visibility: visible;
    transform: translateY(-50%) translateX(0);
}

/* 平板及以下：隐藏企微入口（与 yyyoo max-width:1024 隐藏 icon1 一致），按钮收窄 */
@media (max-width: 1024px) {
    .tyy-side__btn--wx {
        display: none;
    }
}

@media (max-width: 768px) {
    .tyy-side {
        width: 40px;
    }

    .tyy-side__btn {
        width: 40px;
        height: 40px;
        background-size: 22px 22px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .tyy-side__btn,
    .tyy-side__pop {
        transition: none;
    }
}