個人資料卡是網站設計中常見的一種元素，通過CSS樣式可以輕松地為個人資料卡添加樣式，讓其更加美觀和易于使用。

首先，我們需要為個人資料卡設置一個基本的樣式，如下所示：

.card {
width: 300px;
height: 200px;
background-color: #f7f7f7;
border-radius: 5px;
padding: 10px;
}

接下來，我們可以為個人資料卡添加一些細節樣式，例如圓角邊框、陰影效果等：

.card {
width: 300px;
height: 200px;
background-color: #f7f7f7;
border-radius: 5px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
padding: 10px;
}

為個人資料卡添加一些對鼠標懸停的交互效果也是不錯的選擇：

.card:hover {
transform: scale(1.05);
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}

最后，我們可以為個人資料卡中的頭像和名稱添加一些特殊樣式：

.card .avatar {
width: 80px;
height: 80px;
border-radius: 50%;
overflow: hidden;
margin: 0 auto;
}
.card .avatar img {
width: 100%;
height: 100%;
object-fit: cover;
}
.card h2 {
font-size: 1.5rem;
margin-top: 10px;
text-align: center;
color: #333;
}

在HTML中添加以下代碼即可使用上述CSS樣式：

<div class="card">
<div class="avatar">
<img src="avatar.png" alt="Avatar">
</div>
<h2>張三</h2>
<p>27歲，莫斯科大學碩士，前端工程師。</p>
</div>

通過這些簡單的CSS樣式，我們可以輕松地實現漂亮的個人資料卡設計。在實際應用中，我們可以根據具體需求進行修改和優化，讓設計更加完美。