/* 新栏目 5 页的新部件（2026-10-26）：posts 老文分组 / kx 快讯时间线 / rules 平台现行规则表。只在这 5 页加载（mu-plugins/liezhe-pillar-new.php）。
   按 页面视觉.md 第 11 条「支柱页降噪」：三级文字（卡内标题 18/700 · 正文 16 · 辅助 14 灰）、字色只用 #0f172a/#1e293b/#64748b + 链接蓝、图标一种蓝、链接两种（标题行蓝字细实线 / 说明行灰字淡虚线）。类名 px- 前缀，pillar-ui2.css 里没有同名。
   本机正本：E:\站点\www.liezhe.com\补丁\pillar-new.css → wp-content/themes/wpdx-liezhe/assets/css/pillar-new.css */
.pu [hidden]{display:none!important}

/* ---------- posts：一组一行，左边组名 + 说明 + 篇数，右边标题两列 ---------- */
.pu .px-grp{display:flex;flex-direction:column;border-radius:20px;box-shadow:0 0 0 1px #e2e8f0;overflow:hidden}
.pu .px-g{display:grid;grid-template-columns:260px minmax(0,1fr);gap:32px;padding:24px 28px;background:#fff}
.pu .px-g+.px-g{border-top:1px solid #eef1f6}
.pu .px-g:nth-child(even){background:#fafbfd}
.pu .px-gh{display:flex;flex-direction:column;gap:4px}
.pu .px-gh b{font-size:18px;line-height:28px;font-weight:700;color:#0f172a}
.pu .px-gh span{font-size:16px;line-height:26px;color:#64748b}
.pu .px-gh em{margin-top:6px;font-size:14px;line-height:22px;color:#64748b}
.pu .px-ls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 32px}
.pu .px-ls li{display:flex;align-items:baseline;gap:8px;font-size:16px;line-height:26px;min-width:0}
.pu .px-ls li::before{content:"";flex:0 0 6px;height:6px;border-radius:50%;background:#3b6cf6;transform:translateY(-3px)}
.pu .px-ls a{color:#2f5bea;border-bottom:1px solid rgba(47,91,234,.3);word-break:normal}
.pu .px-ls a:hover{border-bottom-color:#2f5bea}
.pu .px-ls em{flex:0 0 auto;font-size:14px;line-height:20px;padding:0 8px;border-radius:999px;background:#eaf8f1;color:#1f9d63;font-weight:600}
.pu .px-g details{margin-top:12px}
.pu .px-g summary{cursor:pointer;font-size:14px;line-height:22px;color:#64748b;list-style:none}
.pu .px-g summary::-webkit-details-marker{display:none}
.pu .px-g summary::after{content:" ▾"}
.pu .px-g details[open] summary::after{content:" ▴"}
.pu .px-g details .px-ls{margin-top:12px}

/* ---------- rules：现行规则表（深色表头、隔行底色；手机每行一张卡） ---------- */
.pu .px-rules{border-radius:20px;overflow:hidden;box-shadow:0 0 0 1px #e2e8f0}
.pu .px-rules table{width:100%;border-collapse:collapse}
.pu .px-rules thead th{background:#1e293b;color:#fff;font-size:14px;line-height:22px;font-weight:600;text-align:left;padding:14px 18px}
.pu .px-rules tbody th,.pu .px-rules td{padding:16px 18px;text-align:left;vertical-align:top;border-bottom:1px solid #eef1f6;font-size:16px;line-height:26px;color:#1e293b;font-weight:400}
.pu .px-rules tbody tr:nth-child(even)>*{background:#fafbfd}
.pu .px-rules tbody tr:last-child>*{border-bottom:0}
.pu .px-rules tbody th{font-weight:700;color:#0f172a;white-space:nowrap;width:120px}
.pu .px-rules time{font-size:14px;color:#64748b;white-space:nowrap}
.pu .px-rules td:last-child{white-space:nowrap}
.pu .px-rules td a{color:#2f5bea;border-bottom:1px solid rgba(47,91,234,.3)}

/* ---------- kx：快讯时间线 ---------- */
.pu .px-demo{display:flex;gap:8px;align-items:flex-start;margin-bottom:16px;padding:12px 16px;border-radius:12px;background:#f8fafc;box-shadow:inset 0 0 0 1px #e2e8f0;font-size:14px;line-height:22px;color:#64748b}
.pu .px-demo .fa{color:#3b6cf6;margin-top:4px}
.pu .px-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.pu .px-chips button{appearance:none;border:0;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px #e2e8f0;font:inherit;font-size:14px;line-height:20px;color:#1e293b}
.pu .px-chips button em{font-size:14px;color:#64748b}
.pu .px-chips button:hover:not(:disabled){box-shadow:inset 0 0 0 1px #3b6cf6}
.pu .px-chips button.on{background:#2f5bea;color:#fff;box-shadow:none}
.pu .px-chips button.on em{color:#dbe5ff}
.pu .px-chips button:disabled{cursor:default;color:#94a3b8}
.pu .px-tl{border-left:2px solid #e2e8f0;margin-left:6px}
.pu .px-mo{position:relative;padding:0 0 12px 24px;font-size:14px;line-height:22px;font-weight:600;color:#64748b}
.pu .px-mo:not(:first-child){padding-top:12px}
.pu .px-mo::before{content:"";position:absolute;left:-7px;top:5px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 2px #94a3b8}
.pu .px-mo:not(:first-child)::before{top:17px}
.pu .px-it{display:grid;grid-template-columns:56px minmax(0,1fr);gap:16px;padding:14px 0 14px 24px;position:relative}
.pu .px-it::before{content:"";position:absolute;left:-5px;top:22px;width:8px;height:8px;border-radius:50%;background:#3b6cf6}
.pu .px-it+.px-it{border-top:1px dashed #eef1f6}
.pu .px-it time{font-size:14px;line-height:26px;color:#64748b;font-variant-numeric:tabular-nums}
.pu .px-h{font-size:16px;line-height:26px;font-weight:600}
.pu .px-h a{color:#2f5bea;border-bottom:1px solid rgba(47,91,234,.3)}
.pu .px-h a:hover{border-bottom-color:#2f5bea}
.pu .px-pt{display:inline-block;margin-right:8px;padding:0 8px;border-radius:6px;background:#eef3ff;color:#2f5bea;font-size:14px;line-height:22px;font-weight:600;vertical-align:1px}
.pu .px-ex{margin-top:4px;font-size:16px;line-height:26px;color:#64748b;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pu .px-empty{padding:24px;border-radius:12px;background:#f8fafc;text-align:center;font-size:16px;color:#64748b}
.pu .px-more{display:block;margin:16px auto 0;appearance:none;border:0;cursor:pointer;padding:10px 20px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px #e2e8f0;font:inherit;font-size:14px;color:#1e293b}
.pu .px-more:hover{box-shadow:inset 0 0 0 1px #3b6cf6}

@media (max-width:760px){
  .pu .px-g{grid-template-columns:1fr;gap:12px;padding:20px 16px}
  .pu .px-ls{grid-template-columns:1fr}
  .pu .px-rules thead{display:none}
  .pu .px-rules table,.pu .px-rules tbody,.pu .px-rules tr,.pu .px-rules tbody th,.pu .px-rules td{display:block;width:auto}
  .pu .px-rules tr{padding:16px;border-bottom:1px solid #eef1f6}
  .pu .px-rules tbody tr:nth-child(even)>*{background:none}
  .pu .px-rules tbody tr:nth-child(even){background:#fafbfd}
  .pu .px-rules tbody th,.pu .px-rules td{padding:0;border:0;white-space:normal}
  .pu .px-rules tbody th{font-size:18px;line-height:28px;margin-bottom:6px}
  .pu .px-rules td{display:flex;gap:12px;padding:4px 0}
  .pu .px-rules td::before{content:attr(data-l);flex:0 0 72px;font-size:14px;color:#64748b}
  .pu .px-it{grid-template-columns:1fr;gap:2px;padding-left:20px}
}

/* 2026-10-26 支柱页手机排版（站主「手机版先上线」）：≤480px 规则表栏名放上一行、正文通栏（原来栏名占左边 72px，正文只剩一半）。其余手机规则在 pillar-ui2.css 末尾。 */
@media (max-width:480px){
.pu .px-rules td{flex-direction:column;gap:2px}
.pu .px-rules td::before{flex:none}
}