/* 支柱页 C 版配色层（2026-10-26 站主「先把支柱页设计了」）—— 叠在 pillar-ui2.css（含 10-26 降噪、手机排版两段）+ pillar-new.css 之上，最后加载。
   只换外观：首屏渐变头图（本栏目大类色）、块序号徽章、图标换本类色、隔一块浅色分区、卡片 1px 边 12 圆角、链接换品牌蓝；
   文字级别（每块三级字）、版式、手机 ≤480 的单栏规矩一律照旧，这里不碰字号和栅格。所有值取 lz-tokens.css 变量。
   只在 body.lz-pc（mu-plugins/liezhe-pillar-c.php 开着时；预览 ?pcdemo=1）生效。
   本机正本：E:\站点\www.liezhe.com\补丁\pillar-c.css → wp-content/themes/wpdx-liezhe/assets/css/pillar-c.css
   规范：E:\liezhe工作流\标准\页面视觉.md「全站设计规范 v2」七 */

/* 本栏目的大类色（跟顶部大菜单同一套：c1 赚美金 green / c2 收款与账号 teal / c3 建站工具 blue / c5 学习 plum） */
body.lz-pc.pc-c1{--cs:var(--lz-c1);--cb:var(--lz-c1-bg);--csoft:var(--lz-c1-soft);--cl:var(--lz-c1-line);--cf:var(--lz-c1-fg);--ci:var(--lz-c1-ink)}
body.lz-pc.pc-c2{--cs:var(--lz-c2);--cb:var(--lz-c2-bg);--csoft:var(--lz-c2-soft);--cl:var(--lz-c2-line);--cf:var(--lz-c2-fg);--ci:var(--lz-c2-ink)}
body.lz-pc.pc-c3{--cs:var(--lz-c3);--cb:var(--lz-c3-bg);--csoft:var(--lz-c3-soft);--cl:var(--lz-c3-line);--cf:var(--lz-c3-fg);--ci:var(--lz-c3-ink)}
body.lz-pc.pc-c5{--cs:var(--lz-c5);--cb:var(--lz-c5-bg);--csoft:var(--lz-c5-soft);--cl:var(--lz-c5-line);--cf:var(--lz-c5-fg);--ci:var(--lz-c5-ink)}

/* ── 页面底、卡片：浅灰底 + 白卡 1px 边 12 圆角，不用大阴影 ─────────────── */
body.lz-pc.lz-ui2,body.lz-pc.lz-ui2 #main-content{background:var(--lz-bg-soft)}
body.lz-pc.lz-ui2.archive .pu .u-card{border-radius:var(--lz-r-lg);box-shadow:none;border:1px solid var(--lz-line)}
/* 浅色分区：隔一块铺本类色的 2 档底（字色照旧，slate-500 压 2 档实量 ≥4.5） */
body.lz-pc.lz-ui2.archive .pu>.u-card:not(.u-hero):nth-of-type(even){background:var(--csoft);border-color:var(--cl)}

/* ── 块头：序号做成本类色的小徽章 ─────────────────────────── */
body.lz-pc.lz-ui2.archive .pu .u-card:not(.u-hero) .u-eb b{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 var(--lz-s2);border-radius:var(--lz-r-md);background:var(--cf);color:var(--lz-on-brand);font-size:var(--lz-fs-sm);line-height:var(--lz-lh-sm);font-weight:var(--lz-fw-bold);letter-spacing:0}

/* ── 图标、门槛卡、流程、数字卡、公式胶囊、条形图：降噪定的「一种蓝」换成本类色（还是单色） ── */
body.lz-pc.lz-ui2.archive .pu .u-ic:not(.u-tags .u-ic),body.lz-pc.lz-ui2.archive .pu .u-gi,body.lz-pc.lz-ui2.archive .pu .u-flow>li,body.lz-pc.lz-ui2.archive .pu .u-stat,body.lz-pc.lz-ui2.archive .pu .u-chip:not(.hl),body.lz-pc.lz-ui2.archive .pu .u-bar,body.lz-pc.lz-ui2.archive .pu .u-pc:not(.hl){--c:var(--cf);--c3:var(--csoft);--c4:var(--cb);--c6:var(--cl)} /* 底用最浅的 2 档，3 档整页铺开太艳 */

/* ── 首屏：本类色渐变头图（12 档 → 11 档），白字；右侧速选、数字卡、关卡条是白卡 ── */
body.lz-pc.lz-ui2.archive .pu .u-hero{background:linear-gradient(120deg,var(--ci) 0%,var(--cf) 100%);border:0;color:var(--lz-on-brand)}
body.lz-pc.lz-ui2.archive .pu .u-hero h1{color:var(--lz-on-brand)}
body.lz-pc.lz-ui2.archive .pu .u-hero .u-meta,body.lz-pc.lz-ui2.archive .pu .u-hero .u-meta a{color:rgb(255 255 255 / .85)}
body.lz-pc.lz-ui2.archive .pu .u-hero .u-lead,body.lz-pc.lz-ui2.archive .pu .u-hero .u-lead b{color:var(--lz-on-brand)}
body.lz-pc.lz-ui2.archive .pu .u-hero .u-lead a{color:var(--lz-on-brand);border-bottom:1px solid rgb(255 255 255 / .5)}
body.lz-pc.lz-ui2.archive .pu .u-hero-l>.u-eb b{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--lz-r-md);background:rgb(255 255 255 / .15);color:var(--lz-on-brand);font-size:var(--lz-fs-lg)}
body.lz-pc.lz-ui2.archive .pu .u-hero .u-toc a{background:rgb(0 0 0 / .15);box-shadow:inset 0 0 0 1px rgb(255 255 255 / .25);color:var(--lz-on-brand)}
body.lz-pc.lz-ui2.archive .pu .u-hero .u-toc a:hover{background:var(--lz-bg);color:var(--ci)}
body.lz-pc.lz-ui2.archive .pu .u-hero .u-quick{background:var(--lz-bg);box-shadow:var(--lz-sh-lg);border-radius:var(--lz-r-lg)}
body.lz-pc.lz-ui2.archive .pu .u-hero .u-quick a:hover{background:var(--csoft)}
body.lz-pc.lz-ui2.archive .pu .u-hero .u-stat{background:var(--lz-bg);box-shadow:none;border-radius:var(--lz-r-lg)}
body.lz-pc.lz-ui2.archive .pu .u-hero .u-mflow li{background:var(--lz-bg);border-radius:var(--lz-r-lg)}

/* ── 链接：品牌蓝（两种样式照降噪：标题行实线、说明行灰虚线） ──────────── */
body.lz-pc.lz-ui2.archive .pu .u-card:not(.u-hero) .u-il b a,body.lz-pc.lz-ui2.archive .pu .u-card:not(.u-hero) .u-lead a,body.lz-pc.lz-ui2.archive .pu .u-vs-c li a{color:var(--lz-brand);border-bottom-color:rgb(13 116 206 / .35)}
body.lz-pc.lz-ui2.archive .pu .u-il span a:hover,body.lz-pc.lz-ui2.archive .pu .u-note a:hover,body.lz-pc.lz-ui2.archive .pu .u-key p a:hover,body.lz-pc.lz-ui2.archive .pu .u-src:hover{color:var(--lz-brand)!important;border-bottom-color:var(--lz-brand)!important}
/* 块尾「延伸阅读」胶囊：品牌浅底 */
body.lz-pc.lz-ui2.archive .pu .u-ft-p a{background:var(--lz-brand-soft);color:var(--lz-brand-strong);box-shadow:none;border-radius:var(--lz-r-md)}
body.lz-pc.lz-ui2.archive .pu .u-ft-p a:hover{background:var(--lz-brand);color:var(--lz-on-brand)}

/* ── 列表区（全部文章）：同一种卡 ───────────────────────────── */
body.lz-pc.lz-ui2 .lz-main .panel{box-shadow:none;border:1px solid var(--lz-line);border-radius:var(--lz-r-lg)}
body.lz-pc.lz-ui2 .lz-main .sec-title .bar{background:var(--cf)}

/* ══ /kuaixun/ 资讯流（站主 10-26「快讯支柱页要单独设计」）：时间线 + 平台筛 + 月份归档 + 侧边二维码 ══ */
body.lz-pc .pu .k-feed .pcf{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:var(--lz-s6);align-items:start}
body.lz-pc .pu .pcf-main,body.lz-pc .pu .pcf-side{min-width:0} /* 不让横滑的筛选条把栏撑宽（手机卡片被切） */
body.lz-pc .pu .pcf-chips,body.lz-pc .pu .pcf-months{display:flex;flex-wrap:wrap;align-items:center;gap:var(--lz-s2);margin-bottom:var(--lz-s3)}
body.lz-pc .pu .pcf-months{margin-bottom:var(--lz-s5)}
body.lz-pc .pu .pcf-months>span{font-size:var(--lz-fs-sm);line-height:var(--lz-lh-sm);color:var(--lz-muted)}
body.lz-pc .pu .pcf-chips button,body.lz-pc .pu .pcf-months button{display:inline-flex;align-items:center;gap:var(--lz-s1);height:36px;padding:0 var(--lz-s3);border:1px solid var(--lz-line);border-radius:var(--lz-r-md);background:var(--lz-bg);color:var(--lz-ink);font:var(--lz-fw-normal) var(--lz-fs-sm)/var(--lz-lh-sm) var(--lz-font);cursor:pointer}
body.lz-pc .pu .pcf-chips button em,body.lz-pc .pu .pcf-months button em{font-style:normal;color:var(--lz-muted)}
body.lz-pc .pu .pcf-chips button.c1::before,body.lz-pc .pu .pcf-chips button.c2::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--cs)}
body.lz-pc .pu .pcf-chips button.on,body.lz-pc .pu .pcf-months button.on{background:var(--lz-brand);border-color:var(--lz-brand);color:var(--lz-on-brand);font-weight:var(--lz-fw-bold)}
body.lz-pc .pu .pcf-chips button.on em,body.lz-pc .pu .pcf-months button.on em{color:var(--lz-on-brand)}
body.lz-pc .pu .pcf-list{position:relative;margin:0;padding:0;list-style:none}
body.lz-pc .pu .pcf-mo{margin:var(--lz-s5) 0 var(--lz-s3);font-size:var(--lz-fs-sm);line-height:var(--lz-lh-sm);font-weight:var(--lz-fw-bold);color:var(--lz-muted)}
body.lz-pc .pu .pcf-mo:first-child{margin-top:0}
body.lz-pc .pu .pcf-it{display:grid;grid-template-columns:72px minmax(0,1fr);gap:var(--lz-s4);margin-bottom:var(--lz-s3)}
body.lz-pc .pu .pcf-it[hidden],body.lz-pc .pu .pcf-mo[hidden]{display:none}
body.lz-pc .pu .pcf-it time{display:flex;flex-direction:column;align-items:center;justify-content:center;height:72px;border-radius:var(--lz-r-lg);background:var(--cf);color:var(--lz-on-brand)}
body.lz-pc .pu .pcf-it time b{font-size:var(--lz-fs-xl);line-height:var(--lz-lh-xl);font-weight:var(--lz-fw-bold)}
body.lz-pc .pu .pcf-it time span{font-size:var(--lz-fs-xs);line-height:var(--lz-lh-xs);opacity:.85}
body.lz-pc .pu .pcf-c{padding:var(--lz-s4) var(--lz-s5);border:1px solid var(--lz-line);border-left:4px solid var(--cs);border-radius:var(--lz-r-lg);background:var(--lz-bg)}
body.lz-pc .pu .pcf-tag{display:flex;flex-wrap:wrap;gap:var(--lz-s2);margin:0 0 var(--lz-s2)}
body.lz-pc .pu .pcf-tag span{padding:2px var(--lz-s2);border-radius:var(--lz-r-sm);font-size:var(--lz-fs-sm);line-height:var(--lz-lh-sm)}
body.lz-pc .pu .pcf-pt{background:var(--cb);color:var(--ci);font-weight:var(--lz-fw-bold)}
body.lz-pc .pu .pcf-ty{background:var(--lz-bg-mute);color:var(--lz-text)}
body.lz-pc .pu .pcf-dt{color:var(--lz-muted)}
body.lz-pc .pu .pcf-c h3{margin:0;font-size:var(--lz-fs-lg);line-height:var(--lz-lh-lg);font-weight:var(--lz-fw-bold);color:var(--lz-ink)}
body.lz-pc .pu .pcf-p{margin:var(--lz-s2) 0 0;font-size:var(--lz-fs-md);line-height:var(--lz-lh-lg);color:var(--lz-text)}
body.lz-pc .pu .pcf-go{display:inline-block;margin-top:var(--lz-s3);font-size:var(--lz-fs-sm);line-height:var(--lz-lh-sm);color:var(--lz-brand)}
body.lz-pc .pu .pcf-go::after{content:" →"}
body.lz-pc .pu .pcf-go:hover{color:var(--lz-brand-strong);text-decoration:underline}
body.lz-pc .pu .pcf-side{position:sticky;top:var(--lz-s4);display:grid;gap:var(--lz-s4)}
body.lz-pc .pu .pcf-qr,body.lz-pc .pu .pcf-tip{padding:var(--lz-s5);border-radius:var(--lz-r-lg)}
body.lz-pc .pu .pcf-qr{background:var(--lz-acc-soft)}
body.lz-pc .pu .pcf-tip{background:var(--lz-bg);border:1px solid var(--lz-line)}
body.lz-pc .pu .pcf-qr-h{margin:0;font-size:var(--lz-fs-lg);line-height:var(--lz-lh-lg);font-weight:var(--lz-fw-bold);color:var(--lz-ink)}
body.lz-pc .pu .pcf-qr-p{margin:var(--lz-s1) 0 var(--lz-s4);font-size:var(--lz-fs-sm);line-height:var(--lz-lh-sm);color:var(--lz-text)}
body.lz-pc .pu .pcf-qr-g{display:grid;grid-template-columns:1fr 1fr;gap:var(--lz-s3)}
body.lz-pc .pu .pcf-qr-g figure{margin:0;padding:var(--lz-s2);border-radius:var(--lz-r-md);background:var(--lz-bg);text-align:center}
body.lz-pc .pu .pcf-qr-g img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
body.lz-pc .pu .pcf-qr-g figcaption{margin-top:var(--lz-s1);font-size:var(--lz-fs-sm);line-height:var(--lz-lh-sm);color:var(--lz-text)}
body.lz-pc .pu .pcf-tip ul{margin:var(--lz-s2) 0 0;padding:0;list-style:none}
body.lz-pc .pu .pcf-tip li{padding:var(--lz-s2) 0;border-top:1px solid var(--lz-line);font-size:var(--lz-fs-sm);line-height:var(--lz-lh-sm);color:var(--lz-text)}
body.lz-pc .pu .pcf-tip li:first-child{border-top:0}
body.lz-pc .pu .pcf-tip a{color:var(--lz-brand)}
@media (max-width:1023px){
  body.lz-pc .pu .k-feed .pcf{grid-template-columns:1fr}
  body.lz-pc .pu .pcf-side{position:static;order:-1}
  body.lz-pc .pu .pcf-qr-g{grid-template-columns:repeat(2,minmax(0,140px))}
}
@media (max-width:480px){
  body.lz-pc .pu .pcf-chips,body.lz-pc .pu .pcf-months{flex-wrap:nowrap;overflow-x:auto;padding-bottom:var(--lz-s1)}
  body.lz-pc .pu .pcf-chips button,body.lz-pc .pu .pcf-months button{flex:none}
  body.lz-pc .pu .pcf-it{grid-template-columns:56px minmax(0,1fr);gap:var(--lz-s3)}
  body.lz-pc .pu .pcf-it time{height:56px}
  body.lz-pc .pu .pcf-it time b{font-size:var(--lz-fs-md);line-height:var(--lz-lh-md)}
  body.lz-pc .pu .pcf-c{padding:var(--lz-s3) var(--lz-s4)}
  body.lz-pc .pu .pcf-c h3{font-size:var(--lz-fs-md);line-height:var(--lz-lh-md)}
}

/* ══ 导航站形态的页（/daohang/、/gongju/、/aigongju/、/changyonggongju/，body.pc-nav）：nv- 组件换 C 版外观 ══ */
body.lz-pc.pc-nav.pc-c4{--cs:var(--lz-c4);--cb:var(--lz-c4-bg);--csoft:var(--lz-c4-soft);--cl:var(--lz-c4-line);--cf:var(--lz-c4-fg);--ci:var(--lz-c4-ink)}
body.lz-pc.pc-nav.lz-ui2,body.lz-pc.pc-nav.lz-ui2 #main-content{background:var(--lz-bg-soft)}
body.lz-pc.pc-nav .pu .u-card{border-radius:var(--lz-r-lg);box-shadow:none;border:1px solid var(--lz-line)}
/* 首屏：大类色渐变 + 白字；搜索框白底 */
body.lz-pc.pc-nav .pu .u-hero{background:linear-gradient(120deg,var(--ci) 0%,var(--cf) 100%);border:0;color:var(--lz-on-brand)}
body.lz-pc.pc-nav .pu .u-hero h1,body.lz-pc.pc-nav .pu .u-hero .u-lead,body.lz-pc.pc-nav .pu .u-hero .u-lead b{color:var(--lz-on-brand)}
body.lz-pc.pc-nav .pu .u-hero .u-meta,body.lz-pc.pc-nav .pu .u-hero .u-meta a,body.lz-pc.pc-nav .pu .u-hero .nv-kw,body.lz-pc.pc-nav .pu .u-hero .nv-kw span{color:rgb(255 255 255 / .85)}
body.lz-pc.pc-nav .pu .u-hero .u-lead a{color:var(--lz-on-brand);border-bottom:1px solid rgb(255 255 255 / .5)}
body.lz-pc.pc-nav .pu .u-hero .u-eb>span,body.lz-pc.pc-nav .pu .u-hero .u-kicker{display:none}
body.lz-pc.pc-nav .pu .u-hero-l>.u-eb b{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--lz-r-md);background:rgb(255 255 255 / .15);color:var(--lz-on-brand)}
body.lz-pc.pc-nav .pu .u-hero .nv-kw a{background:rgb(0 0 0 / .15);box-shadow:inset 0 0 0 1px rgb(255 255 255 / .25);color:var(--lz-on-brand);border-radius:var(--lz-r-md)}
body.lz-pc.pc-nav .pu .u-hero .u-quick,body.lz-pc.pc-nav .pu .u-hero .u-stat{background:var(--lz-bg);box-shadow:none;border-radius:var(--lz-r-lg)}
body.lz-pc.pc-nav .pu .u-hero .nv-sch button,body.lz-pc.pc-nav .pu .nv-sch button{background:var(--lz-ink);border-radius:var(--lz-r-md)}
/* 分类栏：当前项本类色 */
body.lz-pc.pc-nav .pu .nv-side{border-radius:var(--lz-r-lg);box-shadow:none;border:1px solid var(--lz-line)}
body.lz-pc.pc-nav .pu .nv-side a:hover,body.lz-pc.pc-nav .pu .nv-side a.on{background:var(--csoft);color:var(--ci)}
/* 区块头图标、卡片：白卡 1px 边，悬停本类色边 */
body.lz-pc.pc-nav .pu .nv-si{--c:var(--cf);--c3:var(--cb);--c4:var(--cb);--c6:var(--cl)}
body.lz-pc.pc-nav .pu .nv-cd{border-radius:var(--lz-r-lg);box-shadow:none;border:1px solid var(--lz-line);background:var(--lz-bg)}
body.lz-pc.pc-nav .pu .nv-cd:hover{border-color:var(--cs);box-shadow:var(--lz-sh-sm)}
body.lz-pc.pc-nav .pu .nv-more{color:var(--lz-brand)}
/* /gongju/ 按用途分组 */
body.lz-pc.pc-nav .pu .pcg{margin-top:var(--lz-s6)}
body.lz-pc.pc-nav .pu .pcg:first-child{margin-top:var(--lz-s4)}
body.lz-pc.pc-nav .pu .pcg-h{display:flex;align-items:center;gap:var(--lz-s3);margin:0 0 var(--lz-s4);padding-bottom:var(--lz-s3);border-bottom:2px solid var(--cl);font-size:var(--lz-fs-lg);line-height:var(--lz-lh-lg);font-weight:var(--lz-fw-bold);color:var(--lz-ink)}
body.lz-pc.pc-nav .pu .pcg-ic{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--lz-r-md);background:var(--cf);color:var(--lz-on-brand)}
body.lz-pc.pc-nav .pu .pcg .nv-av{--c:var(--cf);--c3:var(--cb);--c4:var(--cb);--c6:var(--cl)}
body.lz-pc.pc-nav .pu .pcg .nv-cd:hover{border-color:var(--cs)}
body.lz-pc .pu .u-hero .u-eb>i,body.lz-pc .pu .u-hero .u-eb>span{display:none} /* 首屏块头只留图标：英文小标签和它的分隔竖线不要（降噪规矩，导航页原来没带 archive 类没吃到） */

/* ══ 栏目支柱页第二版（站主「三个代表栏目页总感觉还是稍微差了点」）：短首屏 + 主视觉、吸顶目录、先看这几篇、速选 / 步骤各自成区；标识色只做点缀 ══ */
/* 大面积底色回到白 / 极浅灰：去掉上一版隔块铺的本类色底 */
body.lz-pc.lz-ui2.archive .pu>.u-card:not(.u-hero):nth-of-type(even){background:var(--lz-bg);border-color:var(--lz-line)}
/* 首屏：A 浅色（本类 2 档渐变到白 + 顶部 4px 色条）/ B 中等色块（本类 3 档 → 6 档）；深字 */
body.lz-pc.lz-ui2.archive .pu .u-hero.pc-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:var(--lz-s6);align-items:center;padding:var(--lz-s8) var(--lz-s8) var(--lz-s7);color:var(--lz-text);border:1px solid var(--lz-line)}
body.lz-pc.lz-ui2.archive.pc-va .pu .u-hero.pc-hero{background:linear-gradient(135deg,var(--csoft) 0%,var(--lz-bg) 70%);border-top:4px solid var(--cs)}
body.lz-pc.lz-ui2.archive.pc-vb .pu .u-hero.pc-hero{background:linear-gradient(120deg,var(--cb) 0%,var(--cl) 100%);border-color:var(--cl)}
body.lz-pc.lz-ui2.archive .pu .u-hero.pc-hero h1{color:var(--lz-ink)}
body.lz-pc.lz-ui2.archive .pu .u-hero.pc-hero .u-meta,body.lz-pc.lz-ui2.archive .pu .u-hero.pc-hero .u-meta a{color:var(--lz-muted)}
body.lz-pc.lz-ui2.archive.pc-vb .pu .u-hero.pc-hero .u-meta,body.lz-pc.lz-ui2.archive.pc-vb .pu .u-hero.pc-hero .u-meta a{color:var(--ci)}
body.lz-pc.lz-ui2.archive .pu .u-hero.pc-hero .u-lead{max-width:640px;font-size:var(--lz-fs-md);line-height:var(--lz-lh-lg);color:var(--lz-text)}
body.lz-pc.lz-ui2.archive .pu .u-hero.pc-hero .u-lead b{color:var(--lz-ink)}
body.lz-pc.lz-ui2.archive .pu .u-hero.pc-hero .u-lead a{color:var(--lz-brand);border-bottom:1px solid rgb(13 116 206 / .35)}
body.lz-pc.lz-ui2.archive .pu .u-hero.pc-hero .u-hero-l>.u-eb b{background:var(--cf);color:var(--lz-on-brand)}
body.lz-pc.lz-ui2.archive .pu .pc-badges{display:flex;flex-wrap:wrap;gap:var(--lz-s3);margin:var(--lz-s5) 0 0;padding:0;list-style:none}
body.lz-pc.lz-ui2.archive .pu .pc-badges li{display:flex;align-items:baseline;gap:var(--lz-s2);padding:var(--lz-s2) var(--lz-s4);border:1px solid var(--cl);border-radius:var(--lz-r-md);background:var(--lz-bg)}
body.lz-pc.lz-ui2.archive .pu .pc-badges b{font-size:var(--lz-fs-xl);line-height:var(--lz-lh-xl);font-weight:var(--lz-fw-bold);color:var(--cf)}
body.lz-pc.lz-ui2.archive .pu .pc-badges span{font-size:var(--lz-fs-sm);line-height:var(--lz-lh-sm);color:var(--lz-text)}
body.lz-pc.lz-ui2.archive .pu .pc-start{display:inline-flex;align-items:center;height:48px;margin-top:var(--lz-s5);padding:0 var(--lz-s5);border-radius:var(--lz-r-md);background:var(--lz-brand);color:var(--lz-on-brand);font-size:var(--lz-fs-md);font-weight:var(--lz-fw-bold)}
body.lz-pc.lz-ui2.archive .pu .pc-start::after{content:" ↓";margin-left:var(--lz-s1)}
body.lz-pc.lz-ui2.archive .pu .pc-start:hover{background:var(--lz-brand-strong);color:var(--lz-on-brand)}
body.lz-pc.lz-ui2.archive .pu .pc-vis svg{display:block;width:100%;max-width:440px;height:auto;margin-left:auto}
/* 吸顶目录条 */
body.lz-pc.lz-ui2.archive .pu .pc-tocbar{position:sticky;top:0;z-index:40;margin:var(--lz-s4) 0 0;padding:var(--lz-s2) 0;background:rgb(248 250 252 / .96);border-bottom:1px solid var(--lz-line)}
body.lz-pc.lz-ui2.archive .pu .pc-tocbar .u-toc{display:flex;flex-wrap:nowrap;gap:var(--lz-s2);margin:0;overflow-x:auto;scrollbar-width:none}
body.lz-pc.lz-ui2.archive .pu .pc-tocbar .u-toc a{flex:none;padding:var(--lz-s2) var(--lz-s3);border-radius:var(--lz-r-md);background:var(--lz-bg);box-shadow:inset 0 0 0 1px var(--lz-line);font-size:var(--lz-fs-sm);line-height:var(--lz-lh-sm);color:var(--lz-text)}
body.lz-pc.lz-ui2.archive .pu .pc-tocbar .u-toc a:hover{box-shadow:inset 0 0 0 1px var(--cs);color:var(--ci)}
/* 先看这几篇：带封面的精选卡 */
body.lz-pc.lz-ui2.archive .pu .pc-feat-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--lz-s5)}
body.lz-pc.lz-ui2.archive .pu .pc-fc{display:flex;flex-direction:column;gap:var(--lz-s2);color:var(--lz-ink)}
body.lz-pc.lz-ui2.archive .pu .pc-fc-img{display:block;aspect-ratio:16/9;overflow:hidden;border-radius:var(--lz-r-lg);border:1px solid var(--lz-line);background:var(--lz-bg-mute)}
body.lz-pc.lz-ui2.archive .pu .pc-fc-img img{display:block;width:100%;height:100%;object-fit:cover}
body.lz-pc.lz-ui2.archive .pu .pc-fc b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:var(--lz-s2);font-size:var(--lz-fs-lg);line-height:var(--lz-lh-lg);font-weight:var(--lz-fw-bold)}
body.lz-pc.lz-ui2.archive .pu .pc-fc:hover b{color:var(--lz-brand)}
body.lz-pc.lz-ui2.archive .pu .pc-fc-p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:var(--lz-fs-sm);line-height:var(--lz-lh-sm);color:var(--lz-muted)}
/* 按你的情况挑：白底分区，三列入口卡 */
body.lz-pc.lz-ui2.archive .pu .pc-quick>h2{margin:0 0 var(--lz-s5);font-size:36px;line-height:46px;font-weight:800;color:var(--lz-ink);letter-spacing:-.5px}
body.lz-pc.lz-ui2.archive .pu .pc-quick ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--lz-s3);margin:0;padding:0;list-style:none}
body.lz-pc.lz-ui2.archive .pu .pc-quick ul:has(>li:nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr))} /* 4 条一行排满，别剩一张孤卡 */
body.lz-pc.lz-ui2.archive .pu .pc-quick a{display:flex;align-items:center;gap:var(--lz-s3);height:100%;padding:var(--lz-s4);border:1px solid var(--lz-line);border-radius:var(--lz-r-lg);background:var(--lz-bg)}
body.lz-pc.lz-ui2.archive .pu .pc-quick a:hover{border-color:var(--cs)}
body.lz-pc.lz-ui2.archive .pu .pc-quick a>div{flex:1;min-width:0}
body.lz-pc.lz-ui2.archive .pu .pc-quick b{display:block;font-size:var(--lz-fs-md);line-height:var(--lz-lh-md);font-weight:var(--lz-fw-bold);color:var(--lz-ink)}
body.lz-pc.lz-ui2.archive .pu .pc-quick a span:not(.u-ic){display:block;font-size:var(--lz-fs-sm);line-height:var(--lz-lh-sm);color:var(--lz-muted)}
body.lz-pc.lz-ui2.archive .pu .pc-quick a>.fa{color:var(--lz-line-2)}
/* 横向步骤条（手机竖排），字号回到规范 */
body.lz-pc.lz-ui2.archive .pu .pc-steps .u-mflow ol{display:grid;grid-template-columns:repeat(var(--n,5),minmax(0,1fr));gap:var(--lz-s5);margin:0;padding:0;list-style:none}
body.lz-pc.lz-ui2.archive .pu .pc-steps .u-mflow li{position:relative;display:flex;flex-direction:column;gap:var(--lz-s1);padding:0;border:0;background:none;box-shadow:none;grid-column:auto}
body.lz-pc.lz-ui2.archive .pu .pc-steps .u-mflow li::before{display:none}
body.lz-pc.lz-ui2.archive .pu .pc-steps .u-mflow li:not(:last-child)::after{content:"";position:absolute;top:20px;left:56px;right:calc(-1 * var(--lz-s5) + 8px);border-top:2px dashed var(--lz-line-2);background:none;width:auto;height:0;transform:none}
body.lz-pc.lz-ui2.archive .pu .pc-steps .u-mflow em{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-bottom:var(--lz-s2);border-radius:50%;background:var(--cf);color:var(--lz-on-brand);font-style:normal;font-size:var(--lz-fs-md)!important;line-height:var(--lz-lh-md)!important;font-weight:var(--lz-fw-bold);box-shadow:0 0 0 6px var(--cb)}
body.lz-pc.lz-ui2.archive .pu .pc-steps .u-mflow b{font-size:var(--lz-fs-lg);line-height:var(--lz-lh-lg);font-weight:var(--lz-fw-bold);color:var(--lz-ink)}
body.lz-pc.lz-ui2.archive .pu .pc-steps .u-mflow span:not(.u-kicker){font-size:var(--lz-fs-md);line-height:var(--lz-lh-md);color:var(--lz-muted)}
@media (max-width:1023px){
  body.lz-pc.lz-ui2.archive .pu .u-hero.pc-hero{grid-template-columns:1fr;padding:var(--lz-s6) var(--lz-s5)}
  body.lz-pc.lz-ui2.archive .pu .pc-vis{display:none}
  body.lz-pc.lz-ui2.archive .pu .pc-feat-g,body.lz-pc.lz-ui2.archive .pu .pc-quick ul,body.lz-pc.lz-ui2.archive .pu .pc-quick ul:has(>li:nth-child(4):last-child){grid-template-columns:1fr} /* 4 条那条 :has 权重高，手机里要同等权重取消（排版窗口提醒的坑 4） */
  body.lz-pc.lz-ui2.archive .pu .pc-quick>h2{font-size:var(--lz-fs-2xl);line-height:var(--lz-lh-2xl)}
  body.lz-pc.lz-ui2.archive .pu .pc-steps .u-mflow ol{grid-template-columns:1fr;gap:0}
  body.lz-pc.lz-ui2.archive .pu .pc-steps .u-mflow li{padding:0 0 var(--lz-s5) 64px;min-height:64px}
  body.lz-pc.lz-ui2.archive .pu .pc-steps .u-mflow em{position:absolute;left:0;top:0}
  body.lz-pc.lz-ui2.archive .pu .pc-steps .u-mflow li:not(:last-child)::after{top:52px;bottom:4px;left:19px;right:auto;border-top:0;border-left:2px dashed var(--lz-line-2)}
  body.lz-pc.lz-ui2.archive .pu .pc-fc{display:grid;grid-template-columns:120px minmax(0,1fr);column-gap:var(--lz-s3)}
  body.lz-pc.lz-ui2.archive .pu .pc-fc-img{grid-row:1/3}
  body.lz-pc.lz-ui2.archive .pu .pc-fc b{margin-top:0;font-size:var(--lz-fs-md);line-height:var(--lz-lh-md)}
}

/* ══ 支柱页「模块排版」（10-26 站主：「倒不是首屏的问题，而是后面的模块里面排版还是感觉有点杂乱无章」）══
   实量（/kuajingzhishi/ /vps/ /etsy/）：每块 = 主部件 + 一列带图标的要点 + 提示框，常常还左右两栏混排；每块 4–10 个装饰图标；12–13px 灰字散在表头、注、链接胶囊里；卡片 6 种样子。
   规矩（页面视觉.md「支柱页模块排版」）：一块一个主部件通栏在前 → 要点列表（不带图标，两栏顶对齐、行线分隔）→ 最多一条提示 → 延伸阅读；全站一种卡；图标只留有区分意义的；字不小于 14；间距固定档位。 */

/* 1 间距节奏：块内边距 48 / 手机 24；标题区 → 主部件 32；主部件 → 要点 32（加一条分隔线）；要点 → 提示 24；→ 延伸阅读 32 */
body.lz-pc.lz-ui2.archive .pu>.u-card:not(.u-hero){padding:var(--lz-s8)}
body.lz-pc.lz-ui2.archive .pu>.u-card:not(.u-hero)+.u-card{margin-top:var(--lz-s5)}
body.lz-pc.lz-ui2.archive .pu .u-card:not(.u-hero) .u-hd{margin-bottom:var(--lz-s6)}
body.lz-pc.lz-ui2.archive .pu .u-card:not(.u-hero) .u-hd p{margin-top:var(--lz-s2)}

/* 2 一块一个主部件：左右两栏混排（u-2）改成上下，部件在前、要点在后 */
body.lz-pc.lz-ui2.archive .pu .u-card:not(.u-hero) .u-2{display:flex;flex-direction:column;gap:var(--lz-s6)}
body.lz-pc.lz-ui2.archive .pu .u-card:not(.u-hero) .u-2>.u-panel,body.lz-pc.lz-ui2.archive .pu .u-card:not(.u-hero) .u-2>.u-stack,body.lz-pc.lz-ui2.archive .pu .u-card:not(.u-hero) .u-2>.u-key{order:-1}
body.lz-pc.lz-ui2.archive .pu .u-card:not(.u-hero) .u-st,body.lz-pc.lz-ui2.archive .pu .u-card:not(.u-hero) .u-stack{display:flex;flex-direction:column;gap:var(--lz-s6)}

/* 3 要点列表：不带图标；两栏顶对齐、每行一条细线、行高一致 */
body.lz-pc.lz-ui2.archive .pu .u-card:not(.u-hero) .u-il .u-ic{display:none!important} /* pillar-ui2 有 .pu span.u-ic{display:inline-flex!important}，要 !important 才压得住 */
body.lz-pc.lz-ui2.archive .pu .u-card:not(.u-hero) .u-il{display:grid;grid-template-columns:1fr;gap:0;margin-top:0}
body.lz-pc.lz-ui2.archive .pu .u-card:not(.u-hero) .u-il.c2{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--lz-s8);row-gap:0;margin-top:0}
body.lz-pc.lz-ui2.archive .pu .u-card:not(.u-hero) .u-il li{display:block;padding:var(--lz-s4) 0;border-top:1px solid var(--lz-line)}
body.lz-pc.lz-ui2.archive .pu .u-card:not(.u-hero) .u-il b{display:block}
/* 要点放在主部件后面时，上面空 32 */
body.lz-pc.lz-ui2.archive .pu .u-card:not(.u-hero) :is(.u-tbl,.u-flow,.u-vs,.u-panel,.u-key,.u-cards,.px-rules,.px-grp,.u-lg+.u-tbl)+.u-il,body.lz-pc.lz-ui2.archive .pu .u-card:not(.u-hero) .u-note+.u-il{margin-top:var(--lz-s6)}

/* 4 提示条：唯一允许浅色底的东西 */
body.lz-pc.lz-ui2.archive .pu .u-card:not(.u-hero) .u-tip{margin-top:var(--lz-s5);padding:var(--lz-s3) var(--lz-s4);border-radius:var(--lz-r-md);background:var(--lz-bg-soft);border-left:3px solid var(--cs);box-shadow:none;color:var(--lz-text);font-size:var(--lz-fs-md);line-height:var(--lz-lh-lg)}
body.lz-pc.lz-ui2.archive .pu .u-card:not(.u-hero) .u-tip .fa{color:var(--cf)}

/* 5 全站一种卡：白底、1px 边、12 圆角、内边距 20/24、无阴影无渐变 */
body.lz-pc.lz-ui2.archive .pu .u-card:not(.u-hero) :is(.u-gi,.u-rk,.u-pick,.u-mc,.u-chk2,.u-panel,.u-pc,.u-vs-c,.u-key,.u-casec,.px-g,.u-flow>li){background:var(--lz-bg)!important;box-shadow:none!important;border:1px solid var(--lz-line);border-radius:var(--lz-r-lg)}
body.lz-pc.lz-ui2.archive .pu .u-card:not(.u-hero) :is(.u-gi,.u-rk,.u-mc,.u-chk2,.u-pc,.u-casec,.px-g){padding:var(--lz-s5)}
body.lz-pc.lz-ui2.archive .pu .u-card:not(.u-hero) :is(.u-panel,.u-key,.u-vs-c){padding:var(--lz-s5) var(--lz-s6)}
body.lz-pc.lz-ui2.archive .pu .u-card:not(.u-hero) .u-pc.hl{border-color:var(--lz-ok)}
/* 卡片组等高 */
body.lz-pc.lz-ui2.archive .pu .u-card:not(.u-hero) .u-cards{align-items:stretch}

/* 6 图标只留有区分意义的：要点、门槛卡、风险卡、步骤卡、数字卡里的装饰图标都去掉（平台首字母、对比块的 ✓ ✕、标签组的组色图标留着） */
body.lz-pc.lz-ui2.archive .pu .u-card:not(.u-hero) :is(.u-gi,.u-rk,.u-flow>li,.u-stat,.u-panel>.u-pt,.u-mc-h,.u-chk2-h)>.u-ic:not(.u-ini),body.lz-pc.lz-ui2.archive .pu .u-card:not(.u-hero) .u-flow-i,body.lz-pc.lz-ui2.archive .pu .u-card:not(.u-hero) .u-pt>.u-ic{display:none!important}

/* 7 网格不留孤卡：凑不满一行的最后一张通栏；步骤一行排完 */
body.lz-pc.lz-ui2.archive .pu .u-card:not(.u-hero) .u-cards.c2>:last-child:nth-child(2n+1),body.lz-pc.lz-ui2.archive .pu .u-card:not(.u-hero) .u-cards.c3>:last-child:nth-child(3n+1),body.lz-pc.lz-ui2.archive .pu .u-card:not(.u-hero) .u-cards.c4>:last-child:nth-child(4n+1){grid-column:1/-1}
body.lz-pc.lz-ui2.archive .pu .u-card:not(.u-hero) .u-flow{grid-template-columns:repeat(var(--n,4),minmax(0,1fr))}

/* 8 字：卡片正文 16、辅助一律 14（原来表头、注、链接胶囊、价格表 dt 有 11–13px）；标签胶囊 13 */
body.lz-pc.lz-ui2.archive .pu .u-card:not(.u-hero) :is(th,small,dt,.u-lk a,.u-how strong,.u-az-c em,.u-az-m,.u-note,.u-src){font-size:var(--lz-fs-sm)!important;line-height:var(--lz-lh-sm)!important}
body.lz-pc.lz-ui2.archive .pu .u-card:not(.u-hero) :is(.u-badge,.u-pay){font-size:13px!important}
body.lz-pc.lz-ui2.archive .pu .u-card:not(.u-hero) :is(.u-gi,.u-rk,.u-mc,.u-chk2,.u-pc,.u-casec,.px-g) span:not(.u-ic):not(.u-badge):not(.u-pay){font-size:var(--lz-fs-md)!important;line-height:var(--lz-lh-md)!important}

/* 9 延伸阅读：块底一行，上面一条线 */
body.lz-pc.lz-ui2.archive .pu .u-card:not(.u-hero) .u-ft{margin-top:var(--lz-s6);padding-top:var(--lz-s5);border-top:1px solid var(--lz-line)}

@media (max-width:1023px){
  body.lz-pc.lz-ui2.archive .pu>.u-card:not(.u-hero){padding:var(--lz-s5)}
  body.lz-pc.lz-ui2.archive .pu .u-card:not(.u-hero) .u-il.c2{grid-template-columns:1fr}
  body.lz-pc.lz-ui2.archive .pu .u-card:not(.u-hero) .u-flow{grid-template-columns:1fr}
}
@media (max-width:480px){body.lz-pc.lz-ui2.archive .pu .u-card:not(.u-hero) :is(.u-gi,.u-rk,.u-mc,.u-chk2,.u-pc,.u-casec,.px-g,.u-panel,.u-key,.u-vs-c){padding:var(--lz-s4)}
  body.lz-pc.lz-ui2.archive .pu .u-card:not(.u-hero) .u-mc-h{flex-wrap:wrap}
  body.lz-pc.lz-ui2.archive .pu .u-card:not(.u-hero) .u-mc-h>em{order:-1;flex:none;width:fit-content;margin-right:100%} /* 结论胶囊放卡片顶部一行（手机规矩 12），说明行才不挤 */
  body.lz-pc.lz-ui2.archive .pu .u-card:not(.u-hero) .u-mc-h>div{flex:1 1 0;min-width:0}} /* 手机卡内边距收到 16，不然说明行挤成 8 字一行（查手机窄栏 /vps/ 候选商家块） */

/* 首屏底部的子栏目一排（/xiangmu/）：通栏、上面一条线；胶囊白底，压在中等色块上 */
body.lz-pc.lz-ui2.archive .pu .u-hero.pc-hero .u-subs{grid-column:1/-1;margin-top:var(--lz-s2);padding-top:var(--lz-s5);border-top:1px solid var(--cl)}
body.lz-pc.lz-ui2.archive .pu .u-hero.pc-hero .u-subs>span{color:var(--lz-text)}
body.lz-pc.lz-ui2.archive .pu .u-hero.pc-hero .u-subs a{background:var(--lz-bg);color:var(--ci);border:1px solid var(--cl)}
body.lz-pc.lz-ui2.archive .pu .u-hero.pc-hero .u-subs a:hover{border-color:var(--cs)}
body.lz-pc.lz-ui2.archive .pu .u-hero.pc-hero .u-subs a i{background:var(--csoft);color:var(--lz-text)}

/* 导航页首屏右侧「按你想干什么挑」：按内容高度收住，不跟左栏拉齐（/aigongju/ 原来底部空 43px，10-26 上线复查查到） */
body.lz-pc.pc-nav .pu .u-hero>.u-quick{align-self:start}
/* 面板里最后一个部件不留下外边距（/lianmeng/ 价位三卡 u-tiers 自带 margin-bottom:10px，底部比顶部空，10-26 上线复查查到） */
body.lz-pc.lz-ui2.archive .pu .u-card:not(.u-hero) .u-panel>:last-child{margin-bottom:0}
/* 手机窄栏回补（10-26 上线后排版窗口复查：375 下 /fuye/ App 小格、/shuzichanpin/ 月历、/dulizhanzhuanqian/ 副标、/kuaixun/ 二维码图注比手机版上线时窄 7px 左右，压过 9 字一行的线）
   起因：模块排版把块左右内边距统一成 20，手机版原来是 18；这里 ≤480 改成上下 24、左右 16，副标挪到标题下一行，二维码卡收紧 */
@media (max-width:480px){
  body.lz-pc.lz-ui2.archive .pu>.u-card:not(.u-hero){padding:var(--lz-s6) var(--lz-s4)}
  body.lz-pc.lz-ui2.archive .pu .u-pt-s{display:block;margin:var(--lz-s1) 0 0}
  body.lz-pc .pu .pcf-qr{padding:var(--lz-s4)}
  body.lz-pc .pu .pcf-qr-g{gap:var(--lz-s2)}
  body.lz-pc .pu .pcf-qr-g figure{padding:var(--lz-s1)}
}
/* 「先看这几篇」凑不满 3 篇（10-27 站主截图 /xiangmu/ 只 1 张、右边三分之二空白）：1–2 篇改横排卡，一行一张，不留空格子 */
body.lz-pc.lz-ui2.archive .pu .pc-feat-g.pc-feat-n1,body.lz-pc.lz-ui2.archive .pu .pc-feat-g.pc-feat-n2{grid-template-columns:1fr;gap:var(--lz-s4)}
body.lz-pc.lz-ui2.archive .pu .pc-feat-n1 .pc-fc,body.lz-pc.lz-ui2.archive .pu .pc-feat-n2 .pc-fc{display:grid;grid-template-columns:240px minmax(0,1fr);column-gap:var(--lz-s5);align-content:start}
body.lz-pc.lz-ui2.archive .pu .pc-feat-n1 .pc-fc-img,body.lz-pc.lz-ui2.archive .pu .pc-feat-n2 .pc-fc-img{grid-row:1/3}
body.lz-pc.lz-ui2.archive .pu .pc-feat-n1 .pc-fc b,body.lz-pc.lz-ui2.archive .pu .pc-feat-n2 .pc-fc b{margin-top:0}
/* 网格不留空格子（10-27 上线复查脚本 工具/上线复查.cjs 横向空位抓到）：
   导航页 nv-grid 一组只有 1–3 个工具时在 4 列（g-big 3 列）里右边空一大块 → 列数跟卡片数走；多行时最后一行只剩一张 → 通栏（同「模块排版」7 网格不留孤卡）。
   支柱页台阶块 u-stair 只有 2–3 级时也按级数排列。只在原来 4 / 3 列的宽屏生效，窄屏原有列数不动。 */
@media (min-width:1241px){
  body.lz-pc.pc-nav .pu .nv-grid:not(.g-big):has(>:last-child:nth-child(1)){grid-template-columns:minmax(0,1fr)}
  body.lz-pc.pc-nav .pu .nv-grid:not(.g-big):has(>:last-child:nth-child(2)){grid-template-columns:repeat(2,minmax(0,1fr))}
  body.lz-pc.pc-nav .pu .nv-grid:not(.g-big):has(>:last-child:nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr))}
  body.lz-pc.pc-nav .pu .nv-grid:not(.g-big)>:last-child:nth-child(4n+1):not(:first-child){grid-column:1/-1}
  body.lz-pc.pc-nav .pu .nv-grid.g-big:has(>:last-child:nth-child(1)){grid-template-columns:minmax(0,1fr)}
  body.lz-pc.pc-nav .pu .nv-grid.g-big:has(>:last-child:nth-child(2)){grid-template-columns:repeat(2,minmax(0,1fr))}
  body.lz-pc.pc-nav .pu .nv-grid.g-big>:last-child:nth-child(3n+1):not(:first-child){grid-column:1/-1}
}
@media (min-width:1101px){
  body.lz-pc.lz-ui2.archive .pu .u-stair:has(>:last-child:nth-child(2)){grid-template-columns:repeat(2,minmax(0,1fr))}
  body.lz-pc.lz-ui2.archive .pu .u-stair:has(>:last-child:nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr))}
}