body {
    height: 100%;
    margin: 0;
    font-family: 'Arial', sans-serif;
}

.bg-504B5A {
    background-color: #504B5A; /* 使用 SVG 中的颜色作为背景色 */
}

.login-container {
    background-color: rgba(255, 255, 255, 0.1);
    padding: 2rem;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
}
.taiji-avatar {
    text-align: center;
}

.taiji-icon {
    width: 80px;  /* 调整 SVG 图片的宽度 */
    height: 80px;  /* 调整 SVG 图片的高度 */
    margin: 20px auto;  /* 居中显示 */
    padding: 10px;
    border-radius: 50%;
    border: 2px solid #EDEDEE;  /* 使用 SVG 中的颜色作为边框色 */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
}

.btn-light {
    background-color: #EDEDEE; /* 使用 SVG 中的颜色作为按钮背景色 */
    border-color: #EDEDEE;
}

.form-control {
    background-color: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.5);
    color: #EDEDEE;
}

.form-control:focus {
    border-color: #EDEDEE;
    box-shadow: 0 0 0 0.25rem rgba(237, 237, 238, 0.25);
}

.btn-light:hover {
    background-color: #ddd;
    border-color: #ddd;
}