/* =========================================
   全站美化样式 (Modern Academic Theme)
   ========================================= */

/* --- 1. 全局基础 (Global) --- */
body {
    font-family: 'Mulish', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: #333;
    background-color: #f8f9fa;
    line-height: 1.6;
}

a {
    color: #0056b3;
    transition: all 0.3s ease;
    text-decoration: none;
}

a:hover {
    color: #003d82;
    text-decoration: underline;
}

/* --- 2. 导航栏 (Navigation) --- */
#mainNav {
    background-color: rgba(255, 255, 255, 0.95) !important; /* 半透明背景 */
    backdrop-filter: blur(10px); /* 磨砂玻璃效果 */
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05); /* 柔和阴影 */
    padding-top: 10px;
    padding-bottom: 10px;
}

#mainNav .navbar-brand {
    color: #0056b3 !important;
    font-weight: 700;
    font-family: 'Kanit', sans-serif;
}

#mainNav .nav-link {
    color: #555 !important;
    font-weight: 600;
    font-size: 0.95rem;
    padding: 0.5rem 1rem !important;
}

#mainNav .nav-link:hover {
    color: #0056b3 !important;
    background-color: #f0f7ff;
    border-radius: 5px;
}

/* --- 3. 顶部背景与头像 (Header & Avatar) --- */
/* --- 顶部背景图调整 (显示中间部分) --- */
/* --- 顶部背景图调整 --- */
.top-section {
    position: relative;
    height: 350px !important; 
    
    background-attachment: scroll !important; 
    
    /* 核心修改：水平居中，垂直方向显示 75% 的位置 */
    /* 75% 大概就是建筑物和湖水交界的位置，视野最好 */
    background-position: center 60% !important; 
    
    background-size: cover !important;
}

/* 给背景图加一层蓝色遮罩，让文字更清晰 */
.top-section::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0, 86, 179, 0.3); 
}

#avatar {
    margin-top: -100px; /* 让头像上浮，跨越背景 */
    position: relative;
    z-index: 10;
    text-align: center; /* 头像居中 */
}

#avatar img {
    width: 180px;
    height: 180px;
    object-fit: cover;
    border-radius: 50%; /* 圆形头像 */
    border: 6px solid #ffffff; /* 白色粗边框 */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15); /* 立体投影 */
    transition: transform 0.3s ease;
}

#avatar img:hover {
    transform: scale(1.05); /* 鼠标放上去微微放大 */
}

/* --- 4. 版块通用样式 (Sections) --- */
section {
    padding: 80px 0;
    background-color: #ffffff;
}

/* 让版块背景黑白交替，更有层次感 */
section:nth-of-type(even) {
    background-color: #f9fbfd; /* 极淡的蓝色背景 */
}

/* 统一的标题样式 */
header h2 {
    font-family: 'Kanit', sans-serif;
    font-weight: 700;
    color: #2c3e50;
    font-size: 2.2rem;
    margin-bottom: 40px;
    position: relative;
    display: inline-block;
}

/* 标题底部的蓝色装饰线 */
header h2::after {
    content: '';
    display: block;
    width: 60px;
    height: 5px;
    background: #0056b3;
    margin-top: 10px;
    border-radius: 3px;
}

/* --- 5. 正文内容美化 (Markdown Content) --- */
.main-body {
    font-size: 1.1rem;
    color: #4a4a4a;
    line-height: 1.8;
}

/* 针对 News 和 Awards 的列表美化 */
.main-body ul {
    padding-left: 20px;
    list-style: none; /* 去掉默认圆点 */
}

.main-body li {
    position: relative;
    margin-bottom: 12px;
    padding-left: 20px;
}

/* 自定义列表的小圆点 */
.main-body li::before {
    content: "•";
    color: #0056b3; /* 蓝色点 */
    font-weight: bold;
    font-size: 1.5em;
    position: absolute;
    left: 0;
    top: -5px;
}

/* --- 6. 之前写好的学术卡片样式 (完美保留) --- */
/* 这部分直接接在后面即可，不要删除 */

.stats-grid { display: flex; gap: 20px; flex-wrap: wrap; margin: 30px 0; }
.stat-card {
    flex: 1; min-width: 140px; background: #fff; border: 1px solid #eef2f6;
    border-radius: 12px; padding: 20px; text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.03); transition: all 0.3s ease; position: relative; overflow: hidden;
}
.stat-card::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: linear-gradient(90deg, #0056b3, #00a0e9); }
.stat-card:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,86,179,0.1); border-color: #b3d7ff; }
.stat-number { display: block; font-size: 2.5rem; font-weight: 800; color: #2c3e50; font-family: 'Kanit', sans-serif; }
.stat-label { font-size: 0.85rem; color: #8898aa; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; margin-top: 5px; }

.scholar-list { list-style: none !important; padding: 0; margin: 0; }
/* --- 单行论文卡片 (加大间距版) --- */
.scholar-item {
    background-color: #ffffff;
    
    /* 核心修改 1: 加大内边距，让文字离边框远一点 */
    padding: 10px 35px !important; 
    
    /* 核心修改 2: 加大卡片之间的距离 */
    margin-bottom: 20px; 
    
    border-radius: 8px;
    border: 1px solid #f0f2f5;
    border-left: 5px solid #0056b3; /* 左侧蓝线加粗一点 */
    box-shadow: 0 2px 8px rgba(0,0,0,0.03);
    transition: all 0.25s ease;
    
    /* 核心修改 3: 增加行高，让文字不那么密 */
    line-height: 1.8; 
}
.scholar-item:hover { transform: translateX(8px); background-color: #fcfdff; box-shadow: 0 5px 15px rgba(0,0,0,0.08); }
/* --- 论文标题 (加大字号) --- */
/* --- 论文标题 (加深加粗版) --- */
.scholar-title {
    display: inline;
    font-size: 1.1rem; /* 保持跟正文差不多大 */
    
    /* 核心修改 1: 加粗 */
    font-weight: 500;  /* 之前是 200 (太细)，改为 500 (中等) 或 600 (加粗) */
    
    /* 核心修改 2: 纯黑 */
    color: #000000;    /* 之前是深灰，改为纯黑让它更清晰 */
    
    text-decoration: none;
    margin-right: 10px;
    line-height: 1.6;
    font-family: "Mulish", sans-serif; 
    transition: color 0.2s;
}

.scholar-title:hover {
    color: #0056b3; 
    text-decoration: underline; 
}

/* --- 底部信息栏 (年份+引用) --- */
.scholar-meta {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    vertical-align: middle;
    font-size: 1.1rem; /* 这里的字号也稍微加大一点 */
}
.scholar-badge { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 20px; font-size: 0.85rem; font-weight: 500; }
.scholar-badge.year { background-color: #f8f9fa; color: #636c72; border: 1px solid #e9ecef; }
.scholar-badge.citation { background-color: #fff8e1; color: #b7860b; border: 1px solid #ffeeba; }
.scholar-badge.citation i { color: #ffc107; }

/* 移动端适配 */
@media (max-width: 768px) {
    .top-section { height: 250px !important; }
    #avatar img { width: 140px; height: 140px; }
    header h2 { font-size: 1.8rem; }
}

/* =========================================
   精准去除 SELECTED RECENT PUBLICATIONS 的点
   ========================================= */

/* 1. 针对自动抓取列表容器 (#papers-list) 去除默认样式 */
#papers-list ul, 
#papers-list li {
    list-style: none !important; /* 去掉默认黑点 */
    list-style-type: none !important;
    padding-left: 0 !important;   /* 可选：如果你想让它顶格 */
    margin-left: 0 !important;
}

/* 2. 关键：去除 main.css 强加的“伪元素”圆点 */
/* 只针对 #papers-list 下面的 li 去除 ::before */
#papers-list li::before {
    content: none !important;
    display: none !important;
    border: none !important;
}