/* 九清国内站 · 行业资讯 /news/ 列表 + 单篇文章
   ⚠️ 铁律：本文件是这两个页面 CSS 的唯一副本。版本号由 joeqing-news.php 用 filemtime 生成。

   ⚠️ 这两页的 HTML 是 **Astra 的 blog 布局**生成的，不是我们写的。所以这里全是覆盖，
      选择器都带 .jqn-list / .jqn-single 作用域，别去掉 —— 去掉会污染后台预览和别的归档页。

   ── 规格 ──
     列表：卡片沿用 cases.css 那套（图 16:10 / 标题 17·500 / 摘要 14·1.75·#5C5E62）
     单篇：正文沿用 legal.css 那套（15px / 1.85 / 阅读宽度 680）
     标题一律 500 字重，不是粗体（tesla 全站如此）
   ⚠️ Astra 默认给标题 600 字重、给 h2 30px，全部要压掉；它那些规则写在动态 CSS 里，
      用的是 `h2,.entry-content :where(h2)` —— :where() 特指度为 0，我们随便一条都能盖过。
*/

/* ══════════════ 列表页 /news/ ══════════════ */

.jqn-list .site-content .content-area{margin-top:0!important}

/* Astra 给博客页套了浅灰底，全站别处都是白的，统一掉 */
.jqn-list .site-content,
.jqn-list #primary{background:#fff!important}

/* 标题区（H1 由 joeqing-page-title.php 输出）
   ⚠️ 这块是 **#primary 的子元素**，#primary 自己已经有 max-width 和左右 28px 内边距了。
      我第一版在这里又写了一遍 max-width + padding-inline，结果标题比下面的卡片
      往里缩了 28px（实测标题左 104、卡片左 76），而且和卡片之间一点间距都没有。
      这里只管上下间距，左右一律交给 #primary。 */
.jqn-list .jq-archive-head{
  max-width:none;margin:0 0 clamp(24px,3vw,40px);
  padding:0 0 0;
}
.jqn-list .jq-archive-title{
  font-size:clamp(26px,2.4vw,34px);line-height:1.25;font-weight:500;color:#171a20;
  margin:0!important;letter-spacing:-.01em;
}

/* 卡片网格 */
.jqn-list #primary{
  max-width:var(--jq-shell,1344px);margin-inline:auto!important;
  padding:clamp(28px,3vw,44px) var(--jq-gutter,28px) clamp(56px,7vw,104px)!important;
}
.jqn-list .ast-row{
  display:grid!important;grid-template-columns:repeat(3,1fr);gap:clamp(24px,2.6vw,36px);
  margin:0!important;
}
.jqn-list .ast-article-post{width:auto!important;padding:0!important;margin:0!important}
.jqn-list .ast-article-inner{
  border:0!important;border-radius:0!important;box-shadow:none!important;
  background:transparent!important;padding:0!important;height:100%;
}
.jqn-list .post-content{padding:0!important}

/* 封面图：16:10，和案例页卡片同一个比例 */
.jqn-list .ast-blog-featured-section{margin:0 0 14px!important}
.jqn-list .post-thumb-img-content{margin:0!important;border-radius:8px;overflow:hidden;background:#f4f4f4;aspect-ratio:16/10}
.jqn-list .post-thumb-img-content img{width:100%;height:100%;object-fit:cover;display:block}

/* 分类标签：小灰字，不是按钮 */
.jqn-list .ast-taxonomy-container{
  display:block!important;margin:0 0 6px!important;
  font-size:13px!important;line-height:1.4!important;
}
.jqn-list .ast-taxonomy-container a{
  color:#5C5E62!important;font-size:13px!important;text-decoration:none!important;
  background:none!important;padding:0!important;border:0!important;
}
.jqn-list .ast-taxonomy-container a:hover{color:#171a20!important}

.jqn-list .entry-title{
  margin:0 0 6px!important;font-size:17px!important;font-weight:500!important;
  line-height:1.45!important;
}
.jqn-list .entry-title a{color:#171a20!important;text-decoration:none!important}
.jqn-list .entry-title a:hover{color:#3E6AE1!important}

/* 作者名藏起来（后台账号名不适合出现在前台），日期留着 */
.jqn-list .posted-by{display:none!important}
.jqn-list .entry-meta,
.jqn-list .entry-meta *{
  font-size:13px!important;line-height:1.5!important;color:#8a8d92!important;
}
.jqn-list .entry-header{margin:0 0 8px!important;padding:0!important;border:0!important}

.jqn-list .ast-excerpt-container p{
  margin:0!important;font-size:14px!important;line-height:1.75!important;color:#5C5E62!important;
}
/* Astra 的「阅读更多」按钮：全站没有这种按钮，去掉 */
.jqn-list .ast-blog-read-more,
.jqn-list .read-more{display:none!important}

/* ══════════════ 单篇文章 ══════════════ */

.jqn-single .site-content .content-area{margin-top:0!important}

/* ⚠️ 文章走的是 Astra 的 ast-separate-container（灰底 + 白卡片），全站别处都是
   ast-plain-container 的通栏白底 —— 只有文章长这样，很扎眼。
   我先试着改 Astra 选项 single-post-content-layout=plain-container，**没生效**
   （4.x 真正管这个的是 ast-dynamic-single-post-* 那一套键，改错了地方）。
   与其继续猜它的选项名，不如在这里把灰底和卡片直接压平 —— 结果确定，也不依赖主题版本。 */
.jqn-single .site-content,
.jqn-single #content,
.jqn-single .ast-container{background:#fff!important}
.jqn-single .ast-separate-container .ast-article-single,
.jqn-single .ast-article-single{
  background:transparent!important;border:0!important;box-shadow:none!important;
  padding:0!important;margin:0!important;
}

.jqn-single #primary{
  max-width:680px;margin-inline:auto!important;
  padding:clamp(48px,6vw,88px) var(--jq-gutter,28px) clamp(40px,5vw,64px)!important;
}
.jqn-single .entry-header{margin:0 0 clamp(24px,3vw,36px)!important;padding:0!important;border:0!important}
.jqn-single .entry-title{
  font-size:clamp(26px,2.4vw,34px)!important;line-height:1.25!important;font-weight:500!important;
  color:#171a20!important;margin:0 0 10px!important;letter-spacing:-.01em;
}
.jqn-single .posted-by{display:none!important}
.jqn-single .entry-meta,
.jqn-single .entry-meta *{font-size:13px!important;line-height:1.5!important;color:#8a8d92!important}

/* 正文：和法务页同一套（15/1.85），中文长段落这个行高才读得动 */
.jqn-single .entry-content{color:#5C5E62;font-size:15px;line-height:1.85}
.jqn-single .entry-content h2{
  font-size:18px!important;line-height:1.5!important;font-weight:500!important;color:#171a20!important;
  margin:clamp(28px,3vw,40px) 0 10px!important;
}
.jqn-single .entry-content p{margin:0 0 14px!important;font-size:15px;line-height:1.85;color:#5C5E62}
.jqn-single .entry-content ul{margin:0 0 14px!important;padding-left:1.25em!important;list-style:disc}
.jqn-single .entry-content li{margin:0 0 6px;font-size:15px;line-height:1.85;color:#5C5E62}
.jqn-single .entry-content a{
  color:#393C41;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#c8cacd;
}
.jqn-single .entry-content a:hover{color:#171a20;text-decoration-color:#171a20}

/* 文末的下一步（joeqing-news.php 输出）。全站每页最后都有出口，这页不该是死胡同。 */
.jqn-single .jqn-end{
  max-width:680px;margin:0 auto;
  padding:clamp(28px,3vw,40px) var(--jq-gutter,28px) clamp(56px,7vw,96px);
  border-top:1px solid #e3e5e8;text-align:left;
}
.jqn-end-t{margin:0 0 6px!important;font-size:17px;font-weight:500;line-height:1.45;color:#171a20}
.jqn-end-d{margin:0!important;font-size:14px;line-height:1.75;color:#5C5E62}

/* 按钮：全站同一套 200×40 / 圆角4 / 14px·500 */
.jqn-btns{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0 0!important}
.jqn-btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:180px;height:40px;padding:0 24px;border:0;border-radius:4px;
  font-size:14px;font-weight:500;line-height:1;text-decoration:none!important;
  transition:background-color .2s ease,color .2s ease;
}
.jqn-btn-primary{background:#3E6AE1;color:#fff!important}
.jqn-btn-primary:hover{background:#3457b8;color:#fff!important}
.jqn-btn-ghost{background:#f4f4f4;color:#171a20!important}
.jqn-btn-ghost:hover{background:#e8e8e8;color:#171a20!important}

/* ══════════════ 手机 ══════════════
   站长的流量几乎全在手机，这段是主版本不是适配版。 */
@media(max-width:1000px){
  .jqn-list .ast-row{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:620px){
  .jqn-list .ast-row{grid-template-columns:1fr;gap:28px}
}
@media(prefers-reduced-motion:reduce){
  .jqn-btn{transition:none}
}