/* ==========================================================================
   新闻列表页样式（page-news.php）
   版式取自静态稿 静态文件/resources.html：
     .shead    页头 —— 已全局化到 home.css（通用内页海报 template-parts/shead-poster.php）
     .alist    文章列表（分类筛选 + .arow2 左图右文行卡）
     .faq-sec  FAQ 手风琴（details/summary）
   ========================================================================== */

/* --------------------------------------------------------------------------
   文章列表（静态稿 resources.html L172-187）
   -------------------------------------------------------------------------- */
.alist{padding:72px 0 8px}
/* 分类筛选条（点击跳转：?cat=slug） */
.afil{text-align:center;margin:-4px 0 34px}
.afbtn{background:none;border:0;cursor:pointer;text-decoration:none;font:500 11px var(--futura-h);letter-spacing:.2em;text-transform:uppercase;color:var(--gray);padding:6px 14px;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}
.afbtn:hover{color:var(--ink)}
.afbtn.on{color:var(--ink);border-bottom-color:var(--ink)}
/* 某个分类下没有文章时的占位提示 */
.aempty{text-align:center;color:var(--gray);font-size:14px;padding:34px 0 10px}
/* 分页（主题配色：当前页深色底，其余细边框幽灵） */
.anav{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin:44px 0 10px}
.anav .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 12px;border:1px solid var(--line);border-radius:var(--r);color:var(--gray);font:500 13px var(--futura-h);letter-spacing:.08em;text-decoration:none;transition:color .2s,border-color .2s,background .2s}
.anav .page-numbers:hover{color:var(--ink);border-color:var(--ink)}
.anav .page-numbers.current{background:var(--ink);border-color:var(--ink);color:var(--paper)}
/* 行卡：左图右文 */
.arow2{display:grid;grid-template-columns:300px 1fr;gap:44px;align-items:center;padding:36px 0;border-bottom:1px solid var(--line)}
.arow2:first-of-type{margin-top:40px;border-top:1px solid var(--ink)}
.arow2 .aimg2{display:block;border-radius:var(--r);overflow:hidden;aspect-ratio:16/10;background:#fff;border:1px solid var(--line)}
.arow2 .aimg2 img{width:100%;height:100%;object-fit:cover}
.atag{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--gray)}
.arow2 h3{margin-top:12px;font-weight:400;font-size:clamp(19px,2vw,24px);letter-spacing:.02em;line-height:1.4}
.arow2 h3 a{color:inherit}
.arow2 .aex{display:block;margin-top:3px;font-weight:300;font-size:14px;line-height:1.8;color:var(--gray);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.arow2 .ameta2{display:block;margin-top:14px;font-size:12px;color:var(--gray);letter-spacing:.06em}
.aread{display:inline-block;margin-top:16px;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);border-bottom:1px solid var(--ink);padding-bottom:3px}
.arow2:hover .aread{color:var(--gray);border-color:var(--gray)}

/* --------------------------------------------------------------------------
   FAQ（静态稿 resources.html L188-195）
   -------------------------------------------------------------------------- */
.faq-sec{padding:76px 0 90px}
.faq-list{margin-top:44px;border-top:1px solid var(--ink)}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 4px;font-weight:400;font-size:16px;letter-spacing:.02em}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"+";font-size:20px;font-weight:300;color:var(--gray);flex:none;transition:transform .25s}
.faq-list details[open] summary::after{transform:rotate(45deg)}
.faq-list details p{padding:0 4px 24px;font-weight:300;font-size:14.5px;line-height:1.9;color:var(--gray);max-width:820px}

/* --------------------------------------------------------------------------
   响应式（静态稿 resources.html L196）
   -------------------------------------------------------------------------- */
@media(max-width:860px){
	.arow2{grid-template-columns:1fr;gap:20px}
	.arow2 .aimg2{max-width:100%}
	.arow2 .aex{white-space:normal;overflow:visible;text-overflow:clip}
}