/* 全局设置 */
/* 全局字体设置：英文优先 Times New Roman，中文优先微软雅黑 */
body {
    font-family: "Times New Roman", Times, serif, "Microsoft YaHei", "微软雅黑", sans-serif;
    color: #333;
    font-size: 16px;
    line-height: 1.8;
    margin: 0;
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
}

/* 链接颜色保持学术蓝 */
a {
    color: #003f88;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

/* 布局容器 */
.container {
    display: flex;
    max-width: 1200px;
    margin: 40px auto;
    padding: 0 20px;
}

/* 左侧边栏 */
.sidebar {
    width: 140px;
    /* 窄侧边栏 */
    padding-right: 40px;
    flex-shrink: 0;
    text-align: right;
    /* 导航文字右对齐 */
}

.sidebar-logo img {
    max-width: 120px;
    margin-bottom: 20px;
}

.nav-links {

    color: #003f88;
    list-style: none;
    padding: 0;
    margin: 0;
}

.nav-links li {
    color: #003F88;
}

.nav-links a {
    color: #003f88;
    font-size: 16px;
}

.nav-links li a {
    color: #003F88;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    transition: color 0.2s;
}

.nav-links li a:hover {
    color: #000;
}

.lang-switch a {
    color: #003F88;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
}

.lang-switch a:hover {
    color: #000;
}

/* 右侧内容 */
.content {
    flex-grow: 1;
    padding-left: 40px;
    text-align: justify;
}

/* 个人信息头部 */
.profile-header {
    display: flex;
    gap: 30px;
    /* 头像和文字的间距 */
    margin-bottom: 40px;
    align-items: flex-start;
    /* 关键：让文字和头像都顶端对齐 */
    font-family: "Microsoft YaHei", "Helvetica Neue", sans-serif;
    /* 优化中文显示 */
}

/* 头像：改为长方形，去掉圆角 */
.profile-avatar {
    width: 200px;
    /* 根据照片比例调整宽度 */
    height: auto;
    /* 高度自适应 */
    border-radius: 4px;
    /* 只有一点点微圆角，看起来更精致 */
    object-fit: cover;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    /* 加一点淡淡的阴影 */
    flex-shrink: 0;
    /* 防止图片被挤压 */
}

/* 右侧文字容器 */
.profile-info {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    /* 垂直排列每一行 */
    justify-content: flex-start;
}

/* --- 个人信息区：职位列表优化 --- */
/* --- 名字行样式 --- */
.profile-name-line {
    font-size: 24px;
    /* 字号要大，通常是 22px-26px */
    font-weight: bold;
    /* 加粗 */
    color: #000;
    /* 纯黑色，突出显示 */
    margin-bottom: 15px;
    /* 名字和下方第一条职位之间留出明显空隙 */
    line-height: 1.2;
    /* 行高紧凑一点 */
    padding-bottom: 2px;
    /* (可选) 如果想要名字下面有一条分割线，配合下一行使用 */
    /* border-bottom: 5px solid #eee; */
    /* (可选) 名字下方加一条淡淡的分割线，看起来更正式 */
}
/* 单个职务块：每个职务之间留出间距 */
.profile-job-item {
    margin-bottom: 16px;
    /* 增加间距，让每一条经历分得更开 */
    border-left: 3px solid #eee;
    /* 左侧加一条淡淡的竖线，增加对齐感 */
    padding-left: 12px;
    /* 文字离竖线的距离 */
}

/* 第一行：职位/头衔 (加粗，黑色，突出显示) */
.profile-role {
    font-weight: bold;
    font-size: 14px;
    color: #000;
    line-height: 1.2;
    margin-bottom: 4px;
    /* 职位和单位之间的微小间距 */
}

/* 第二行：单位/机构 (常规粗细，深灰色，次要显示) */
.profile-unit {
    font-size: 12px;
    color: #555;
    /* 稍微淡一点的颜色 */
    line-height: 1;
}

/* 针对很长的单位名称，确保两端对齐，避免右侧参差不齐 */
.profile-info {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    /* 解决长文字换行难看的问题 */
    max-width: 100%;
}


/* 栏目标题 (Short Bio, What's New) */
/* 找到 h2 并替换为以下内容 */
h2 {
    color: #003f88;
    /* 标题文字颜色 (学术蓝) */
    font-size: 20px;
    /* 字体大小 */
    font-weight: bold;
    /* 加粗 */

    /* 关键部分：横线设置 */
    border-bottom: 2px solid #93a7cb;
    /* 2px宽的实线，颜色为深灰，比 #eee 更明显 */

    /* 间距调整 */
    padding-bottom: 10px;
    /* 文字和横线之间的距离 */
    margin-top: 40px;
    /* 标题上方的留白 */
    margin-bottom: 20px;
    /* 横线和下方正文的距离 */
}

/* 列表样式 */
ul {
    padding-left: 20px;
    margin-top: 0;
}

li {
    margin-bottom: 6px;
}

/* 手机端适配 */
@media (max-width: 768px) {
    .container {
        flex-direction: column;
    }

    .sidebar {
        width: auto;
        text-align: left;
        padding-right: 0;
        margin-bottom: 20px;
        border-right: none;
    }

    .content {
        padding-left: 0;
        border-left: none;
    }
}

/* --- 简历/经历列表样式 --- */
.resume-list {
    list-style: none;
    /* 去掉默认圆点 */
    padding-left: 0;
    margin-top: 10px;
}

.resume-item {
    display: flex;
    margin-bottom: 12px;
    align-items: baseline;
    /* 保持基线对齐 */
}

/* 左侧时间栏：固定宽度，加粗，防止对不齐 */
.resume-date {
    width: 130px;
    /* font-weight: bold; */
    color: #444;
    flex-shrink: 0;
    /* 防止时间被压缩换行 */
    font-family: "Helvetica Neue", Arial, sans-serif;
    /* 时间用无衬线体更清爽 */
}

/* 右侧内容栏 */
.resume-detail {
    flex-grow: 1;
    color: #333;
}

/* 导师/备注信息：小一点，灰色 */
.resume-sub {
    font-size: 1em;
    color: #666;
    /* 增加间距，让每一条经历分得更开 */
    border-left: 3px solid #eee;
    /* 左侧加一条淡淡的竖线，增加对齐感 */
    padding-left: 10px;
    /* 文字离竖线的距离 */
}


/* 专利列表样式：增加层级感 */
.patent-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 10px;
}

.patent-list li {
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.patent-list li:last-child {
    border-bottom: none;
}

/* 专利标题 */
.patent-title {
    font-size: 16px;
    color: #000;
    font-weight: bold;
    display: block;
    margin-bottom: 4px;
    line-height: 1.4;
}

/* 发明人 */
.patent-authors {
    font-size: 15px;
    color: #333;
    display: block;
    margin-bottom: 4px;
}

/* 专利号和日期等元数据 */
.patent-meta {
    font-size: 14px;
    color: #666;
    background-color: #f9f9f9;
    /* 浅灰背景块 */
    padding: 2px 8px;
    border-radius: 4px;
    display: inline-block;
}