body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    line-height: 1.6;
    margin: 0;
    padding: 0;
    background-color: #f4f7f6;
    color: #333;
}
.container {
    max-width: 800px;
    margin: 40px auto;
    background: white;
    padding: 40px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}
nav {
    text-align: center;
    margin-bottom: 30px;
}
nav a {
    text-decoration: none;
    color: #007bff;
    font-weight: bold;
    margin: 0 15px;
    font-size: 1.1em;
}
nav a:hover {
    text-decoration: underline;
}
h1 {
    color: #2c3e50;
    border-bottom: 2px solid #007bff;
    padding-bottom: 10px;
}
.profile-pic {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
    margin: 20px auto;
    border: 4px solid #007bff;
}
.skills {
    list-style: none;
    padding: 0;
}
.skills li {
    background: #e9ecef;
    margin-bottom: 10px;
    padding: 10px 15px;
    border-radius: 5px;
    font-weight: 500;
}

/* 控制 Logo 圖片的大小與對齊 */
.logo-img {
    height: 20px; /* 把 Logo 高度限制在 20px */
    width: auto;  /* 寬度自動等比縮放 */
    vertical-align: middle; /* 讓圖片跟旁邊的文字垂直置中對齊 */
    margin-right: 8px; /* 圖片右邊留一點空隙，不要跟文字黏在一起 */
    margin-bottom: 3px; /* 微調圖片位置，讓它看起來更居中 */
}