.fab-button {
    position: fixed;
    bottom: 16px;
    right: 16px;
    z-index: 1000; /* Ensure it is above other elements */
}

.fab-button2 {
    position: fixed;
    bottom: 16px;
    right: 90px;
    z-index: 1000; /* Ensure it is above other elements */
}

.login-container {
    position: relative;
    width: 100%;
    max-width: 400px;
}

    .login-container::after {
        content: '';
        position: absolute;
        top: -2px;
        left: -2px;
        right: -2px;
        bottom: -2px;
        border-radius: 10px;
        background: linear-gradient(90deg, transparent, var(--mud-palette-primary), transparent);
        background-size: 200% 200%;
        z-index: -1;
        opacity: 0.6;
        animation: lightLine 3s infinite linear;
    }

@keyframes lightLine {
    0% {
        background-position: 0% 0%;
    }

    100% {
        background-position: 200% 200%;
    }
}

.row-statement {
    background-color: #90EE90 !important;
    color: #000000 !important;
}

    .row-statement .mud-table-row .mud-table-cell {
        color: #000000 !important;
    }
.slim-rgb-border {
    position: relative;
    border-radius: 4px;
    padding: 10px; /* 减小内边距使整体尺寸更小 */
    background: #fff;
}

    .slim-rgb-border::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: inherit;
        border: 1px solid transparent; /* 边框更薄 */
        background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000 ) border-box;
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        background-size: 300% 300%;
        animation: slim-border-animation 8s linear infinite;
    }

@keyframes slim-border-animation {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

/* 极简版本 - 更窄的边框和更小的内边距 */
.micro-rgb-border {
    position: relative;
    border-radius: 3px;
    padding: 6px; /* 非常小的内边距 */
}

    .micro-rgb-border::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: inherit;
        border: 1px solid transparent;
        background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000 ) border-box;
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        background-size: 300% 300%;
        animation: slim-border-animation 8s linear infinite;
    }