/*
             * 页面名称：SJIN Global 浮动联系栏 + 右侧表单抽屉
             */

            .fc-bar {
                --fc-primary-color: var(--fs-color-primary);
                --fc-accent-color: var(--fs-color-primary);
              
                --fc-box-size: 48px;
                --fc-icon-size: 22px;
                --fc-gap-near: 56px;

                position: fixed;
                right: 16px;
                top: 70%;
                z-index: 9999;

                display: flex;
                flex-direction: column;
                gap: 12px;

                transform: translateY(-50%);
            }

            .fc-item {
                position: relative;
                width: var(--fc-box-size);
                height: var(--fc-box-size);
            }

            .fc-btn {
                position: relative;

                display: flex;
                align-items: center;
                justify-content: center;

                width: var(--fc-box-size);
                height: var(--fc-box-size);
                min-height: var(--fc-box-size);

                padding: 0;

                border: 0 !important;
                border-radius: 50%;

                background: rgba(255, 255, 255, 0.68);
                color: var(--fc-primary-color) !important;

                -webkit-backdrop-filter: blur(16px) saturate(150%);
                backdrop-filter: blur(16px) saturate(150%);

                box-shadow:
                    0 10px 26px rgba(13, 11, 82, 0.12),
                    inset 0 1px 0 rgba(255, 255, 255, 0.72);

                cursor: pointer;
                text-decoration: none !important;

                transition:
                    background-color 0.25s ease,
                    color 0.25s ease,
                    transform 0.25s ease,
                    box-shadow 0.25s ease,
                    backdrop-filter 0.25s ease;
            }

            .fc-btn i {
                font-size: var(--fc-icon-size);
                line-height: 1;
                pointer-events: none;
            }

            .fc-btn:hover,
            .fc-item.active .fc-btn {
                background: #222;
                color: #ffffff !important;

                transform: translateX(-2px);

                -webkit-backdrop-filter: blur(18px) saturate(160%);
                backdrop-filter: blur(18px) saturate(160%);

                box-shadow:
                    0 14px 34px rgba(13, 11, 82, 0.22),
                    inset 0 1px 0 rgba(255, 255, 255, 0.18);
            }

            .fc-form .fc-btn {
                background: var(--fs-color-primary);
                color: #ffffff !important;

                -webkit-backdrop-filter: blur(16px) saturate(150%);
                backdrop-filter: blur(16px) saturate(150%);

                box-shadow:
                    0 10px 26px rgba(48, 201, 183, 0.20),
                    inset 0 1px 0 rgba(255, 255, 255, 0.24);
            }

            .fc-form .fc-btn:hover,
            .fc-form.active .fc-btn {
                background: #222;
                color: #ffffff !important;

                box-shadow:
                    0 14px 34px rgba(13, 11, 82, 0.24),
                    inset 0 1px 0 rgba(255, 255, 255, 0.18);
            }


            .fc-bubble {
                position: absolute;
                right: var(--fc-gap-near);
                top: 0;
                z-index: 2;

                opacity: 0;
                visibility: hidden;

                transform: translateX(8px);

                pointer-events: none;

                transition:
                    opacity 0.25s ease,
                    transform 0.25s ease,
                    visibility 0.25s ease;
            }

            .fc-item.active .fc-bubble {
                opacity: 1;
                visibility: visible;

                transform: translateX(0);

                pointer-events: auto;
            }

            .fc-bubble-link {
                display: flex;
                align-items: center;
                justify-content: center;

                min-width: 190px;
                min-height: var(--fc-box-size);

                padding: 0 14px;

                border: 0 !important;
                border-radius: 10px;

                background: #222;
                color: #ffffff;

                -webkit-backdrop-filter: blur(18px) saturate(155%);
                backdrop-filter: blur(18px) saturate(155%);

                font-size: 13px;
                line-height: 1.45;

                box-shadow:
                    0 14px 34px rgba(13, 11, 82, 0.20),
                    inset 0 1px 0 rgba(255, 255, 255, 0.18);
            }

          

            .fc-bubble a,
            .fc-bubble span {
                display: block;
                color: #ffffff !important;
                text-decoration: none;
                white-space: nowrap;
            }

            @media (min-width: 769px) {
                .fc-item:hover .fc-bubble {
                    opacity: 1;
                    visibility: visible;
                    transform: translateX(0);
                    pointer-events: auto;
                }
            }

            /* ==========================================================================
               右侧表单抽屉
               ========================================================================== */

            .fc-form-overlay {
                position: fixed;
                inset: 0;
                z-index: 10000;

                background: rgba(8, 10, 28, 0.38);

                -webkit-backdrop-filter: blur(8px);
                backdrop-filter: blur(8px);

                opacity: 0;
                visibility: hidden;
                pointer-events: none;

                transition:
                    opacity 0.32s ease,
                    visibility 0.32s ease;
            }

            .fc-form-drawer {
                position: fixed;
                right: 0;
                top: 0;
                bottom: 0;
                z-index: 10001;

                width: min(460px, 92vw);
                height: 100vh;

                background: rgba(255, 255, 255, 0.94);

                -webkit-backdrop-filter: blur(18px) saturate(150%);
                backdrop-filter: blur(18px) saturate(150%);

                box-shadow:
                    -18px 0 54px rgba(13, 11, 82, 0.18),
                    inset 1px 0 0 rgba(255, 255, 255, 0.60);

                transform: translateX(104%);
                visibility: hidden;

                transition:
                    transform 0.42s cubic-bezier(0.22, 1, 0.36, 1),
                    visibility 0.42s ease;

                overflow: hidden;
            }

            .fc-form-drawer-inner {
                position: relative;

                display: flex;
                align-items: center;
                justify-content: center;

                width: 100%;
                height: 100%;

                padding: 42px 34px 34px;

                overflow-y: auto;
                -webkit-overflow-scrolling: touch;
            }

            .fc-form-panel {
                width: 100%;
                max-width: 100%;
                margin: auto 0;
            }

            .fc-form-close {
                position: absolute;
                right: 18px;
                top: 18px;
                z-index: 3;

                display: flex;
                align-items: center;
                justify-content: center;

                width: 38px;
                height: 38px;
                min-height: 38px;

                padding: 0;

                border: 0 !important;
                border-radius: 50%;

                background: rgba(13, 11, 82, 0.08);
                color: var(--fc-primary-color);

                cursor: pointer;

                transition:
                    background-color 0.25s ease,
                    color 0.25s ease,
                    transform 0.25s ease;
            }

            .fc-form-close i {
                font-size: 22px;
                line-height: 1;
            }

            .fc-form-close:hover {
                background: var(--fc-primary-color);
                color: #ffffff;
                transform: rotate(90deg);
            }

            .fc-form-head {
                margin-bottom: 24px;
                padding-right: 42px;
            }

            .fc-form-kicker {
                display: inline-flex;
                align-items: center;

                margin-bottom: 12px;

                color: var(--fc-accent-color);

                font-size: 12px;
                line-height: 1;
                font-weight: 700;
                letter-spacing: 0.08em;
                text-transform: uppercase;
            }

            .fc-form-head h3 {
                margin: 0 0 12px;

                color:#000;

                font-size: 30px;
                line-height: 1.12;
                font-weight: 700;
                letter-spacing: -0.02em;
            }

            .fc-form-head p {
                margin: 0;

                color:#666;

                font-size: 14px;
                line-height: 1.65;
            }

            .fc-form-body {
                position: relative;
            }

            /* Fluent Form 基础 */
            .fc-form-body .fluentform,
            .fc-form-body .frm-fluent-form {
                margin: 0 !important;
            }

            .fc-form-body .ff-el-group {
                margin-bottom: 14px !important;
            }

            /*
             * 销毁 Fluent Form 1 行 2 列布局
             * 强制所有双列 / 多列变成单列
             */
            .fc-form-body .ff-t-container,
            .fc-form-body .ff_columns_total,
            .fc-form-body .ff-column-container,
            .fc-form-body .ff-el-group.ff_list_buttons,
            .fc-form-body .ff-el-group.ff-el-section-break {
                width: 100% !important;
                max-width: 100% !important;
            }

            .fc-form-body .ff-t-container,
            .fc-form-body .ff_columns_total,
            .fc-form-body .ff-column-container {
                display: block !important;
                margin-left: 0 !important;
                margin-right: 0 !important;
            }

            .fc-form-body .ff-t-cell,
            .fc-form-body .ff-column,
            .fc-form-body .ff-el-group[class*="ff-el-form-"],
            .fc-form-body .ff-el-group[class*="ff-el-input--content"] {
                width: 100% !important;
                max-width: 100% !important;
                flex: 0 0 100% !important;

                padding-left: 0 !important;
                padding-right: 0 !important;

                margin-left: 0 !important;
                margin-right: 0 !important;
            }

            .fc-form-body .ff-t-cell {
                display: block !important;
                margin-bottom: 14px !important;
            }

            .fc-form-body .ff-t-cell:last-child {
                margin-bottom: 0 !important;
            }

            .fc-form-body input,
            .fc-form-body textarea,
            .fc-form-body select {
                width: 100% !important;

                border-radius: 10px !important;
                border-color: rgba(13, 11, 82, 0.14) !important;

                background: rgba(255, 255, 255, 0.82) !important;

                box-shadow: none !important;
            }

            .fc-form-body input:focus,
            .fc-form-body textarea:focus,
            .fc-form-body select:focus {
                border-color: rgba(48, 201, 183, 0.85) !important;
                box-shadow: 0 0 0 3px rgba(48, 201, 183, 0.12) !important;
            }

            /*
             * 表单按钮：
             * hover 不改变颜色，只保留轻微位移
             */
            .fc-form-body button,
            .fc-form-body input[type="submit"],
            .fc-form-body .ff-btn-submit {
                border: 0 !important;
                border-radius: 999px !important;

                background: var(--fc-primary-color) !important;
                color: #ffffff !important;

                box-shadow: none !important;

                transition:
                    transform 0.22s ease,
                    opacity 0.22s ease !important;
            }

            .fc-form-body button:hover,
            .fc-form-body input[type="submit"]:hover,
            .fc-form-body .ff-btn-submit:hover,
            .fc-form-body button:focus,
            .fc-form-body input[type="submit"]:focus,
            .fc-form-body .ff-btn-submit:focus {
                background: var(--fc-primary-color) !important;
                color: #ffffff !important;

                box-shadow: none !important;

                transform: translateY(-1px);
            }

            body.fc-form-open {
                overflow: hidden;
            }

            body.fc-form-open .fc-form-overlay {
                opacity: 1;
                visibility: visible;
                pointer-events: auto;
            }

            body.fc-form-open .fc-form-drawer {
                transform: translateX(0);
                visibility: visible;
            }

            @media (max-width: 768px) {
                .fc-bar {
                    right: 10px;

                    --fc-box-size: 42px;
                    --fc-icon-size: 20px;
                    --fc-gap-near: 50px;

                    gap: 10px;
                }

                .fc-btn {
                    border-radius: 50% !important;
                }

                .fc-bubble-link {
                    min-width: 178px;
                    min-height: var(--fc-box-size);

                    padding: 0 12px;

                    font-size: 12px;
                }

                .fc-form-drawer {
                    width: min(420px, 94vw);
                }

                .fc-form-drawer-inner {
                    padding: 38px 22px 28px;
                }

                .fc-form-head {
                    margin-bottom: 20px;
                    padding-right: 44px;
                }

                .fc-form-head h3 {
                    font-size: 25px;
                }

                .fc-form-head p {
                    font-size: 13px;
                    line-height: 1.55;
                }
            }

            @media (max-width: 480px) {
                .fc-bar {
                    right: 8px;

                    --fc-box-size: 40px;
                    --fc-icon-size: 19px;
                    --fc-gap-near: 48px;

                    gap: 9px;
                }

                .fc-btn {
                    border-radius: 50% !important;
                }

                .fc-bubble-link {
                    min-width: 172px;
                    font-size: 11.5px;
                }

                .fc-form-drawer {
                    width: 100vw;
                }

                .fc-form-drawer-inner {
                    padding: 36px 18px 26px;
                }

                .fc-form-head h3 {
                    font-size: 23px;
                }
            }

            @media (max-height: 680px) {
                .fc-form-drawer-inner {
                    align-items: flex-start;
                }

                .fc-form-panel {
                    margin-top: 42px;
                    margin-bottom: 24px;
                }
            }
            
            /* ==========================================================================
   Floating Contact Bar - 表单提交按钮和关闭按钮增强
   追加到当前 style 最底部
   ========================================================================== */

/* 提交按钮：强制显示深蓝色 */
body .fc-form-drawer .fc-form-body .ff-btn-submit,
body .fc-form-drawer .fc-form-body button.ff-btn-submit,
body .fc-form-drawer .fc-form-body input[type="submit"],
body .fc-form-drawer .fc-form-body button[type="submit"],
body .fc-form-drawer .fc-form-body .ff_submit_btn_wrapper button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 44px !important;
    padding: 0 28px !important;

    border: 0 !important;
    border-radius: 999px !important;

    background: var(--fs-color-primary) !important;
    background-color: var(--fs-color-primary) !important;
    background-image: none !important;

    color: #ffffff !important;

    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1 !important;


    opacity: 1 !important;
    visibility: visible !important;

    cursor: pointer !important;

    transition:
        transform 0.22s ease,
        box-shadow 0.22s ease !important;
}

/* hover 不改变颜色，只轻微上移 */
body .fc-form-drawer .fc-form-body .ff-btn-submit:hover,
body .fc-form-drawer .fc-form-body button.ff-btn-submit:hover,
body .fc-form-drawer .fc-form-body input[type="submit"]:hover,
body .fc-form-drawer .fc-form-body button[type="submit"]:hover,
body .fc-form-drawer .fc-form-body .ff_submit_btn_wrapper button:hover,
body .fc-form-drawer .fc-form-body .ff-btn-submit:focus,
body .fc-form-drawer .fc-form-body button.ff-btn-submit:focus,
body .fc-form-drawer .fc-form-body input[type="submit"]:focus,
body .fc-form-drawer .fc-form-body button[type="submit"]:focus,
body .fc-form-drawer .fc-form-body .ff_submit_btn_wrapper button:focus {
    background: #0d0b52 !important;
    background-color: #0d0b52 !important;
    background-image: none !important;

    color: #ffffff !important;



    transform: translateY(-1px);
}

/* 提交按钮容器 */
body .fc-form-drawer .fc-form-body .ff_submit_btn_wrapper {
    margin-top: 6px !important;
}

/* 关闭按钮：更明显 */
body .fc-form-drawer .fc-form-close {
    right: 18px !important;
    top: 18px !important;

    width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;

    border: 0 !important;
    border-radius: 50% !important;

    background: #888 !important;
    color: #ffffff !important;

  
    opacity: 1 !important;
    visibility: visible !important;

    cursor: pointer !important;
}

/* 关闭按钮图标 */
body .fc-form-drawer .fc-form-close i {
    color: #ffffff !important;
    font-size: 24px !important;
    line-height: 1 !important;
}

/* 关闭按钮 hover */
body .fc-form-drawer .fc-form-close:hover {
    background: #30c9b7 !important;
    color: #ffffff !important;

    transform: rotate(90deg);
}

/* 手机端关闭按钮更靠里 */
@media (max-width: 480px) {
    body .fc-form-drawer .fc-form-close {
        right: 14px !important;
        top: 14px !important;

        width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
    }

    body .fc-form-drawer .fc-form-close i {
        font-size: 23px !important;
    }

    body .fc-form-drawer .fc-form-body .ff-btn-submit,
    body .fc-form-drawer .fc-form-body button.ff-btn-submit,
    body .fc-form-drawer .fc-form-body input[type="submit"],
    body .fc-form-drawer .fc-form-body button[type="submit"],
    body .fc-form-drawer .fc-form-body .ff_submit_btn_wrapper button {
        width: 100% !important;
        min-height: 44px !important;
    }
}


/* 手机端隐藏表单标题区域 */
@media (max-width: 768px) {
    .fc-form-drawer .fc-form-head {
        display: none !important;
    }

    .fc-form-drawer-inner {
        padding-top: 72px !important;
    }
}