﻿/* 右侧固定工具条：联系我们 + 返回顶部（参照华为官网） */
.site-float-tools {
    position: fixed;
    right: 0;
    bottom: calc(120px + var(--float-tools-bottom-extra, 0px));
    z-index: 10050;
    display: flex;
    flex-direction: column;
}

.site-float-tools__item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    margin: 0;
    padding: 0;
    border: 0;
    cursor: pointer;
    text-decoration: none;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
    transition: background-color 0.2s ease;
    -webkit-tap-highlight-color: transparent;
}

.site-float-tools__item--contact {
    background: #c7000b;
}

    .site-float-tools__item--contact:hover {
        background: #a50008;
    }

.site-float-tools__item--top {
    background: #6b6b6b;
}

    .site-float-tools__item--top:hover {
        background: #555;
    }

    /* 默认不显示返回顶部，无占位、无白底 */
    .site-float-tools__item--top.is-hidden {
        display: none;
    }

.site-float-tools__ico {
    display: block;
    width: 24px;
    height: 24px;
    pointer-events: none;
}

    .site-float-tools__ico img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

@media (max-width: 960px) {
    .site-float-tools {
        bottom: max(
            100px,
            calc(14dvh + env(safe-area-inset-bottom, 0px) + var(--float-tools-bottom-extra, 0px))
        );
    }

    /* 手机首页：抬高，避开浏览器地址栏 */
    .site-float-tools.site-float-tools--home {
        bottom: max(
            148px,
            calc(22dvh + env(safe-area-inset-bottom, 0px) + var(--float-tools-bottom-extra, 0px))
        );
    }

    .site-float-tools__item {
        width: 48px;
        height: 48px;
    }

    .site-float-tools__ico {
        width: 22px;
        height: 22px;
    }
}

@supports (padding-bottom: constant(safe-area-inset-bottom)) {
    @media (max-width: 960px) {
        .site-float-tools {
            bottom: max(
                100px,
                calc(14dvh + constant(safe-area-inset-bottom) + var(--float-tools-bottom-extra, 0px))
            );
        }

        .site-float-tools.site-float-tools--home {
            bottom: max(
                148px,
                calc(22dvh + constant(safe-area-inset-bottom) + var(--float-tools-bottom-extra, 0px))
            );
        }
    }
}

