header.login-card-header {
    display: flex;
    align-items: center;
    justify-content: center; /* タイトルを中央に配置 */
    position: relative; /* 子要素の絶対配置のため */
    background-color: #5e35b1;
    padding: 1rem;
    border-bottom: none; /* Bootstrapの境界線を削除 */
}

.login-circle-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px; /* アイコンを小さくする */
    height: 40px; /* アイコンを小さくする */
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    transition: background-color 0.3s ease;
    position: absolute;
    left: 15px;
}

.login-circle-icon:hover {
    background-color: rgba(255, 255, 255, 0.4);
}

.login-circle-icon svg {
    fill: white;
    width: 20px; /* SVGも小さくする */
    height: 20px;
}

.login-card-header h3 {
    color: white;
}

/* --- AJAX Content Fix --- */
/* 强制设置.card内部的文字颜色为深色，以覆盖全局的白色文字设定 */
.card {
    color: #212529; /* 这是 Bootstrap 默认的深色文字颜色 */
}