/**
 * profile-config.css — 个人简介页排版变量
 * 通过 page-editor.html 读取/编辑，覆盖 css/styles.css 的默认样式。
 * 通用 Section 样式由 css/global-section-config.css 统一控制。
 */

:root {
  /* 页面容器 */
  --profile-container-max-width: var(--max);
  --profile-section-padding: var(--global-section-padding);
  --profile-first-section-padding-top: var(--global-first-section-padding-top);

  /* 首 Section 与后续 Section 间距 */
  --profile-first-section-gap: 50px;

  /* Section 小标签（继承全局） */
  --profile-kicker-font-size: var(--global-section-kicker-font-size);
  --profile-kicker-letter-spacing: var(--global-section-kicker-letter-spacing);
  --profile-kicker-color: var(--global-section-kicker-color);
  --profile-kicker-margin-bottom: var(--global-section-kicker-margin-bottom);

  /* Section title（个人简介、研究内容、代表论文等共用，继承全局） */
  --profile-title-font-size: var(--global-section-title-font-size);
  --profile-title-line-height: var(--global-section-title-line-height);
  --profile-title-letter-spacing: var(--global-section-title-letter-spacing);
  --profile-title-color: var(--global-section-title-color);

  /* 个人名片卡片 */
  --profile-card-padding: 50px;
  --profile-card-gap: 50px;
  --profile-card-min-height: 0px;
  --profile-card-border-radius: clamp(22px, 2.4vw, 32px);
  --profile-card-bg:
    linear-gradient(135deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.025)),
    rgba(20, 20, 30, 0.35);
  --profile-card-border: 1.5px solid rgba(255, 255, 255, 0.14);

  /* 照片与姓名 */
  --profile-photo-size: 250px;
  --profile-photo-radius: clamp(16px, 2vw, 24px);
  --profile-name-size: 3rem;
  --profile-en-name-size: 1.5rem;

  /* 简介正文 */
  --profile-bio-font-size: 1.4rem;
  --profile-bio-line-height: 1.6;

  /* Section 标题与内容间距（继承全局） */
  --profile-section-heading-gap: var(--global-section-heading-gap);

  /* 条目/卡片间距（继承全局） */
  --profile-list-gap: var(--global-list-gap);

  /* 研究内容卡片间距（桌面端继承全局列表间距） */
  --profile-research-gap: 4px;

  /* 研究内容卡片文字 */
  --profile-research-title-font-size: 1.5rem;
  --profile-research-text-font-size: 1.2rem;

  /* 研究内容卡片尺寸与内边距 */
  --profile-research-card-padding: 25px;
  --profile-research-card-padding-bottom: 8px;
  --profile-research-card-min-height: 180px;
  --profile-research-image-gap: clamp(0.5rem, 1.7vw, 4rem);

  /* 学习工作经历卡片 */
  --profile-experience-title-font-size: 1.5rem;
  --profile-experience-text-font-size: 1.2rem;
  --profile-experience-time-font-size: 1.2rem;
  --profile-experience-gap: 20px;

  /* 代表论文卡片文字与间距 */
  --profile-publication-title-font-size: 1.5rem;
  --profile-publication-subtitle-font-size: 1rem;
  --profile-publication-authors-font-size: 1rem;
  --profile-publication-meta-font-size: 1rem;
  --profile-publication-meta-gap: 5px;
  --profile-publication-pdf-gap: 8px;
  --profile-publication-pdf-offset-right: 0px;

  /* 代表论文卡片上下边距 */
  --profile-publication-padding-top: 20px;
  --profile-publication-padding-bottom: 15px;

  /* 代表论文卡片序号偏移 */
  --profile-publication-index-offset-top: -20px;
  --profile-publication-index-offset-left: -16px;

  /* 经历时间轴序号偏移 */
  --profile-exp-index-offset-top: 0px;
  --profile-exp-index-offset-left: 0px;

  /* 研究内容卡片序号偏移 */
  --profile-research-index-offset-top: 0px;
  --profile-research-index-offset-left: 0px;

  /* 全部论文按钮 */
  --profile-view-all-btn-font-size: 1vw;
  --profile-view-all-btn-font-weight: 700;

  /* 序号徽标（继承全局） */
  --profile-index-size: var(--global-index-size);
  --profile-index-font-size: var(--global-index-font-size);

  /* 手机端 */
  --profile-first-section-gap-mobile: 40px;
  --profile-kicker-font-size-mobile: var(--global-section-kicker-font-size-mobile);
  --profile-title-font-size-mobile: var(--global-section-title-font-size-mobile);
  --profile-section-padding-mobile: var(--global-section-padding-mobile);
  --profile-first-section-padding-top-mobile: var(--global-first-section-padding-top-mobile);
  --profile-section-heading-gap-mobile: var(--global-section-heading-gap-mobile);
  --profile-list-gap-mobile: var(--global-list-gap-mobile);
  --profile-research-gap-mobile: 4px;
  --profile-card-padding-mobile: 20px;
  --profile-card-gap-mobile: 12px;
  --profile-card-min-height-mobile: 0px;
  --profile-photo-size-mobile: 250px;
  --profile-name-size-mobile: 2rem;
  --profile-en-name-size-mobile: 1.5rem;
  --profile-bio-font-size-mobile: 1rem;
  --profile-bio-line-height-mobile: 1.5;

  /* 代表论文卡片文字与间距（手机端） */
  --profile-publication-title-font-size-mobile: 1.2rem;
  --profile-publication-subtitle-font-size-mobile: 0.8rem;
  --profile-publication-authors-font-size-mobile: 0.8rem;
  --profile-publication-meta-font-size-mobile: 1rem;
  --profile-publication-pdf-gap-mobile: 0px;
  --profile-publication-pdf-offset-right-mobile: 0px;

  /* 代表论文卡片上下边距（手机端） */
  --profile-publication-padding-top-mobile: 18px;
  --profile-publication-padding-bottom-mobile: 15px;

  /* 代表论文卡片序号偏移（手机端） */
  --profile-publication-index-offset-top-mobile: 0px;
  --profile-publication-index-offset-left-mobile: 0px;

  /* 经历时间轴序号偏移（手机端） */
  --profile-exp-index-offset-top-mobile: 0px;
  --profile-exp-index-offset-left-mobile: 0px;

  /* 研究内容卡片序号偏移（手机端） */
  --profile-research-index-offset-top-mobile: 0px;
  --profile-research-index-offset-left-mobile: 0px;
  --profile-publication-index-top-mobile: 34px;
  --profile-publication-index-left-mobile: 34px;

  /* 研究内容卡片文字（手机端） */
  --profile-research-title-font-size-mobile: 1.5rem;
  --profile-research-text-font-size-mobile: 0.9rem;

  /* 研究内容卡片尺寸与内边距（手机端） */
  --profile-research-card-padding-mobile: 18px;
  --profile-research-card-padding-bottom-mobile: 8px;
  --profile-research-card-min-height-mobile: 205px;
  --profile-research-image-gap-mobile: clamp(0.5rem, 5vw, 4rem);

  /* 学习工作经历卡片（手机端） */
  --profile-experience-title-font-size-mobile: 1.2rem;
  --profile-experience-text-font-size-mobile: 0.9rem;
  --profile-experience-time-font-size-mobile: 0.9rem;
  --profile-experience-gap-mobile: 4px;
  --profile-view-all-btn-font-size-mobile: 1rem;
  --profile-view-all-btn-font-weight-mobile: 700;

  /* 序号徽标（继承全局手机端） */
  --profile-index-size-mobile: var(--global-index-size-mobile);
  --profile-index-font-size-mobile: var(--global-index-font-size-mobile);
}

/* 容器 */
.profile-page .section-wrap {
  width: min(100% - 40px, var(--profile-container-max-width));
  padding: var(--profile-section-padding) 0 !important;
}

.profile-page main > .section-wrap:first-child,
.profile-page main > .section-band:first-child > .section-wrap {
  padding-top: var(--profile-first-section-padding-top) !important;
}

/* 首 Section 与后续 Section 间距 */
.profile-page #intro {
  padding-bottom: var(--profile-first-section-gap) !important;
}

/* “个人简介”与所有 Section 标题统一使用 --profile-title-* 变量 */
.profile-page #intro-title,
.profile-page .section-heading h2,
.profile-page #profile-research-title,
.profile-page #profile-experience-title,
.profile-page #profile-selected-title,
.profile-page #profile-appointments-title {
  font-size: var(--profile-title-font-size) !important;
  line-height: var(--profile-title-line-height) !important;
  letter-spacing: var(--profile-title-letter-spacing) !important;
  color: var(--profile-title-color) !important;
}

/* Kicker */
.profile-page .section-kicker {
  font-size: var(--profile-kicker-font-size) !important;
  letter-spacing: var(--profile-kicker-letter-spacing) !important;
  color: var(--profile-kicker-color) !important;
  margin-bottom: var(--profile-kicker-margin-bottom) !important;
}

/* ═══════════════════════════════════════════════════════════════
   个人名片卡片：紧凑横向布局（照片左、简介右，高度随内容）
   ═══════════════════════════════════════════════════════════════ */
.profile-page .profile-combo {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: min(100% - 40px, var(--profile-container-max-width)) !important;
  min-height: var(--profile-card-min-height) !important;
  margin-top: 0 !important;
  padding: var(--profile-card-padding) !important;
  gap: var(--profile-card-gap) !important;
  border-radius: var(--profile-card-border-radius) !important;
  border: var(--profile-card-border) !important;
  background: var(--profile-card-bg) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    inset 0 -1px 0 rgba(255, 255, 255, 0.04),
    0 16px 40px rgba(0, 0, 0, 0.3) !important;
  backdrop-filter: blur(20px) saturate(1.5) brightness(1.05) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.5) brightness(1.05) !important;
}

.profile-page .profile-card-left {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  flex-shrink: 0 !important;
  gap: 10px !important;
  min-width: 0 !important;
}

.profile-page .profile-card-right {
  display: block !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

.profile-page .profile-photo {
  width: var(--profile-photo-size) !important;
  height: var(--profile-photo-size) !important;
  max-width: none !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: var(--profile-photo-radius) !important;
}

.profile-page .profile-identity {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}

.profile-page .profile-identity h1 {
  margin: 0 !important;
  font-size: var(--profile-name-size) !important;
  line-height: 1.2 !important;
  text-align: center !important;
}

.profile-page .profile-en-name {
  margin: 0 !important;
  font-size: var(--profile-en-name-size) !important;
  line-height: 1.4 !important;
  text-align: center !important;
}

/* 简介正文 */
.profile-page .profile-bio-text {
  font-size: var(--profile-bio-font-size) !important;
  line-height: var(--profile-bio-line-height) !important;
}

/* Section 标题与内容间距（首屏标题单独用 --profile-first-section-gap） */
.profile-page .section-heading {
  margin-bottom: var(--profile-section-heading-gap) !important;
}

.profile-page #intro .section-heading {
  margin-bottom: 0 !important;
}

.profile-page .timeline-section {
  gap: var(--profile-section-heading-gap) !important;
}

/* 条目/卡片间距（时间轴、代表论文、学术任职均视为列表） */
.profile-page .timeline,
.profile-page .detail-list,
.profile-page #profile-publication-list {
  gap: var(--profile-list-gap) !important;
}

/* 研究内容卡片间距 */
.profile-page #research-list.feature-grid {
  gap: var(--profile-research-gap) !important;
}

/* 研究内容卡片文字 */
.profile-page #research-list .feature-card-copy h3 {
  font-size: var(--profile-research-title-font-size) !important;
}
.profile-page #research-list .feature-card-copy p {
  font-size: var(--profile-research-text-font-size) !important;
}

/* 学习工作经历卡片间距 */
.profile-page #experience-list {
  gap: var(--profile-experience-gap) !important;
}

/* 学习工作经历卡片文字 */
.profile-page #experience-list li h3 {
  font-size: var(--profile-experience-title-font-size) !important;
}
.profile-page #experience-list li p {
  font-size: var(--profile-experience-text-font-size) !important;
}
.profile-page #experience-list li time {
  font-size: var(--profile-experience-time-font-size) !important;
}

/* 代表论文区「全部论文」按钮 */
.profile-view-all-papers {
  display: flex;
  justify-content: center;
  margin-top: 18px;
}

.profile-view-all-papers .button.secondary {
  width: 100%;
  max-width: 420px;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

.profile-view-all-papers .button.secondary:hover {
  transform: none;
  filter: none;
}

@media (min-width: 861px) {
  /* 电脑端「全部论文」按钮字体 */
  .profile-view-all-papers .button.secondary {
    font-size: var(--profile-view-all-btn-font-size);
  }

  .profile-page #profile-publication-list .pdf-download-link {
    font-size: 1rem !important;
  }
}

/* 代表论文卡片文字与间距 */
.profile-page #profile-publication-list .publication-copy > h3 {
  font-size: var(--profile-publication-title-font-size) !important;
}

.profile-page #profile-publication-list .publication-subtitle {
  font-size: var(--profile-publication-subtitle-font-size) !important;
}

.profile-page #profile-publication-list .publication-authors {
  font-size: var(--profile-publication-authors-font-size) !important;
}

.profile-page #profile-publication-list .publication-meta {
  font-size: var(--profile-publication-meta-font-size) !important;
  margin-bottom: var(--profile-publication-meta-gap) !important;
}

.profile-page #profile-publication-list .pdf-actions {
  margin-top: var(--profile-publication-pdf-gap) !important;
  margin-right: var(--profile-publication-pdf-offset-right) !important;
}

/* 代表论文卡片上下边距 */
.profile-page #profile-publication-list .publication-item {
  padding-top: var(--profile-publication-padding-top) !important;
  padding-bottom: var(--profile-publication-padding-bottom) !important;
}

/* 代表论文卡片序号偏移 */
.profile-page #profile-publication-list .publication-item time {
  margin-top: var(--profile-publication-index-offset-top) !important;
  margin-left: var(--profile-publication-index-offset-left) !important;
}

/* 经历时间轴序号 */
.profile-page .timeline .item-index {
  width: var(--profile-index-size) !important;
  height: var(--profile-index-size) !important;
  min-width: var(--profile-index-size) !important;
  font-size: var(--profile-index-font-size) !important;
  margin-top: var(--profile-exp-index-offset-top) !important;
  margin-left: var(--profile-exp-index-offset-left) !important;
}

/* 研究内容卡片序号 */
.profile-page .feature-card .card-index {
  width: var(--profile-index-size) !important;
  height: var(--profile-index-size) !important;
  min-width: var(--profile-index-size) !important;
  font-size: var(--profile-index-font-size) !important;
  margin-top: var(--profile-research-index-offset-top) !important;
  margin-left: var(--profile-research-index-offset-left) !important;
}

/* 研究内容卡片尺寸与内边距 */
.profile-page #research-list .feature-card {
  padding: var(--profile-research-card-padding) !important;
  padding-bottom: var(--profile-research-card-padding-bottom) !important;
  min-height: var(--profile-research-card-min-height) !important;
}
.profile-page #research-list .feature-card-image {
  margin-bottom: var(--profile-research-image-gap) !important;
}

@media (max-width: 860px) {
  .profile-page .section-wrap {
    padding: var(--profile-section-padding-mobile) 0 !important;
  }

  .profile-page main > .section-wrap:first-child,
  .profile-page main > .section-band:first-child > .section-wrap {
    padding-top: var(--profile-first-section-padding-top-mobile) !important;
  }

  .profile-page #intro {
    padding-bottom: var(--profile-first-section-gap-mobile) !important;
  }

  .profile-page #intro-title,
  .profile-page .section-heading h2,
  .profile-page #profile-research-title,
  .profile-page #profile-experience-title,
  .profile-page #profile-selected-title,
  .profile-page #profile-appointments-title {
    font-size: var(--profile-title-font-size-mobile) !important;
  }

  .profile-page .section-kicker {
    font-size: var(--profile-kicker-font-size-mobile) !important;
  }

  .profile-page .profile-combo {
    flex-direction: column !important;
    min-height: var(--profile-card-min-height-mobile) !important;
    padding: var(--profile-card-padding-mobile) !important;
    gap: var(--profile-card-gap-mobile) !important;
  }

  .profile-page .profile-card-left,
  .profile-page .profile-card-right {
    width: 100% !important;
    flex: none !important;
  }

  .profile-page .profile-photo {
    width: var(--profile-photo-size-mobile) !important;
    height: var(--profile-photo-size-mobile) !important;
  }

  .profile-page .profile-identity h1 {
    font-size: var(--profile-name-size-mobile) !important;
  }

  .profile-page .profile-en-name {
    font-size: var(--profile-en-name-size-mobile) !important;
  }

  .profile-page .profile-bio-text {
    font-size: var(--profile-bio-font-size-mobile) !important;
    line-height: var(--profile-bio-line-height-mobile) !important;
  }

  .profile-page .section-heading {
    margin-bottom: var(--profile-section-heading-gap-mobile) !important;
  }

  .profile-page #intro .section-heading {
    margin-bottom: 0 !important;
  }

  .profile-page .timeline-section {
    gap: var(--profile-section-heading-gap-mobile) !important;
  }

  .profile-page .timeline,
  .profile-page .detail-list,
  .profile-page #profile-publication-list {
    gap: var(--profile-list-gap-mobile) !important;
  }

  /* 研究内容卡片间距（手机端） */
  .profile-page #research-list.feature-grid {
    gap: var(--profile-research-gap-mobile) !important;
  }

  /* 研究内容卡片文字（手机端） */
  .profile-page #research-list .feature-card-copy h3 {
    font-size: var(--profile-research-title-font-size-mobile) !important;
  }
  .profile-page #research-list .feature-card-copy p {
    font-size: var(--profile-research-text-font-size-mobile) !important;
  }

  /* 研究内容卡片尺寸与内边距（手机端） */
  .profile-page #research-list .feature-card {
    padding: var(--profile-research-card-padding-mobile) !important;
    padding-bottom: var(--profile-research-card-padding-bottom-mobile) !important;
    min-height: var(--profile-research-card-min-height-mobile) !important;
  }
  .profile-page #research-list .feature-card-image {
    margin-bottom: var(--profile-research-image-gap-mobile) !important;
  }

  /* 学习工作经历卡片间距（手机端） */
  .profile-page #experience-list {
    gap: var(--profile-experience-gap-mobile) !important;
  }

  /* 学习工作经历卡片文字（手机端） */
  .profile-page #experience-list li h3 {
    font-size: var(--profile-experience-title-font-size-mobile) !important;
  }
  .profile-page #experience-list li p {
    font-size: var(--profile-experience-text-font-size-mobile) !important;
  }
  .profile-page #experience-list li time {
    font-size: var(--profile-experience-time-font-size-mobile) !important;
  }
  .profile-page .timeline .item-index {
    width: var(--profile-index-size-mobile) !important;
    height: var(--profile-index-size-mobile) !important;
    min-width: var(--profile-index-size-mobile) !important;
    font-size: var(--profile-index-font-size-mobile) !important;
    margin-top: var(--profile-exp-index-offset-top-mobile) !important;
    margin-left: var(--profile-exp-index-offset-left-mobile) !important;
  }
  .profile-page .feature-card .card-index {
    width: var(--profile-index-size-mobile) !important;
    height: var(--profile-index-size-mobile) !important;
    min-width: var(--profile-index-size-mobile) !important;
    font-size: var(--profile-index-font-size-mobile) !important;
    margin-top: var(--profile-research-index-offset-top-mobile) !important;
    margin-left: var(--profile-research-index-offset-left-mobile) !important;
  }

  /* 代表论文卡片文字与间距（手机端） */
  .profile-page #profile-publication-list .publication-copy > h3 {
    font-size: var(--profile-publication-title-font-size-mobile) !important;
  }

  .profile-page #profile-publication-list .publication-subtitle {
    font-size: var(--profile-publication-subtitle-font-size-mobile) !important;
  }

  .profile-page #profile-publication-list .publication-authors {
    font-size: var(--profile-publication-authors-font-size-mobile) !important;
  }

  .profile-page #profile-publication-list .publication-meta {
    font-size: var(--profile-publication-meta-font-size-mobile) !important;
    margin-bottom: 0 !important;
  }

  .profile-page #profile-publication-list .publication-item {
    padding-top: var(--profile-publication-padding-top-mobile) !important;
    padding-bottom: var(--profile-publication-padding-bottom-mobile) !important;
  }

  .profile-page #profile-publication-list .publication-item time {
    margin-top: var(--profile-publication-index-offset-top-mobile) !important;
    margin-left: var(--profile-publication-index-offset-left-mobile) !important;
    top: var(--profile-publication-index-top-mobile) !important;
    left: var(--profile-publication-index-left-mobile) !important;
  }

  .profile-page #profile-publication-list .pdf-actions {
    margin-top: var(--profile-publication-pdf-gap-mobile) !important;
    margin-right: var(--profile-publication-pdf-offset-right-mobile) !important;
  }

  /* 手机端「全部论文」按钮字体 */
  .profile-view-all-papers .button.secondary {
    font-size: var(--profile-view-all-btn-font-size-mobile) !important;
    font-weight: var(--profile-view-all-btn-font-weight-mobile) !important;
  }

  /* 防止代表论文卡片内容区溢出遮挡下方「全部论文」按钮 */
  .profile-page #profile-publication-list .publication-copy {
    min-height: auto !important;
  }
}