/* 合作咨询按钮组件样式 */ .consult-btn  {
    position: absolute;
    top: calc(650 * 100vw / 1920);
    display: flex;
    align-items: center;
    padding: calc(10 * 100vw / 1920) calc(20 * 100vw / 1920);
    border-radius: calc(65 * 100vw / 1920);
    background: linear-gradient(90deg,
    rgba(120, 133, 225, 0.2) 0%,
    rgba(97, 155, 243, 0.2) 100%);
    border: 1px solid rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(5px);
    box-shadow: 0 calc(4 * 100vw / 1920) calc(12 * 100vw / 1920) rgba(0, 0, 0, 0.1);
    gap: calc(12 * 100vw / 1920);
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    overflow: hidden;
    z-index: 10;

}
.consult-btn::before  {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg,
    rgba(120, 133, 225, 0.3) 0%,
    rgba(97, 155, 243, 0.4) 100%);
    transition: transform 0.6s ease;
    z-index: -1;

}
.consult-btn:hover  {
    transform: translateY(calc(-5 * 100vw / 1920));
    box-shadow: 0 calc(8 * 100vw / 1920) calc(20 * 100vw / 1920) rgba(106, 140, 238, 0.5);
    border-color: rgba(255, 255, 255, 0.5);

}
.consult-btn:hover::before  {
    transform: translateX(100%);

}
.consult-btn span  {
    color: #FFFFFF;
    font-size: calc(16 * 100vw / 1920);
    font-weight: 500;
    position: relative;
    display: inline-block;
    transition: all 0.3s ease;
    text-shadow: 0 calc(2 * 100vw / 1920) calc(4 * 100vw / 1920) rgba(0, 0, 0, 0.3);

}
.consult-btn:hover span  {
    transform: scale(1.05);
    text-shadow: 0 calc(2 * 100vw / 1920) calc(6 * 100vw / 1920) rgba(255, 255, 255, 0.6);

}
.consult-btn img  {
    width: calc(32 * 100vw / 1920);
    height: calc(32 * 100vw / 1920);
    transition: all 0.3s ease;
    filter: drop-shadow(0 calc(2 * 100vw / 1920) calc(4 * 100vw / 1920) rgba(0, 0, 0, 0.3));

}
.consult-btn:hover img  {
    transform: translateX(calc(5 * 100vw / 1920));
    filter: drop-shadow(0 calc(2 * 100vw / 1920) calc(6 * 100vw / 1920) rgba(255, 255, 255, 0.6));

}
/* 页面级别修饰符 - 可以在特定页面中调整位置 */ /* 动画定义（保留兼容性） */ @keyframes textBounce   {

    0%,
    100%  {
        transform: translateY(0);

    }
    40%,
    60%  {
        transform: translateY(calc(-10 * 100vw / 1920));

    }

}
/* 移动端适配 - 与PC端保持相同比例 */ @media screen and (max-width: 768px)   {

    .consult-btn  {
        padding: calc(10 * 100vw / 750) calc(20 * 100vw / 750);
        border-radius: calc(65 * 100vw / 750);
        border-width: 1px;
        box-shadow: 0 calc(4 * 100vw / 750) calc(12 * 100vw / 750) rgba(0, 0, 0, 0.1);
        gap: calc(12 * 100vw / 750);
        position: absolute;
        top: auto;
        bottom: calc(40 * 100vw / 750);
        left: 0;
        right: 0;
        margin: 0 auto;
        min-width: calc(120 * 100vw / 750);
        min-height: calc(50 * 100vw / 750);
        justify-content: center;
        width: fit-content;

    }
    .npc-banner .consult-btn,
    .canvasverse-banner .consult-btn,
    .holoverse-banner .consult-btn,
    .imv-banner .consult-btn,
    .hyperasset-banner .consult-btn  {
        bottom: calc(40 * 100vw / 750);
        width: fit-content;

    }
    .consult-btn:hover  {
        transform: translateY(calc(-5 * 100vw / 750));
        box-shadow: 0 calc(8 * 100vw / 750) calc(20 * 100vw / 750) rgba(106, 140, 238, 0.5);

    }
    .consult-btn span  {
        font-size: calc(16 * 100vw / 750);
        text-shadow: 0 calc(2 * 100vw / 750) calc(4 * 100vw / 750) rgba(0, 0, 0, 0.3);
        white-space: nowrap;

    }
    .consult-btn:hover span  {
        text-shadow: 0 calc(2 * 100vw / 750) calc(6 * 100vw / 750) rgba(255, 255, 255, 0.6);

    }
    .consult-btn img  {
        width: calc(32 * 100vw / 750);
        height: calc(32 * 100vw / 750);
        filter: drop-shadow(0 calc(2 * 100vw / 750) calc(4 * 100vw / 750) rgba(0, 0, 0, 0.3));

    }
    .consult-btn:hover img  {
        transform: translateX(calc(5 * 100vw / 750));
        filter: drop-shadow(0 calc(2 * 100vw / 750) calc(6 * 100vw / 750) rgba(255, 255, 255, 0.6));

    }

}