/* ============ 右侧公用飘窗（微信公众号 / 服务号 / 抖音号 二维码） ============ */

.float_win {
    position: fixed;
    right: 6px;
    top: 30%;
    transform: translateY(-50%);
    z-index: 999;
    width: 86px;
    box-sizing: border-box;
    padding: 10px 0;
    background: #ffffff;
    border-radius: 11px 0 0 11px; /* 仅左侧上/下圆角，右侧贴边 */
    border: 1px solid #F2F2F2;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .08);
}

.float_win .float_item {
    display: flex;                /* 图标在上、文字在下，由内容撑开高度 */
    flex-flow: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    width: 100%;
    box-sizing: border-box;
    padding: 12px 0;
    background: transparent;      /* 白卡上不再有青色底块 */
    color: #333333;
    font-size: 13px;
    text-align: center;
    cursor: pointer;
    position: relative;
    user-select: none;
    transition: background .2s;
}

/* 悬停：极浅青色底 + 文字变主题色 */
.float_win .float_item:hover,
.float_win .float_item.open {
    background: #F5FBFC;
}

.float_win .float_item:hover .float_tab_txt,
.float_win .float_item.open .float_tab_txt {
    color: #00A7CB;
}

/* 图标：直接放在白卡上，无需衬底 */
.float_win .float_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
}

.float_win .float_icon img {
    display: block;
    max-width: 32px;
    max-height: 32px;
}

/* 栏目文字：横向单行 */
.float_win .float_tab_txt {
    display: block;
    line-height: 1.2;
    letter-spacing: 0;
    white-space: nowrap;
    color: #333333;
    transition: color .2s;
}

/* 二维码弹出层：悬停 / 点击展开，垂直居中于所在按钮 */
.float_win .float_qr {
    display: none;
    position: absolute;
    right: calc(100% + 8px);
    /* 始终贴在按钮左侧外，不会被按钮宽度变化遮住 */
    top: 50%;
    transform: translateY(-50%);
    width: 150px;
    padding: 10px 10px 8px;
    background: #fff;
    border: 1px solid #10a4c2;
    border-radius: 6px;
    box-shadow: 0 4px 16px rgba(0, 90, 110, .18);
}

.float_win .float_item:hover .float_qr,
.float_win .float_item.open .float_qr {
    display: block;
}

.float_win .float_qr img {
    display: block;
    width: 130px;
    height: 130px;
    margin: 0 auto;
}

.float_win .float_qr p {
    margin: 6px 0 0;
    font-size: 12px;
    line-height: 20px;
    color: #10a4c2;
    text-align: center;
    white-space: nowrap;
}

/* 返回顶部按钮配色 */
.float_win .float_top {
    background: #7ccadf;
}

.float_win .float_top:hover {
    background: #10a4c2;
}

/* 小屏：贴边更窄 */
@media screen and (max-width: 1240px) {
    .float_win {
        right: 0;
    }
}