body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    /* 讓內容垂直置中 */
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh; /* 確保內容佔滿整個視窗高度 */
    background-color: #f8f9fa; /* 淺灰色背景 */
}

.container {
    padding: 20px;
}

.avatar {
    width: 150px; /* 頭像寬度 */
    height: 150px; /* 頭像高度 */
    object-fit: cover; /* 確保圖片不變形並填滿 */
    border: 5px solid #E7CCCC; /* 白色邊框 */
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); /* 輕微陰影 */
}

.btn-lg {
    font-size: 1.2rem;
    padding: 1rem 1.5rem;
    transition: all 0.3s ease; /* 平滑過渡效果 */
}

.btn-outline-primary {
    color: #212529; /* 藍色文字 */
    border-color: #E7CCCC; /* 藍色邊框 */
	background-color: #A5B68D; /* 滑鼠懸停時背景變藍 */	
}

.btn-outline-primary:hover {
    background-color: #C1CFA1; /* 滑鼠懸停時背景變藍 */
    color: #212529; /* 文字變白 */
    border-color: #E7CCCC;
    transform: translateY(-2px); /* 輕微上移效果 */
    box-shadow: 0 4px 10px rgba(0, 123, 255, 0.2); /* 懸停陰影 */
}

h1, p {
	color: #EDE8DC;
}