网站介绍：
该网站是一个个人主页，具有简洁、美观的设计风格。它采用现代的网页布局和响应式设计，使得用户在不同设备上都能获得良好的浏览体验。
样式设计：
该个人主页采用了一种优雅的字体样式”Noto Serif SC”,并设置了适当的字重，以提供清晰易读的文本效果。同时，.header 类定义了一个浅灰色背景，用于突出导航菜单的部分。
导航菜单：
.header ul li a 这个选择器定义了导航菜单中的链接样式。它的背景色为 “#ededed”,表示柔和的浅灰色。通过设置 background: #ededed;,这个链接在鼠标悬停时会有一个轻微的阴影效果，增强了视觉吸引力。
卡片样式：
网站中使用了.card-home类来定义卡片容器，其中的.author、.designation和.text类分别设置了作者名、职位和文本的颜色。这些元素都有一个相同的白色(#fff)背景色，使得内容易于阅读。
圆角边框：
网站使用了圆角边框来装饰部分元素，例如.card-outer .card-wrapper、.header以及.card-outer .card-inner-box.offsetleft .header。这些圆角边框都带有半径值25px,使得界面看起来更加平滑和圆润。
活动状态的高亮：
当用户点击导航菜单中的某个链接时，.header ul li.active a 选择器会将背景色改为明亮的紫色(#9147ff),文本颜色保持白色，并且应用了20像素的圆角边框，以突出当前选中的状态。这种高亮效果使用户能够直观地识别出当前页面或功能。
该网站通过简洁而优雅的设计展示个人信息和作品集。它采用了现代的技术和设计元素，提供了良好的用户体验。如果你对个人品牌建设或网页设计感兴趣，可以参考该网站的设计理念和代码实现方式。
