/* 通用文字提示彈層-start */
@keyframes common-tips-popup-in {
    0% {
        opacity: 0;
        transform: translateY(-8px) scale(0.98);
    }

    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

#commonTipsPopupRoot {
    display: none;
}

.layui-layer.common-tips-popup-layer {
    border: 0;
    border-radius: 12px;
    overflow: visible;
    background: transparent;
    box-shadow: none;

    .layui-layer-content {
        height: auto !important;
        padding: 0 !important;
        overflow: visible !important;
        background: transparent;
    }

    #commonTipsPopupRoot {
        display: block;
    }
}

.common-tips-popup {
    box-sizing: border-box;
    min-width: 120px;
    max-width: min(420px, calc(100vw - 32px));
    padding: 14px 22px;
    border-radius: 16px;
    background: rgba(30, 140, 230, 0.88);
    box-shadow: 0 10px 28px rgba(30, 140, 230, 0.18);
    opacity: 0;
    transform: translateY(-8px) scale(0.98);
    text-align: center;

    &.common-tips-popup--show {
        animation: common-tips-popup-in 0.24s ease forwards;
    }

    .common-tips-popup__message {
        margin: 0;
        font-size: 15px;
        font-weight: 500;
        line-height: 1.5;
        color: #ffffff;
        word-break: break-word;
    }
}

@media screen and (max-width: 1450px) {
    .common-tips-popup {
        padding: 12px 18px;

        .common-tips-popup__message {
            font-size: 14px;
        }
    }
}

/* 通用文字提示彈層-end */