/* ============================================================
   blog_style.css — DEG 知识中心：列表页 & 文章页样式
   用法：上传到服务器 /www/wwwroot/topdeg.com/blog_style.css
   （可选）在 blog.html / en/blog.html 与各文章页 <head> 里追加：
     <link rel="stylesheet" href="/blog_style.css">
   ============================================================ */

/* ---- 公用：整页文字 ---- */
.blog-post a { color: #b91c1c; text-decoration: none; }
.blog-post a:hover { color: #7f1d1d; text-decoration: underline; }
.post-list a { color: inherit; }

/* ---- 文章页正文容器：居中偏窄，利于阅读 ---- */
.section-narrow { background: #f7f8fa; padding: 48px 20px; }
.section-narrow .container { max-width: 880px; margin: 0 auto; }

/* ---- 文章卡片 ---- */
.blog-post {
  background: #ffffff;
  border: 1px solid #eee;
  border-radius: 12px;
  padding: 36px 42px;
  box-shadow: 0 2px 12px rgba(0,0,0,.05);
  color: #333;
  font-size: 16px;
  line-height: 1.85;
  word-break: break-word;
}
.blog-post h1 { font-size: 28px; color: #7f1d1d; margin: 0 0 8px; line-height: 1.4; }
.blog-post h2 {
  font-size: 20px; color: #7f1d1d; margin: 30px 0 14px;
  padding-left: 12px; border-left: 4px solid #e11d48;
}
.blog-post p { margin: 0 0 16px; }
.blog-post ul { margin: 0 0 16px; padding-left: 22px; }
.blog-post li { margin: 6px 0; }
.post-date { font-size: 13px; color: #999; margin: 0 0 18px; }

/* ---- 询价 CTA ---- */
.post-cta {
  margin-top: 26px; padding: 14px 18px;
  background: #fef2f2; border: 1px solid #fecaca; border-radius: 8px;
  color: #7f1d1d; font-size: 15px;
}
.post-cta a { color: #b91c1c; font-weight: 600; }

/* ---- FAQ ---- */
.faq-item {
  background: #ffffff; border: 1px solid #f1f5f9; border-radius: 8px;
  padding: 16px 20px; margin: 12px 0;
}
.faq-item h3 { margin: 0 0 8px; font-size: 16px; color: #b91c1c; }
.faq-item p { margin: 0; color: #444; line-height: 1.7; }

/* ---- 列表页 ---- */
.post-list { display: grid; grid-template-columns: 1fr; gap: 16px; margin-top: 24px; }
.post-link {
  display: block; background: #ffffff; border: 1px solid #eee; border-radius: 10px;
  padding: 20px 24px; text-decoration: none;
  box-shadow: 0 1px 4px rgba(0,0,0,.04);
  transition: transform .15s ease, box-shadow .15s ease;
}
.post-link:hover { transform: translateY(-2px); box-shadow: 0 4px 14px rgba(0,0,0,.10); }
.post-link h3 { margin: 0 0 8px; font-size: 18px; color: #7f1d1d; line-height: 1.5; }
.post-link .post-date { margin: 0; }

/* ---- 顶部标题 ---- */
#main-content h1:first-child { font-size: 26px; color: #7f1d1d; margin: 0 0 6px; }

/* ---- 移动端 ---- */
@media (max-width: 768px) {
  .section-narrow { padding: 32px 14px; }
  .blog-post { padding: 24px 20px; }
  .blog-post h1 { font-size: 24px; }
  .post-list { grid-template-columns: 1fr; }
}