/* ============================================================
   sh-tune.css — 让产品页与博客页贴合下载/购买/帮助页（闪连风格）
   作用域：.content-features / .blog-page / .blog-detail，不影响其他页面
   ============================================================ */

/* ---------- 排版 ---------- */
.content-features .content-intro h1 {
  max-width: none; margin: 13px auto 0; font-size: 45px; font-weight: 700;
  color: #262626; letter-spacing: 0; text-align: center;
}
.content-features .content-intro p { text-align: center; color: #969696; }
.blog-page .blog-intro h1 { font-size: 45px; font-weight: 700; color: #262626; letter-spacing: 0; }
.blog-detail h1 { font-size: 36px; font-weight: 700; color: #262626; letter-spacing: 0; }
.content-features h2, .blog-page h2, .blog-detail h2 { color: #262626; font-weight: 700; }
.content-features .content-section-heading h2 { font-size: 26px; }
.blog-related-heading h2 { font-size: 26px; }

/* ---------- 文字与分隔线颜色 ---------- */
.content-features, .blog-page, .blog-detail { color: #5b626b; }
.blog-page .blog-breadcrumb, .blog-detail .blog-breadcrumb, .content-features .breadcrumbs { color: #969696; }
.blog-page .blog-intro p:not(.eyebrow), .blog-page .blog-list-bottom, .blog-card-meta time { color: #969696; }
.blog-card > p, .blog-detail .post-content p, .feature-list article p { color: #5b626b; }
.content-features .content-intro { border-bottom-color: rgba(165, 186, 193, .28); }
.blog-page .blog-categories {
  border-top-color: rgba(165, 186, 193, .28); border-bottom-color: rgba(165, 186, 193, .28);
}
.blog-related { border-top-color: rgba(165, 186, 193, .28); }

/* ---------- 按钮：黄色渐变胶囊（与下载/购买页一致） ---------- */
.content-features .button, .blog-page .button, .blog-detail .button {
  border: none; border-radius: 30px;
  background: linear-gradient(90deg, #ffbd1a 4%, #ffe71a 98%);
  color: #262626; font-weight: 700;
  transition: background .3s;
}
.content-features .button:hover, .blog-page .button:hover, .blog-detail .button:hover {
  background: linear-gradient(90deg, #f90 3%, #ffe400); color: #262626;
}
.content-features .button-outline, .blog-page .button-outline, .blog-detail .button-outline { color: #262626; }

/* ---------- 卡片：白底描边圆角 + 橙色光晕悬停 ---------- */
.blog-page .blog-card {
  border: 1px solid #eaeaea; border-radius: 20px; background: #fff;
  padding: 26px 26px 24px; margin-bottom: 18px;
  transition: box-shadow .3s, border-color .3s;
}
.blog-page .blog-card:hover { border-color: #ff8e15; box-shadow: 0 10px 30px rgba(255, 154, 46, .44); }
.blog-page .blog-posts { column-gap: 30px; }

.blog-page .blog-categories a { border: 1px solid #eaeaea; border-radius: 20px; background: #fff; }
.blog-page .blog-categories a:hover { background: rgba(255, 142, 21, .12); color: #ff8e15; }
.blog-page .blog-categories a[aria-current=page] {
  background: rgba(255, 142, 21, .12); border-color: #ff8e15; color: #ff8e15;
}

.blog-page .blog-help-strip, .blog-detail .blog-help-strip {
  border-color: #eaeaea; border-radius: 20px; background: #fff;
}

.content-features .feature-list article {
  border: 1px solid #eaeaea; border-radius: 20px; background: #fff;
  padding: 24px 26px; transition: box-shadow .3s, border-color .3s;
}
.content-features .feature-list article:hover {
  border-color: #ff8e15; box-shadow: 0 10px 30px rgba(255, 154, 46, .44);
}
.content-features .content-columns { gap: 30px; }
.content-features .content-columns article {
  border: 1px solid #eaeaea; border-radius: 20px; background: #fff; padding: 24px 26px;
}

/* ---------- 区块背景统一为白色 + 细分隔线 ---------- */
.content-features .content-band {
  background: #fff;
  border-top: 1px solid rgba(165, 186, 193, .28);
  border-bottom: 1px solid rgba(165, 186, 193, .28);
}
.content-features .final-cta { background: #fff; }
.content-features .final-cta-inner { border-top: 1px solid rgba(165, 186, 193, .28); }

/* ---------- 移动端微调 ---------- */
@media (max-width: 768px) {
  .content-features .content-intro h1, .blog-page .blog-intro h1 { font-size: 30px; }
  .blog-detail h1 { font-size: 26px; }
  .blog-page .blog-card { padding: 20px 16px; }
  .content-features .feature-list article, .content-features .content-columns article { padding: 18px 16px; }
}

/* ---------- 文章正文与分页微调 ---------- */
.blog-detail .blog-prose { font-size: 15px; line-height: 2; color: #5b626b; }
.blog-detail .blog-prose h2 { font-size: 24px; font-weight: 700; color: #262626; letter-spacing: 0; }
.blog-detail .blog-prose h3 { font-size: 18px; font-weight: 700; color: #262626; }
.blog-detail .blog-prose blockquote { border-left-color: #ff8e15; background: #fffaf2; border-radius: 0 12px 12px 0; }
.blog-detail .blog-prose pre { border-radius: 12px; background: #f7f8f9; }
.blog-detail .blog-sidebar-help { border: 1px solid #eaeaea; border-radius: 20px; background: #fff; }
.blog-detail .blog-article-header { border-bottom-color: rgba(165, 186, 193, .28); }
.blog-detail .blog-article-end { border-top-color: rgba(165, 186, 193, .28); }
.blog-page .blog-pagination a {
  border: 1px solid #eaeaea; border-radius: 20px; padding: 8px 16px; color: var(--green);
  transition: box-shadow .3s, border-color .3s;
}
.blog-page .blog-pagination a:hover { border-color: #ff8e15; box-shadow: 0 10px 30px rgba(255, 154, 46, .44); }
.blog-detail .blog-related-grid .blog-card { border: 1px solid #eaeaea; border-radius: 20px; background: #fff; padding: 22px 24px; }