/* 基础重置 */
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    line-height: 1.6; color: #333; max-width: 1200px; margin: 0 auto; padding: 20px;
}


.hero {
    text-align: center; padding: 40px 20px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white; border-radius: 10px; margin-bottom: 40px;
}
.hero h1 {
    font-size: 2.6rem;             
    line-height: 1.35;              
    font-weight: 700;              
    letter-spacing: -0.02em;      
    max-width: 950px;            
    margin: 0 auto 20px auto;      
    word-break: break-word;       
}
.authors { font-size: 1.1rem; margin: 15px 0; }
.affiliations { font-size: 0.9rem; opacity: 0.9; margin: 10px 0; }
.links { margin-top: 25px; }
.btn {
    display: inline-block; padding: 10px 25px; margin: 5px; background: white; color: #667eea;
    text-decoration: none; border-radius: 25px; font-weight: 500; transition: transform 0.2s;
}
.btn:hover { transform: translateY(-2px); box-shadow: 0 5px 15px rgba(0,0,0,0.2); }

/* 内容区块 */
section { margin: 40px 0; padding: 20px; }
h2 { 
    border-bottom: 3px solid #667eea; padding-bottom: 10px; margin-bottom: 20px; color: #444;
}

.caption { text-align: center; font-size: 0.9rem; color: #666; margin-top: 10px; }

/* 表格样式 */
.results-table {
    width: 100%; border-collapse: collapse; margin: 20px 0;
}
.results-table th, .results-table td {
    padding: 12px; text-align: center; border-bottom: 1px solid #eee;
}
.results-table th { background: #f8f9fa; font-weight: 600; }

/* BibTeX代码块 */
.bibtex pre {
    background: #f6f8fa; padding: 20px; border-radius: 8px; overflow-x: auto;
    font-family: 'Courier New', monospace; font-size: 0.9rem;
}

/* 页脚 */
footer {
    text-align: center; padding: 30px; color: #666; border-top: 1px solid #eee; margin-top: 40px;
}

/* 移动端适配 */
@media (max-width: 768px) {
    .hero h1 { font-size: 1.9rem; 
        line-height: 1.4; 
        padding: 0 10px; }
    .btn { padding: 8px 20px; font-size: 0.9rem; }
}

/* ================= 图片全局居中与自适应 ================= */
section img {
    display: block;               /* 转为块级元素，使 margin:auto 生效 */
    margin: 0 auto;               /* 水平居中 */
    max-width: 100%;              /* 不超过父容器宽度 */
    height: auto;                 /* 高度自动，保持原始宽高比 */
    border-radius: 8px;           /* 圆角（可选） */
    box-shadow: 0 4px 15px rgba(0,0,0,0.1); /* 轻微阴影提升质感 */
}

/* 可选：在大屏幕上限制最大宽度，避免图片拉伸过长 */
@media (min-width: 1200px) {
    section img { max-width: 1000px; }
}

/* 特殊处理：多图并排网格（如 Results 区域） */
.result-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    margin: 20px 0;
}
.result-grid img {
    margin: 0;                    /* 网格内取消居中，由 Grid 控制 */
    width: 100%;
}

/* 图注样式优化 */
.caption, figcaption {
    text-align: center;
    font-size: 0.9rem;
    color: #555;
    margin-top: 10px;
    line-height: 1.5;
}

/* style.css - 视频展示区域专用样式 */
.video-grid-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-bottom: 30px;
  align-items: start; /* 关键：防止高度不一致时网格被强行拉伸 */
}

.video-box {
  background: #f9f9f9;
  border: 1px solid #eee;
  padding: 10px;
  border-radius: 8px;
  text-align: center;
  overflow: hidden;
}

.video-box video {
  width: 100%;
  height: auto;          /* 核心：高度自动，严格保持原始宽高比 */
  display: block;
  object-fit: contain;   /* 安全兜底：确保内容完整显示，绝不拉伸/裁剪 */
  border-radius: 4px;
  margin-bottom: 8px;
  background-color: #000;
}

.video-caption {
  font-size: 0.9em;
  color: #333;
  line-height: 1.4;
}

/* 移动端自适应 */
@media (max-width: 768px) {
  .video-grid-container {
    grid-template-columns: 1fr;
  }
}