/* ===============================
   引入主题入口（保留）
=============================== */
@import "main";

/* ===============================
   强制恢复：头像（高优先级，避免被覆盖）
   说明：侧栏内 div 和 img 同名 class（author__avatar），
   所以尽量用更具体的选择器定位 img 元素。
=============================== */
.sidebar .author__avatar img.author__avatar,
img.author__avatar {
  width: 230px !important;
  height: auto !important;
  max-width: none !important;
  border-radius: 50% !important;
  display: block !important;
  margin: 0 auto 15px auto !important;
}

/* ===============================
   Sidebar：姓名 / 简介 / 联系方式
=============================== */
.author__name {
  font-size: 31px !important;
  font-family: "Cambria Math", Cambria, Georgia, "Times New Roman", serif !important; 
  font-weight: 700 !important;
  text-align: center;
  margin-bottom: 10px;
}

.author__bio {
  font-size: 17.5px !important;
  line-height: 1.5 !important;
  font-family: "Cambria Math", Cambria, Georgia, "Times New Roman", serif !important; 
  text-align: center;
  margin-bottom: 15px;
  color: #555;
}

.author__urls li {
  font-size: 0.9rem !important;
  line-height: 1.25;
  font-family: "Cambria Math", Cambria, Georgia, "Times New Roman", serif !important; 
  margin-bottom: 5px;
}

.author__urls li a {
  font-size: inherit !important;
}

.author__urls li i {
  font-size: 0.9rem !important;
  margin-right: 5px;
  color: #444;
}

/* ===============================
   正文区（page）
=============================== */
.page__inner-wrap {
  max-width: 1000px;
  margin: -15px auto 0 -5px !important; /* 上右下左，左边距改为20px */
  padding: 0 35px 25px 30px !important;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
  line-height: 1.65;
}

/* 标题 / content */
.page__title {
  font-size: 32px !important;
  font-weight: 700;
  margin-bottom: 20px;
  text-align: left;
  border-bottom: 2px solid #eee;
  padding-bottom: 8px;
}

.page__content p {
  font-size: 18.5px;
  line-height: 1.8;
  margin-bottom: 18px;
  color: #222;
}

.page__content strong {
  display: block;
  font-size: 20px;
  font-weight: 600;
  margin: 22px 0 12px;
  color: #333;
  text-transform: capitalize;
}

.page__content ul {
  margin: 0 0 22px 22px;
  padding: 0;
  list-style-type: disc;
}

.page__content li {
  font-size: 18px;
  margin-bottom: 10px;
  line-height: 1.65;
}

/* 使正文不多出空白（头像对齐问题） */
.page__content section:first-child {
  margin-top: 0;
  padding-top: 0;
}

/* ===============================
   导航栏（仅针对 nav#site-nav）
   说明：尽量不要对 masthead 或全局容器应用 broad flex。
=============================== */

/* 平滑滚动偏移 */
:root {
  scroll-padding-top: 70px;
}

html {
  scroll-behavior: smooth;
}

/* 只对 nav#site-nav 做垂直居中与布局管理 */
nav#site-nav {
  display: flex !important;
  align-items: center !important; /* 垂直居中菜单项 */
  width: 100%;
}

/* visible-links 是 nav 的一部分，保证它为 flex 并垂直居中 */
nav#site-nav > .visible-links {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem;
  flex-wrap: nowrap !important;
}

/* hidden-links 也保证为 inline-flex（兜底） */
nav#site-nav > .hidden-links {
  display: flex !important;
  align-items: center !important;
}

/* 每个 li 元素垂直居中，不要影响 sidebar */
nav#site-nav .visible-links > li,
nav#site-nav .hidden-links > li {
  display: inline-flex !important;
  align-items: center !important;
}

/* 把主题切换按钮固定在最右 */
#theme-toggle {
  margin-left: auto !important;
  order: 999 !important;
  display: inline-flex !important;
  align-items: center !important;
}

/* 保持左上标题样式（不改变其垂直居中） */
.masthead__menu-item--lg.persist > a,
.site-title a {
  font-size: 1.5rem !important;
  color: #111 !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
  font-family: "Cambria Math", Cambria, Georgia, "Times New Roman", serif !important; 
  padding-right: 1rem !important;
}

/* 右侧菜单项大小（略增大） */
.masthead__menu-item:not(.masthead__menu-item--lg) > a {
  font-size: 1.1rem !important;
  font-weight: 450 !important;
  font-family: "Cambria Math", Cambria, Georgia, "Times New Roman", serif; 
  padding: 0 0.1rem !important;
  white-space: nowrap !important;
}

/* 菜单栏对齐正文
   只针对菜单项（除标题外）设置左 margin，避免整体右移 */
nav#site-nav .visible-links > li:not(.masthead__menu-item--lg) {
  margin-left: -20px; /* 根据 .page__inner-wrap padding 调整 */
}

/* 调整整个菜单块的左右位置 */
nav#site-nav .visible-links {
  margin-left: -20px;  /* 左移 */
  /* 或者 margin-left: 20px; 右移 */
}

/* 合并自 custom.scss */
/*.greedy-nav { max-width: 100% !important; }
.masthead__menu { flex: 1 1 auto; }*/

/* 如果你仍然要尽量防止 greedy 折叠（兜底） */
/*nav#site-nav.greedy-nav .hidden-links { display: none !important; }
nav#site-nav.greedy-nav .visible-links { flex-wrap: nowrap !important; }*/

/* ===============================
   移动端
=============================== */
@media (max-width: 768px) {
  .masthead__inner-wrap {
    padding-left: 1rem !important;
  }

  .masthead__menu-item--lg.persist > a,
  .site-title a {
    font-size: 1rem !important;
    padding-right: 0.6rem !important;
  }

  .masthead__menu-item:not(.masthead__menu-item--lg) > a {
    font-size: 1rem !important;
    padding: 0 0.8rem !important;
  }

  nav#site-nav.greedy-nav .visible-links {
    flex-wrap: wrap !important;
  }
}

/* ===============================
   小修（避免意外影响）
=============================== */


.page {
  margin-top: 0 !important;
}
/* 顶部导航栏默认浅色模式 */
.masthead__inner-wrap {
  background-color: #ffffff;
}

/* 深色模式下导航栏背景保持不透明（深灰） */
body.dark-mode .masthead__inner-wrap,
html[data-theme="dark"] .masthead__inner-wrap {
  background-color: #1a1a1a !important;
}

/* 深色模式下，左侧主页文字变白 */
body.dark-mode .masthead__menu-item--lg > a,
html[data-theme="dark"] .masthead__menu-item--lg > a {
  color: #ffffff !important;
}

/* 其他菜单项（如果需要统一调亮，可以加上） */
body.dark-mode .masthead__menu-item > a,
html[data-theme="dark"] .masthead__menu-item > a {
  color: #e0e0e0 !important;
}