:root {
    --color-miku: #39c5bb;
    --color-miku-dark: #30a59c;
    --color-miku-transparent: #39c5bbb0;
}


body {

    background-color: var(--color-miku);
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: center; */
    height: 100vh;
    margin: 0;
}

:root[data-bs-theme="dark"] body {
    background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity));
}

.container {
    /* background: #fff; */
    padding: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    /* text-align: center; */
    width: 100%;
    max-width: 600px;
}

.logo {
    animation: spin 10s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}



.fs-75 {
    font-size: 0.75rem;
}


.text-miku {
    color: var(--color-miku);
}


.btn-miku {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--color-miku);
    --bs-btn-border-color: var(--color-miku);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--color-miku-dark);
    --bs-btn-hover-border-color: var(--color-miku-dark);
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--color-miku-dark);
    --bs-btn-active-border-color: var(--color-miku-dark);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--color-miku-transparent);
    --bs-btn-disabled-border-color: var(--color-miku-transparent);
}




/* 自定义粉色按钮样式 */
.btn-pink {
    color: #fff;
    border: none;
    background: #f555b5;

}

/* 鼠标悬停效果 */
.btn-pink:hover {
    color: #fff;
    border: none;
    background: #b82b71;

    /* box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); */
}

/* 点击时的反馈 */
.btn-pink:active {
    color: #fff !important;
    border: none !important;
    background: #b82b71 !important;
}


/* 自定义蓝色按钮样式 */
.btn-blue {
    color: #fff;
    background: #09b4db;
    border: none;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

/* 鼠标悬停效果 */
.btn-blue:hover {
    color: #fff;
    border: none;
    background: #0796b7;
}

/* 点击时的反馈 */
.btn-blue:active {
    color: #fff !important;
    border: none !important;
    background: #0796b7 !important;
}