/* ============ async 微调（保留原橄榄绿配色·暗色） ============ */

/* 1) Banner：原归档页那张有云的风景图（bg4）+ 深色蒙版保证白标题可读 */
.trm-banner{
  height: 320px !important;
  background: #0e1e29 !important;
}
.trm-banner-cover{
  display: block !important;
  object-position: center !important;
  filter: brightness(.8) saturate(.92) !important;  /* 压暗，融入暗色主题 */
}
.trm-banner::after{  /* 深色蒙版：左侧最暗，白标题清晰；右侧留住白云 */
  content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background: linear-gradient(90deg, rgba(8,16,24,.90) 0%, rgba(8,16,24,.60) 42%, rgba(8,16,24,.12) 100%);
}
.trm-banner .trm-banner-content{ position: relative; z-index: 2; }

/* 2) 隐藏首页 "index.html" 面包屑 */
.trm-breadcrumbs{ display: none !important; }

/* 3) 文章/页面标题字号调小 + 允许换行（原来太大且被截断） */
.trm-banner .trm-banner-content .trm-banner-text .trm-hsmb-font{
  font-size: 2rem !important;
  line-height: 1.25 !important;
  white-space: normal !important;
  text-overflow: clip !important;
}

/* 4) 等宽字体点缀：打字机副标题 + 行内/块级代码 */
.trm-typed-text,
code, kbd, pre, tt{
  font-family: ui-monospace, SFMono-Regular, "JetBrains Mono",
               Menlo, Consolas, "Liberation Mono", monospace !important;
}
.trm-typed-text{ letter-spacing: .3px; }

/* 5) 收紧内容区上方留白 */
.trm-content-start{ padding-top: 24px !important; }

/* 6) 补偿上移：Banner 从 560 压到 320（少 240），内容上移也减 240（-410 -> -170），
      否则侧栏头像会被顶到顶部导航后面消失 */
.trm-main-card-frame:not(.fixed){ transform: translateY(-170px) !important; }

/* 7) 主页文章卡：隐藏重复封面 + 文字垂直居中(修"偏上") + hover 悬浮描边 */
.trm-blog-card .trm-cover-frame{ display: none !important; }
.trm-blog-card{
  min-height: 0 !important; height: auto !important;
  transition: transform .18s ease, box-shadow .18s ease !important;
}
.trm-blog-card .trm-card-descr{
  display: flex !important; flex-direction: column; justify-content: center;
  padding: 28px 30px !important;
}
.trm-blog-card .trm-divider{ margin-top: 14px !important; margin-bottom: 14px !important; }
.trm-blog-card:hover{
  transform: translateY(-4px);
  box-shadow: 0 12px 30px rgba(0,0,0,.35), 0 0 0 1px rgba(175,180,43,.32) !important;
}

/* 8) About 页美化：标题竖条 + 技术栈标签 chip */
.about-h{
  position: relative; padding-left: 14px;
  margin: 2.4rem 0 1.1rem; font-size: 1.5rem; font-weight: 700;
}
.about-h::before{
  content: ""; position: absolute; left: 0; top: .18em; bottom: .18em;
  width: 4px; border-radius: 2px; background: var(--primary);
}
.about-chips{ display: flex; flex-wrap: wrap; gap: 8px; margin: .5rem 0 1.4rem; }
.about-chips .chip{
  display: inline-block; padding: 6px 12px; border-radius: 6px;
  font: 500 13px/1.4 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  color: var(--primary);
  background: rgba(175, 180, 43, .10);
  border: 1px solid rgba(175, 180, 43, .35);
}

/* 9) 首页分类卡片（Technique/Life）：调小、更紧凑 */
.trm-blog-categories{ padding: 20px 24px !important; }
.trm-blog-categories h6{ font-size: 14px !important; }
.trm-blog-categories .trm-divider{ margin-top: 12px !important; margin-bottom: 12px !important; }
.trm-blog-categories .trm-number{ font-size: 11px !important; padding: 2px 8px !important; }