body {
  margin: 0;
  padding: 0;
  background: #121212;
  color: #FCFAF2;
  overflow: auto; /* 允许页面滚动 */
}

/* Header 固定在顶部，不随滚动移动 */
.hero-header {
  /*position: fixed;*/
  position: relative;
  top: 0;
  left: 0;
  width: 100vw;
  height: 220px;
  background: #121212;
  text-align: center;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding-top: 20px;
  margin-bottom: 1.7em;
}

.header-avatar {
  width: 6rem;
  height: 6rem;
  border-radius: 50%;
  margin-top: 10px;
  margin-bottom: 20px;
}

.header-title {
  font-size: 2em;
  font-weight: bold;
  font-style: normal;
  color: #fcfaf2;
  letter-spacing: 2px;
  margin: 0.8rem auto;
}

.header-description {
  margin: 0;
  margin-top: 0.3em;
}

/* Main 从 header 高度开始，可以正常滚动 */
.index-main {
  position: relative;
  width: 100vw;
  background: #121212;
  z-index: 2; /* 比header高，会覆盖header */
  min-height: calc(100vh - 340px);
  padding-bottom: 1px;
  box-sizing: border-box;
  margin-top: 1.7em;
}

.menu, .list-page {
  width: 80%;
  margin: 0 auto;
}

/* 导航栏样式 */
.menu {
  position: sticky;
  top: 0;
  z-index: 10;
  background: rgba(36,36,36);
  backdrop-filter: blur(12px);
  border-radius: 2px;
  display: flex;
  justify-content: center;
  margin: 0 auto 0.5em auto;
  padding: 0 0;
  height: 50px;
  box-sizing: border-box;
  transition: background 0.3s;
}

.menu.menu-single {
  width: 65%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

.menu.sticky {
  background: #121212 !important;
}

.menu-sentinel {
  height: 0;
  margin: 0;
  padding: 0;
}

.menu a {
  text-decoration: none;
}

@media (max-width: 768px){
  .menu{
    width: 90%;
    min-width:300px;
  }
}

.menu-a {
  display: flex;
  gap: 0.6em;
  align-items: stretch;
}

.menu-button {
  border: none;
  background: none;
  color: #fcfaf2;
  font-size: 1.05em;
  border-radius: 0;
  padding: 0.53em 1.2em;
  cursor: pointer;
  transition: background .2s, color .2s;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 0.5em;
  height: 100%;
  box-sizing: border-box;
}

.menu-button:hover{
  background: rgba(60,60,60);
}

.menu-button-active{
  background: none;
  color: #52a8dd;
}

.menu-button-active:hover {
}

.menu-icon {
  width: 16px;
  height: 16px;
  fill: currentColor;
}

/* Footer */
footer {
  text-align: center;
  color: #8492a6;
  font-size: 0.97em;
}

footer a {
  color: #7fc4ff;
  text-decoration: none;
}

/* 响应式适配 */
@media (max-width: 900px) {
  .header-title {
    font-size: 1.8rem;
  }
  
  .header-avatar {
    width: 80px;
    height: 80px;
  }
  
  header {
    height: 280px;
  }
  
  .index-main {
    top: 280px;
    min-height: calc(100vh - 280px);
  }
}
/* ========== 文章列表页面样式 ========== */
.list-page {
  display: flex;
  justify-content: flex-end;
  box-sizing: border-box;
}


.filter-input {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  padding: 0.6em 1em;
  color: #fff;
  font-size: 0.9em;
  transition: all 0.3s;
}

.filter-input {
  width: 200px;
}

.filter-input:focus,
.sort-selector:focus {
  outline: none;
  border-color: #7fc4ff;
  box-shadow: 0 0 0 2px rgba(127, 196, 255, 0.2);
}

.filter-input::placeholder {
  color: rgba(255, 255, 255, 0.6);
}

.sort-selector option {
  background: #23232b;
  color: #fff;
}

/* 文章列表 */
/*.articles-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 0;
  padding-bottom: 0;
  align-items: flex-start;
}*/
/*.articles-list {
  width: 75%;
  height: 600px;
  display: flex;
  flex-direction: column;
}*/

.articles-list {
  width: 75%;
  margin-bottom: -30px;
  display: flex;
  flex-direction: column;
}


.article-item {
  background: #1b1b1b;
  border-radius: 2px;
  margin-bottom: 0.5em;
  padding: 1em;
  height: 23%;
  transition: background 0.2s;
  cursor: pointer;
}

.article-item:hover {
  background: #333a42; 
}

.article-content {
  display: flex;
  flex-direction: column;
  padding-left: 0.5em;
}

.article-content p {
  margin-bottom: 0.05em;
}

.article-meta {
  display: flex;
  gap: 1em;
  margin-bottom: 0.5em;
  flex-wrap: wrap;
}

.reading-time {
  background: rgba(127, 196, 255, 0.1);
  color: #7fc4ff;
  padding: 0.3em 0.8em;
  border-radius: 10px;
  font-size: 0.8em;
  border: 1px solid rgba(127, 196, 255, 0.2);
}

 /* .article-item {
    padding: 1.5em;
  }*/

  .article-item {
  display: flex;
  flex-direction: column;
  justify-content: flex-start; /* 默认由上往下排列 */
  height: 100%;                /* 如果父容器有限高 */
}

.article-title a:hover{
  text-decoration: none;
}
.article-content .article-title {
  text-align: left;
  margin-bottom: 0.7em;
}

.article-title {
  color: #fcfaf2;
  font-size: 1.5em;
  margin-top: 0.3em;
}

.article-title a {
  color: #fff;
  text-decoration: none;
}
.article-content .article-summary{
  font-size: 1.06em;
  color: #fcfaf2;
}

.article-summary {
  flex-grow: 1;  /* 让摘要占据剩余空间 */
  font-size: 1.06em;
  color: #fcfaf2;
}

.article-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
  flex-wrap: wrap;
  gap: 1em;
}

.article-tags {
  display: flex;
  gap: 0.5em;
  flex-wrap: wrap;
}

.article-tag {
  background: rgba(127, 196, 255, 0.08);
  color: #7fc4ff;
  padding: 0.2em 0.6em;
  border-radius: 6px;
  font-size: 0.75em;
  border: 1px solid rgba(127, 196, 255, 0.15);
}

.article-stats {
  display: flex;
  gap: 1em;
  color: #999;
  font-size: 0.85em;
}

.article-title a:hover {
  color: #ffffff !important;
  text-decoration: none !important;
}

/* 底部元信息区域 */
.article-meta-bottom {
  display: flex;
/*  align-items: center;*/
  margin-top: 0.8em;
  gap: 0.3em;
  color: #fcfaf2;
}

/* 文章分类区域（左下角） */
.article-category {
  color: #fcfaf2;
  background: #51a7f9;
  text-transform: uppercase;
  /*border: 1px solid #fcfaf2;*/
  border-radius: 5px;
  padding: 0.01em 0.5em;
  font-size: 0.9em;
  font-weight: 460;
  display: inline-block;
  text-align: center;
}


/* 时间区域 */
.article-date {
  color: #fcfaf2;
  font-weight: 500;
}

/* 文章图片 */
.article-image {
  width: 120px;
  height: 80px;
  border-radius: 8px;
  overflow: hidden;
  flex-shrink: 0;
}

.article-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s;
}

.article-item:hover .article-image img {
  transform: scale(1.05);
}

/* 空状态 */
.empty-articles {
  text-align: center;
  padding: 4em 2em;
  background: #1b1b1b;
  border-radius: 2px;
  box-shadow: 0 4px 20px #0006;
}

.empty-icon {
  font-size: 4em;
  margin-bottom: 0.5em;
  opacity: 0.6;
}

.empty-articles h3 {
  color: #fff;
  margin-bottom: 0.5em;
  font-size: 1.5em;
}

.empty-articles p {
  color: #ccc;
  margin-bottom: 2em;
  line-height: 1.6;
}

.back-home-btn {
  background: #7fc4ff;
  color: #222;
  padding: 0.8em 2em;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  transition: all 0.3s;
  display: inline-block;
}

.back-home-btn:hover {
  background: #fff;
  transform: translateY(-2px);
  box-shadow: 0 4px 15px rgba(127, 196, 255, 0.3);
}

/* 分页导航 */
.pagination-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1em;
  margin-top: 3em;
  padding: 2em 0;
}

.pagination-link,
.page-number {
  background: rgba(35, 35, 43, 0.97);
  border: 1px solid rgba(127, 196, 255, 0.2);
  color: #7fc4ff;
  padding: 0.6em 1.2em;
  border-radius: 8px;
  text-decoration: none;
  transition: all 0.3s;
  font-size: 0.9em;
}

.pagination-link:hover,
.page-number:hover {
  background: #7fc4ff;
  color: #222;
  transform: translateY(-2px);
}

.current-page {
  background: #7fc4ff;
  color: #222;
  padding: 0.6em 1.2em;
  border-radius: 8px;
  font-weight: 600;
  font-size: 0.9em;
}

.page-numbers {
  display: flex;
  gap: 0.3em;
}

/* 响应式设计 */
@media (max-width: 768px) {
  .list-page {
    padding: 1.5em 1em;
  }
  
  .list-header {
    padding: 2em 1.5em;
  }
  
  .list-page-title {
    font-size: 2em;
  }
  
  .list-controls {
    flex-direction: column;
    gap: 1em;
  }
  
  .filter-input {
    width: 100%;
    max-width: 300px;
  }
  

  
  .article-image {
    width: 100%;
    height: 150px;
    order: -1;
  }
  
  .article-meta {
    justify-content: center;
    text-align: center;
  }
  
  .article-footer {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  
  .pagination-nav {
    flex-wrap: wrap;
    gap: 0.5em;
  }
  
  .page-numbers {
    order: 2;
    flex-wrap: wrap;
    justify-content: center;
  }
}

@media (max-width: 480px) {
  .list-meta-info {
    flex-direction: column;
    gap: 0.8em;
  }
  
  .article-title a {
    font-size: 1.2em;
  }
  
  .pagination-link {
    padding: 0.5em 1em;
    font-size: 0.8em;
  }
}



/* ========== 更新列表控制区域样式 ========== */
.list-controls {
  display: flex;
  justify-content: center;
  align-items: center;
}

.sort-selector {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  padding: 0.6em 1em;
  color: #fff;
  font-size: 0.9em;
  cursor: pointer;
  transition: all 0.3s;
}

.sort-selector:focus {
  outline: none;
  border-color: #7fc4ff;
  box-shadow: 0 0 0 2px rgba(127, 196, 255, 0.2);
}

.sort-selector option {
  background: #23232b;
  color: #fff;
}


/* ========== 单篇文章页面样式 ========== */
.single-post {
  max-width: 800px;
  margin: 0 auto;
  padding: 2em 1em;
}

.post-content {
  background: rgba(35, 35, 43, 0.97);
  border-radius: 14px;
  box-shadow: 0 6px 32px #0008;
  padding: 3em;
  margin-bottom: 2em;
}

.post-header {
  margin-bottom: 2em;
  padding-bottom: 1.5em;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.post-title {
  font-size: 2.5em;
  font-weight: bold;
  color: #fff;
  margin: 0 0 1em 0;
  line-height: 1.3;
}

.post-meta {
  display: flex;
  gap: 1em;
  flex-wrap: wrap;
  margin-bottom: 1em;
}

.post-date,
.post-category,
.reading-time {
  background: rgba(127, 196, 255, 0.1);
  color: #7fc4ff;
  padding: 0.3em 0.8em;
  border-radius: 10px;
  font-size: 0.9em;
  border: 1px solid rgba(127, 196, 255, 0.2);
}

.post-body {
  color: #e0e0e0;
  line-height: 1.8;
  font-size: 1.1em;
}

.post-body h1,
.post-body h2,
.post-body h3,
.post-body h4,
.post-body h5,
.post-body h6 {
  color: #fff;
  margin: 2em 0 1em 0;
  font-weight: 600;
}

.post-body h2 {
  font-size: 1.8em;
  border-bottom: 2px solid rgba(127, 196, 255, 0.3);
  padding-bottom: 0.3em;
}

.post-body h3 {
  font-size: 1.5em;
}

.post-body p {
  margin-bottom: 1.5em;
}

.post-body blockquote {
  background: rgba(127, 196, 255, 0.05);
  border-left: 4px solid #7fc4ff;
  padding: 1em 1.5em;
  margin: 1.5em 0;
  border-radius: 0 8px 8px 0;
}

.post-body code {
  background: rgba(255, 255, 255, 0.1);
  color: #7fc4ff;
  padding: 0.2em 0.5em;
  border-radius: 4px;
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
}

.post-body pre {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  padding: 1.5em;
  overflow-x: auto;
  margin: 1.5em 0;
}

.post-body pre code {
  background: none;
  color: #e0e0e0;
  padding: 0;
}

.post-footer {
  margin-top: 2em;
  padding-top: 1.5em;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.post-tags {
  display: flex;
  gap: 0.5em;
  flex-wrap: wrap;
}

.tag {
  background: rgba(127, 196, 255, 0.1);
  color: #7fc4ff;
  padding: 0.3em 0.8em;
  border-radius: 12px;
  font-size: 0.85em;
  border: 1px solid rgba(127, 196, 255, 0.2);
  text-decoration: none;
  transition: all 0.3s;
}

.tag:hover {
  background: rgba(127, 196, 255, 0.2);
  transform: translateY(-2px);
}

/* 响应式设计 */
@media (max-width: 768px) {
  .single-post {
    padding: 1em 0.5em;
  }
  
  .post-content {
    padding: 2em 1.5em;
  }
  
  .post-title {
    font-size: 2em;
  }
  
  .post-meta {
    justify-content: center;
    text-align: center;
  }
}

.single-main {
  width: 65%;
  margin: 0.5em auto 0;
  padding: 0 0.5em;
}

.article-main-card {
  background: #1b1b1b;
  border-radius: 2px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.13);
  padding: 1em 1em 0.5em 1em;
  margin-bottom: 0.5em;
}

.article-meta-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 2em;
}

.article-meta-card {
  flex: 1 1 300px;
  background: #1b1b1b;
  border-radius: 2px;
  padding: 1.3em 1em;
  color: #bbb;
  min-width: 240px;
}

.article-meta-card h3 {
  color: #fff;
  margin-bottom: 0.7em;
  font-size: 1.08em;
}













.article-nav-row {
  display: flex;
  gap: 0.5em;
  justify-content: space-between;
  margin: 0.5em 0 0 0;
  flex-wrap: wrap;
}

.article-nav-card {
  flex: 1 1 0;
  min-width: 0;
  max-width: 480px;
  background: #1b1b1b;
  border-radius: 2px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.11);
  padding: 0.8em 2em;
  display: flex;
  align-items: center;
  text-decoration: none;
  transition: background 0.2s, box-shadow 0.2s;
  cursor: pointer;
}

.article-nav-card:hover {
  background: #2a4573;
  box-shadow: 0 4px 18px rgba(127,196,255,0.18);
}

.article-nav-inner {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  gap: 1em;
}

.prev-card .article-nav-title {
  order: 1;
  text-align: left;
}

.prev-card .article-nav-date {
  order: 2;
  color: #fcfaf2;
  text-align: right;
}

.next-card .article-nav-date {
  order: 1;
  color: #fcfaf2;
  text-align: left;
}

.next-card .article-nav-title {
  order: 2;
  text-align: right;
}

.article-nav-title {
  font-size: 1.1em;
  font-weight: 600;
  color: #fcfaf2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1 1 60%;
}

.article-nav-date {
  font-size: 0.98em;
  color: #7fc4ff;
  white-space: nowrap;
  flex: 0 0 auto;
  margin-left: 1em;
  margin-right: 1em;
}

@media (max-width: 700px) {
  .article-nav-row {
    flex-direction: column;
    gap: 1em;
  }
  .article-nav-card {
    max-width: 100%;
  }
  .article-nav-inner {
    flex-direction: row;
  }
}





.article-comment-card {
  background: #1b1b1b;
  border-radius: 2px;
  padding: 1.2em 1.2em 1em 1.2em;
  margin: 0 0 0 0;
  max-width: 100%
}

.article-comment-title {
  font-size: 1.5em;
  font-weight: 600;
  color: #fcfaf2;
  margin-bottom: 1em;
}






.list-page {
  display: flex;
  gap: 0.5em;
}

.list-left-card {
  position: sticky;
  top: 32px;
  height: 230px;
  width: 270px;
  /*position: relative;  
  flex-shrink: 0;
  width: 330px;
  height: 310px;*/
}

.card {
  background: #1b1b1b;
  border-radius: 2px;
  color: #fcfaf2;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  padding: 1.2em;
  margin-bottom: 2em;
  font-size: 1em;
  height: 100%;
}

.card-title {
  display: block;
  font-weight: bold;
  font-size: 1.1em;
  margin-bottom: 0.8em;
  letter-spacing: 1px;
}
.card-content {
  font-size: 1.17em;
  text-align: center;
  color: #fcfaf2;
}


.rss-content{
 text-align: center;
}

.rss-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #fcfaf2;
  background: transparent;
  border: none;
  border-radius: 2px; 
  font-weight: 600;
  font-size: 1em; 
  cursor: pointer;
  padding: 0.5em 0.7em;
}

.rss-icon {
  width: 32px;
  height: 32px;
  fill: #222;
  transition: fill 0.3s;
}

/* 悬停时只让图标变色 */
.rss-btn:hover .rss-icon {
  fill: #51a7f9;
}

.articles-list {
  flex: 1;
}








.card-article-category {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  margin: 0;
  /*text-align: center;
  margin: 1em 0;*/
}

.card-category-title {
  font-size: 1.17em;
  font-weight: bold;
  margin-bottom: 0.7em;
}

/* 按钮排列横排 */
.card-category-btns {
  display: flex;
  justify-content: center;
  gap: 16px;
}

/* 按钮初始状态 */
.card-category-btn {
  padding: 0.3em 0.9em;
  border: 0.1rem solid #fcfaf2;       /* 白色描边 */
  border-radius: 8px;              /* 圆角 */
  background: #1b1b1b;                /* 黑色底 */
  color: #fcfaf2;                  /* 白色字 */
  font-size: 1em;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
}

/* 悬停时，按钮变蓝底，字变黑色 */
.card-category-btn:hover {
  background: #51a7f9;             /* 蓝色底 */
  color: #222;                     /* 黑色字 */
}


.avatar-area {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 2px;       /* 距顶部距离可调整 */
  margin-bottom: 12px;    /* 距下方距离可调整 */
}

.avatar-img {
  width: 80px;            /* 头像大小可调整 */
  height: 80px;
  border-radius: 50%;     /* 圆形头像 */
  object-fit: cover;
}













.article-content h1,
.article-content h2,{
  display: flex;
  align-items: center;
  opacity: 0.9; 
}
.single-main .article-main-card .article-content h1::before,
.single-main .article-main-card .article-content h2::before{
  content: "";
  display: inline-block;
  width: 3px;             /* 竖线宽度，可调整 */
  height: 0.7em;          /* 竖线高度，和标题字体高度同步 */
  background: #3fc0ff;    /* 竖线颜色，可自定义 */
  margin-right: 0.3em;    /* 竖线与标题文字的间距 */
  border-radius: 1px;     /* 可选，圆角 */
}

/* 标题间距，适合你的页面风格 */
.single  .article-content h1,
.single  .article-content h2{
  margin-top: 0.6em;    /* 上方间距，保证层级感 */
  margin-bottom: 0; /* 下方间距，让标题和正文分开 */
}

/* 正文与标题之间的距离（正文为 p 标签） */
.article-content p {
  margin-top: 0.1em;    /* 段落与上方标题保持紧凑 */
}



pre, .highlight pre, .code-block pre, .chroma pre {
  background: #202020 !important;
}

.article-content pre {
  background: #202020;              /* Notion暗色代码块底色 */
  color: #f7f7f7;                   /* 明亮字体色 */
  border-radius: 11px;              /* 适中圆角 */
  padding: 2.2em 1.5em;
  margin: 1.5em 0;
  font-family: 'JetBrains Mono', 'Fira Mono', 'Menlo', 'Consolas', monospace;
  font-size: 15px;
  overflow-x: auto;
  position: relative;
  margin-right: 1.7em;
}

.article-content code {
  background: #202020;
  color: #3ec9f3;
  border-radius: 5px;
  padding: 0.15em 0.4em;
  font-size: 14px;
  font-family: inherit;
}

.article-content pre code {
  background: transparent;
  color: inherit;
  font-size: inherit;
  padding: 0;
  border: none;
  line-height: 1.39;
  opacity: 0.7; 
}









.user-info {
  display: flex;
  color: #fcfaf2;
  align-items: center;
  margin-bottom: 10px;
}

.user-info img {
  width: 43px;
  height: 43px;
  border-radius: 50%;
  object-fit: cover;
  margin-right: 12px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.09);
}

.user-info .nickname {
  margin-top: 0.7em;
  font-size: 1.07rem;
  color: #eaeaea;
  font-weight: 500;
}

.daily-feed {
  max-width: 900px;
  margin: 0.5em auto 0 auto;
  padding: 0 16px 60px 16px;
}

.daily-post {
  background: #1b1b1b;
  border-radius: 2px;
  box-shadow: 0 2px 12px rgba(0,0,0,0.10);
  margin-bottom: 0.5em;
  padding: 0.7em 1.2em 1.4em 2.2em;
  display: flex;
  flex-direction: column;
  transition: box-shadow 0.2s;
}

.daily-post:hover {
  box-shadow: 0 4px 24px rgba(0,0,0,0.16);
}

.daily-post h2 {
  font-size: 1.25rem;
  font-weight: 600;
  color: #eaeaea;
  margin: 0 0 0.6em 0;
}

.daily-post p {
  margin-top: 0.1em;
  font-size: 1.03rem;
  color: #bdbdbd;
  margin-bottom: 0.3em;
  line-height: 1.7;
}

.daily-post img {
  max-width: 100%;
  border-radius: 8px;
  margin-top: 0.7em;
  background: #181818;
  box-shadow: 0 1px 6px rgba(0,0,0,0.10);
}

.daily-post video {
  max-width: 100%;
  border-radius: 8px;
  margin-top: 0.7em;
  background: #181818;
  box-shadow: 0 1px 6px rgba(0,0,0,0.10);
}

.daily-post span {
  font-size: 0.95em;
  margin-top: 0.6em;
  letter-spacing: 0.04em;
}

/* 响应式适配 */
@media (max-width: 700px) {
  .daily-feed {
    max-width: 100%;
    padding: 0 8px;
  }
  .daily-post {
    padding: 1em 0.7em;
  }
  .daily-post h2 {
    font-size: 1.08rem;
  }
}

.daily-post-content {
  position: relative;
  color: #fcfaf2;
  padding: 0.1em 0.1em 0.1em 3.4em;
  background: transparent;
  box-shadow: none;
  border: none;
  margin-top: -0.6em;
  font-weight: 500px;
}

.daily-post-content p{
  color: #fcfaf2;
}

.daily-post-content .daily-post-date {
  color: #bdbdbd;
  left: 0;
  bottom: 0;
  display: block;
  font-size: 0.98em;
  letter-spacing: 0.04em;
}

body, p, .post-content, .daily-post-content p, .daily-post p {
  font-family:  -apple-system,system-ui, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Arial', 'sans-serif';
}

.post-article-content p,
.post-body p {
  font-size: 16px;
  line-height: 1.5;
  margin-top: 0;
  margin-right: 1em;
  margin-bottom: 1em;
}


/* 只给正文区域的链接加下划线，其余样式和正文一致 */
.article-content a,
.post-body a,
.post-article-content a {
  text-decoration-thickness: 2px;
  text-underline-offset: 0.2em; 
  font-weight: inherit;           /* 字重和正文一致 */
  font-size: inherit;             /* 字号和正文一致 */
  background: none;               /* 无背景 */
  border: none;                   /* 无边框 */
  box-shadow: none;               /* 无阴影 */
  color: inherit;                 /* 颜色和正文一样 */
  padding: 0;
  margin: 0;
}

/* 鼠标悬停时也只保留下划线，不变色 */
.article-content a:hover,
.post-body a:hover,
.post-article-content a:hover {
  text-decoration: underline;
  color:#51a7f8;
  text-decoration-thickness: 2px;
  text-underline-offset: 0.2em;   /* 下划线与文字距离 */
  background: none;
  border: none;
}


/* 代码块与上下方文本的间距 */
/*.article-content pre,
.post-body pre,
.post-article-content pre {
  margin-top: 1.7em;
  margin-bottom: 1.7em;
}
*/




.menu-button {
  display: flex;
  align-items: center;
  padding: 0.3em;
  gap: 0.3em;
}

.menu-button .icon {
  display: block;
  width: 1.3em;
  height: 1.3em;
  margin-right: 0; /* 避免 SVG 默认有 margin */
  vertical-align: middle;
}

.single-main,
.menu.menu-single,
.daily-feed{
  max-width: 900px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

/* 覆盖原有宽度，统一所有主内容块和导航栏宽度 */
.daily-feed,
.single-main {
  max-width: 900px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  /* 可选：内边距让内容不贴边 */
  padding-left: 16px;
  padding-right: 16px;
}

/* 避免 .menu.menu-single/.daily-section.menu 之类用别的百分比宽度 */
.menu.menu-single,
.daily-section .menu {
  max-width: 900px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

/* 统一主内容区和导航栏宽度为 900px（与 about 页一致） */
.daily-feed,
.single-main,
.about-main,
.about-main .menu,
.menu.menu-single,
.daily-section .menu {
  max-width: 900px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
}