/* 内容页（qa/blog/track-order/contact/about/legal）暗色基调和排版。 */

body.page .site-content,
body.blog .site-content,
body.single-post .site-content {
  background: #080a0d;
  color: #c6ced6;
}

body.page .entry-hero,
body.blog .entry-hero,
body.category .entry-hero,
body.tag .entry-hero {
  background: #080a0d !important;
  border-bottom: 1px solid #28313b;
}

body.page .entry-hero-container-inner,
body.blog .entry-hero-container-inner,
body.category .entry-hero-container-inner,
body.tag .entry-hero-container-inner {
  background: #080a0d !important;
}

/* Kadence 白底内容包装压暗 */
body.page .entry.content-bg,
body.blog .entry.content-bg:not(.loop-entry),
body.category .entry.content-bg:not(.loop-entry),
body.tag .entry.content-bg:not(.loop-entry),
body.single-post .entry.content-bg,
body.page .entry-content-wrap,
body.blog .entry-content-wrap,
body.category .entry-content-wrap,
body.tag .entry-content-wrap,
body.single-post .entry-content-wrap,
body.page .content-area .entry-content,
body.blog .content-area .entry-content {
  background: transparent !important;
  border: 0;
  box-shadow: none;
}

body.page .entry-hero .entry-title,
body.blog .entry-hero .entry-title,
body.category .entry-hero .entry-title,
body.tag .entry-hero .entry-title {
  color: #f5f7f8 !important;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: clamp(40px, 5vw, 68px);
  letter-spacing: 0;
  text-transform: uppercase;
}

/* Blog 归档标题用的是 archive-title/page-title，不是 entry-title */
body.blog .entry-hero .archive-title,
body.blog .entry-hero .page-title,
body.blog .entry-hero h1,
body.category .entry-hero .archive-title,
body.category .entry-hero .page-title,
body.category .entry-hero h1,
body.tag .entry-hero .archive-title,
body.tag .entry-hero .page-title,
body.tag .entry-hero h1 {
  color: #f5f7f8 !important;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: clamp(40px, 5vw, 68px);
  letter-spacing: 0;
  text-transform: uppercase;
}

/* hero 与正文之间的空旷带收紧 */
body.page .entry-hero,
body.blog .entry-hero,
body.category .entry-hero,
body.tag .entry-hero {
  padding: clamp(14px, 2.5vh, 26px) 24px !important;
}

/* Kadence customizer 给 hero 标题区写死了 200px min-height，压矮 */
body.page .entry-hero .entry-header,
body.blog .entry-hero .entry-header,
body.category .entry-hero .entry-header,
body.tag .entry-hero .entry-header {
  min-height: clamp(84px, 12vh, 120px);
}

/* 内容页底部承诺条 */
.bjs-promise {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-top: 1px solid #28313b;
  background: #0b0e12;
}

.bjs-promise > div {
  padding: 26px clamp(18px, 3vw, 42px);
  border-right: 1px solid #28313b;
}

.bjs-promise > div:last-child { border-right: 0; }
.bjs-promise strong { display: block; color: #f5f7f8; font: 650 12px/1.3 Inter, sans-serif; }
.bjs-promise small { display: block; margin-top: 7px; color: #bcc6d0; font: 400 11px/1.4 Inter, sans-serif; }

@media (max-width: 620px) {
  .bjs-promise { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

body.page .entry-content,
body.blog .entry-content,
body.single-post .entry-content {
  max-width: 860px;
  margin: 0 auto;
  padding: clamp(16px, 3vh, 28px) 22px 48px;
}

/* hero 与正文之间只留一行文字的距离：首元素不再叠加上边距 */
body.page .entry-content > :first-child,
body.single-post .entry-content > :first-child {
  margin-top: 0;
}

/* Kadence 给 #primary 写了 80px margin-top（hero 与正文的黑空来源），归零 */
body.page #primary.content-area,
body.blog #primary.content-area,
body.single-post #primary.content-area,
body.category #primary.content-area,
body.tag #primary.content-area {
  margin-top: 0;
}

/* 博客归档：卡片列表与 hero 带之间留一两行呼吸（归零后贴死了） */
body.blog #archive-container,
body.category #archive-container,
body.tag #archive-container {
  margin-top: clamp(28px, 4vh, 40px);
}

/* Kadence boxed 内容包装自带 32px，上下归零（左右保留） */
body.page .entry.content-bg > .entry-content-wrap,
body.single-post .entry.content-bg > .entry-content-wrap {
  padding-top: 0;
  padding-bottom: 0;
}

/* 单篇文章没有 hero 带，标题上方留一点呼吸 */
body.single-post .entry-content-wrap > .entry-header {
  padding-top: clamp(16px, 3vh, 28px);
}

body.page .entry-content h2,
body.single-post .entry-content h2 {
  margin: 2.2em 0 .7em;
  color: #f5f7f8;
  font-family: 'Barlow Condensed', sans-serif;
  letter-spacing: 0;
  text-transform: uppercase;
}

body.page .entry-content h3,
body.single-post .entry-content h3 {
  color: #e4e9ee;
  font-family: 'Barlow Condensed', sans-serif;
  letter-spacing: 0;
  text-transform: uppercase;
}

body.page .entry-content p,
body.page .entry-content li,
body.single-post .entry-content p,
body.single-post .entry-content li {
  color: #c2cad3;
  font: 400 16px/1.75 Inter, sans-serif;
}

body.page .entry-content a,
body.single-post .entry-content a { color: #38c9e8; }

body.page .entry-content table,
body.single-post .entry-content table {
  width: 100%;
  border-collapse: collapse;
  margin: 1.2em 0;
  font: 400 14px/1.5 Inter, sans-serif;
}

body.page .entry-content th,
body.single-post .entry-content th {
  padding: 10px 12px;
  border: 1px solid #28313b;
  background: #0e1217;
  color: #f5f7f8;
  text-align: left;
}

body.page .entry-content td,
body.single-post .entry-content td {
  padding: 10px 12px;
  border: 1px solid #28313b;
  color: #c2cad3;
}

body.page .entry-content details,
body.single-post .entry-content details {
  border-top: 1px solid #28313b;
  padding: 14px 4px;
}

body.page .entry-content summary,
body.single-post .entry-content summary {
  cursor: pointer;
  color: #e4e9ee;
  font: 600 15px/1.4 Inter, sans-serif;
}

body.page .entry-content details p { margin: 10px 0 4px; }

/* ============================================
   Blog 星域（body.bjs-stars：博客 / 单篇文章 / 分类 / 标签）
   ============================================ */
body.bjs-stars {
  background: #04060c;
}

/* 星域页 hero 带透明，星空透上来 */
body.bjs-stars .entry-hero,
body.bjs-stars .entry-hero-container-inner {
  background: transparent !important;
}

/* canvas 星场（blog-stars.js 生成，无外部素材） */
#bjs-starfield {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

body.bjs-stars #inner-wrap,
body.bjs-stars .site-footer {
  position: relative;
  z-index: 1;
}

/* 文章作者缺失时隐藏 byline（Kadence 用 .posted-by） */
body.bjs-stars .entry-meta .posted-by,
body.bjs-stars .entry-meta .byline {
  display: none;
}

body.bjs-stars .entry-meta { color: #98a3af; }

body.bjs-stars .category-links a { color: #38c9e8; }

body.bjs-stars .loop-entry .entry-summary { color: #bcc6d0; }

/* 文章卡：可见边框 + hover 反馈 */
body.bjs-stars .loop-entry.post {
  position: relative;
  margin-bottom: 18px;
  padding: 26px;
  border: 1px solid #2a323d;
  background: rgba(13, 17, 23, .86);
  transition: border-color .25s ease, background .25s ease, transform .25s ease;
}

body.bjs-stars .loop-entry.post:hover {
  transform: translateY(-2px);
  border-color: #4a5666;
  background: rgba(17, 22, 30, .94);
}

body.bjs-stars .loop-entry .entry-content-wrap { padding: 0; }

body.bjs-stars .loop-entry .entry-title a {
  color: #f5f7f8;
  font-family: 'Barlow Condensed', sans-serif;
  text-transform: uppercase;
}

body.bjs-stars .loop-entry .entry-title a:hover { color: #38c9e8; }


/* 整卡可点：标题链接的隐形覆盖层，分类/Read More 仍可独立点击 */
body.bjs-stars .loop-entry .entry-title a::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
}

body.bjs-stars .loop-entry .category-links a,
body.bjs-stars .loop-entry .post-more-link {
  position: relative;
  z-index: 2;
}

body.bjs-stars .site-main .post {
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
}

/* 单篇文章：标题亮色（修复暗底暗字） */
body.single-post .entry-header .entry-title {
  color: #f5f7f8;
  font-size: clamp(34px, 4vw, 52px);
  line-height: 1.05;
  letter-spacing: 0;
  text-transform: uppercase;
}

/* 单篇文章：评论区暗色化 + 收窄 */
body.single-post #comments.comments-area {
  max-width: 680px;
  margin: clamp(40px, 7vh, 72px) auto 0;
  padding-top: 30px;
  border-top: 1px solid #232a33;
}

body.single-post .comment-reply-title {
  color: #f5f7f8;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 28px;
  letter-spacing: 0;
  text-transform: uppercase;
}

body.single-post #commentform textarea,
body.single-post #commentform input[type="text"],
body.single-post #commentform input[type="email"],
body.single-post #commentform input[type="url"] {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid #4a5563;
  border-radius: 4px;
  background: #212832;
  color: #f5f7f8;
  font: 400 14px/1.5 Inter, sans-serif;
}

body.single-post #commentform ::placeholder { color: #8b96a2; }

body.single-post .comment-notes,
body.single-post .logged-in-as,
body.single-post .comment-form-cookies-consent {
  color: #98a3af;
  font-size: 12px;
}

body.single-post #commentform textarea:focus,
body.single-post #commentform input[type="text"]:focus,
body.single-post #commentform input[type="email"]:focus,
body.single-post #commentform input[type="url"]:focus {
  border-color: #38c9e8;
  outline: none;
}

body.single-post #commentform input[type="submit"],
body.single-post #commentform button[type="submit"] {
  padding: 13px 28px;
  border: 0;
  border-radius: 4px;
  background: #dd3139;
  color: #fff;
  font: 700 12px/1 Inter, sans-serif;
  text-transform: uppercase;
  cursor: pointer;
}

body.single-post #commentform input[type="submit"]:hover,
body.single-post #commentform button[type="submit"]:hover {
  background: #f0484f;
}