/* 全站外框 v2：页头大菜单、手机抽屉、页脚、侧栏（2026-10-26 全站改版第 1 步）
   只作用于 body.lz-f2（mu-plugins/liezhe-frame-v2.php 开着时；预览 ?v2=1）。所有值取自 lz-tokens.css，不在这里写新色值、新字号。
   本机正本：E:\站点\www.liezhe.com\补丁\lz-frame.css → wp-content/themes/wpdx-liezhe/assets/css/lz-frame.css
   规范：E:\liezhe工作流\标准\页面视觉.md「全站设计规范 v2」 */

/* 首页不加载区块库样式（liezhe-perf.php ④）时它内联补的两条：原来挂在 lz-ui2 后面，新首页不加载 lz-ui2，搬到这里（10-26 收录速度窗口提醒） */
:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}
ol,ul{box-sizing:border-box}

/* ── 页头 ───────────────────────────────────────────── */
.lzf-hd,.lzf-ft{font-family:var(--lz-font);-webkit-font-smoothing:antialiased}
.lzf-hd *,.lzf-ft *{box-sizing:border-box}
.lzf-hd :is(ul,ol,p,dl,dd),.lzf-ft :is(ul,ol,p){margin:0;padding:0;list-style:none}
.lzf-hd a,.lzf-ft a{text-decoration:none;font-family:inherit}
.lzf-hd button{font-family:inherit;cursor:pointer}
.lzf-in{width:90%;max-width:var(--lz-wrap);margin:0 auto}
.lzf-hd{position:relative;z-index:1000;background:var(--lz-bg);border-bottom:1px solid var(--lz-line)}
.lzf-hd>.lzf-in{display:flex;align-items:center;height:var(--lz-hd-h);gap:var(--lz-s6)}
.lzf-logo{flex:none;display:block;line-height:0}
.lzf-logo img{display:block;width:auto;height:40px}
.lzf-ic{display:block;flex:none}

.lzf-nav{flex:1;align-self:stretch;min-width:0}
.lzf-l1{display:flex;height:100%;gap:var(--lz-s1)}
.lzf-i{display:flex;align-items:center}
.lzf-a{position:relative;display:flex;align-items:center;gap:var(--lz-s1);height:100%;padding:0 var(--lz-s3);color:var(--lz-ink);font-size:var(--lz-fs-md);line-height:var(--lz-lh-md);font-weight:var(--lz-fw-normal);white-space:nowrap}
.lzf-a .lzf-ic{width:16px;height:16px;color:var(--lz-muted);transition:transform .15s}
.lzf-a::after{content:"";position:absolute;left:var(--lz-s3);right:var(--lz-s3);bottom:-1px;height:2px;background:transparent}
.lzf-i:hover>.lzf-a,.lzf-i:focus-within>.lzf-a,.lzf-a[aria-current]{color:var(--lz-brand)}
.lzf-i:hover>.lzf-a::after,.lzf-i:focus-within>.lzf-a::after,.lzf-a[aria-current]::after{background:var(--lz-brand)}
.lzf-i:hover>.lzf-a .lzf-ic{transform:rotate(180deg)}
.lzf-x,.lzf-tg,.lzf-dr-ft{display:none}

/* 大菜单：整条宽，分栏 + 右侧「先看这篇」 */
.lzf-mega{display:none;position:absolute;left:0;right:0;top:100%;background:var(--lz-bg);border-top:1px solid var(--lz-line);box-shadow:var(--lz-sh-lg)}
.lzf-i.has:hover>.lzf-mega,.lzf-i.has:focus-within>.lzf-mega{display:block}
.lzf-mega-in{width:90%;max-width:var(--lz-wrap);margin:0 auto;padding:var(--lz-s6) 0 var(--lz-s7);display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr)) minmax(0,1.25fr);gap:var(--lz-s6);align-items:start}
.lzf-h{font-size:var(--lz-fs-sm);line-height:var(--lz-lh-sm);color:var(--lz-muted);margin-bottom:var(--lz-s2)!important}
.lzf-col a{display:block;padding:var(--lz-s2) 0;color:var(--lz-text);font-size:var(--lz-fs-md);line-height:var(--lz-lh-md)}
.lzf-col a:hover{color:var(--lz-brand)}
.lzf-feat{display:flex;flex-direction:column;gap:var(--lz-s2);padding:var(--lz-s5);background:var(--lz-brand-soft);border:1px solid var(--lz-brand-line);border-radius:var(--lz-r-lg)}
/* 浅蓝底上字一律用 12 档（刻度.md 四：11 档压 3 档底只有 4.25，过不了 4.5） */
.lzf-feat-k{font-size:var(--lz-fs-sm);line-height:var(--lz-lh-sm);color:var(--lz-brand-strong)}
.lzf-feat b{font-size:var(--lz-fs-lg);line-height:var(--lz-lh-lg);font-weight:var(--lz-fw-bold);color:var(--lz-ink)}
.lzf-feat span:last-child{font-size:var(--lz-fs-md);line-height:var(--lz-lh-md);color:var(--lz-text)}
.lzf-feat:hover b{color:var(--lz-brand-strong);text-decoration:underline}

/* 右侧：搜索 / 陪跑班 / 登录 */
.lzf-act{flex:none;display:flex;align-items:center;gap:var(--lz-s4)}
.lzf-st{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:var(--lz-r-md);background:transparent;color:var(--lz-ink)}
.lzf-st:hover,.lzf-hd.sopen .lzf-st{background:var(--lz-bg-mute)}
.lzf-sp{display:none;position:absolute;top:100%;right:5%;width:480px;padding:var(--lz-s4);background:var(--lz-bg);border:1px solid var(--lz-line);border-radius:var(--lz-r-md);box-shadow:var(--lz-sh-lg)}
.lzf-hd.sopen .lzf-sp{display:block}
.lzf-sf{display:flex;gap:var(--lz-s2)}
.lzf-sf input{flex:1;min-width:0;height:48px;padding:0 var(--lz-s4);border:1px solid var(--lz-line-2);border-radius:var(--lz-r-md);background:var(--lz-bg);color:var(--lz-text);font:var(--lz-fs-md)/var(--lz-lh-md) var(--lz-font);box-shadow:none;margin:0}
.lzf-sf input:focus{outline:2px solid var(--lz-brand);outline-offset:-1px;border-color:var(--lz-brand)}
.lzf-sf button{flex:none;height:48px;padding:0 var(--lz-s5);border:0;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)}
.lzf-sf button:hover{background:var(--lz-brand-strong)}
/* 实色按钮：全站只有这一种（首页、侧栏、页头共用） */
.lzf-btn,a.lzf-btn{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 var(--lz-s4);border-radius:var(--lz-r-md);background:var(--lz-brand);color:var(--lz-on-brand);font-family:var(--lz-font);font-size:var(--lz-fs-md);line-height:var(--lz-lh-md);font-weight:var(--lz-fw-bold);white-space:nowrap;text-decoration:none}
.lzf-btn:hover,a.lzf-btn:hover{background:var(--lz-brand-strong);color:var(--lz-on-brand)}
.lzf-btn-blk{display:flex;width:100%;height:48px}
.lzf-login{color:var(--lz-ink);font-size:var(--lz-fs-md);line-height:var(--lz-lh-md);white-space:nowrap}
.lzf-login:hover{color:var(--lz-brand)}

/* 1024–1279：菜单项挤，收一档间距 */
@media (max-width:1279px){.lzf-hd>.lzf-in{gap:var(--lz-s5)}.lzf-a{padding:0 var(--lz-s2)}.lzf-a::after{left:var(--lz-s2);right:var(--lz-s2)}.lzf-mega-in{grid-template-columns:repeat(var(--n,3),minmax(0,1fr))}.lzf-feat{display:none}}

/* ── 手机 / 平板（<1024）：抽屉菜单 ─────────────────────── */
@media (max-width:1023px){
  .lzf-in{width:auto;margin:0 var(--lz-s4)}
  .lzf-mega-in{width:auto}
  .lzf-hd>.lzf-in{height:var(--lz-hd-h-m);gap:var(--lz-s2)}
  .lzf-logo{margin-right:auto}
  .lzf-logo img{height:32px}
  .lzf-act{gap:0}
  .lzf-act>.lzf-btn,.lzf-act>.lzf-login{display:none}
  .lzf-sp{left:0;right:0;width:auto;border-radius:0;border-width:1px 0}
  .lzf-tg{display:flex;align-items:center;justify-content:center;order:3;width:40px;height:40px;padding:0;border:0;border-radius:var(--lz-r-md);background:transparent;color:var(--lz-ink)}
  .lzf-tg .lzf-ic+.lzf-ic,.lzf-hd.open .lzf-tg .lzf-ic:first-child{display:none}
  .lzf-hd.open .lzf-tg .lzf-ic+.lzf-ic{display:block}
  .lzf-nav{display:none;position:fixed;top:var(--lz-hd-h-m);left:0;right:0;bottom:0;overflow-y:auto;background:var(--lz-bg);border-top:1px solid var(--lz-line);padding:0 var(--lz-s4) var(--lz-s7)}
  .lzf-hd.open .lzf-nav{display:block}
  .lzf-l1{display:block;height:auto}
  .lzf-i{flex-wrap:wrap;border-bottom:1px solid var(--lz-line)}
  .lzf-a{flex:1;height:56px;padding:0;font-weight:var(--lz-fw-bold)}
  .lzf-a .lzf-ic,.lzf-a::after{display:none}
  .lzf-x{display:flex;align-items:center;justify-content:center;width:48px;height:56px;padding:0;border:0;background:transparent;color:var(--lz-muted)}
  .lzf-i.open>.lzf-x .lzf-ic{transform:rotate(180deg)}
  .lzf-i.has:hover>.lzf-mega,.lzf-i.has:focus-within>.lzf-mega,.lzf-mega{display:none;position:static;flex-basis:100%;border:0;box-shadow:none}
  html .lzf-i.has.open>.lzf-mega{display:block}
  .lzf-mega-in{width:auto;grid-template-columns:1fr;gap:var(--lz-s4);padding:0 0 var(--lz-s5)}
  .lzf-col ul{display:grid;grid-template-columns:1fr 1fr;column-gap:var(--lz-s4)}
  .lzf-col a{padding:var(--lz-s3) 0}
  .lzf-feat{display:none}
  .lzf-dr-ft{display:flex;flex-direction:column;gap:var(--lz-s4);padding-top:var(--lz-s5)}
  .lzf-dr-ft .lzf-btn{height:48px}
  .lzf-dr-ft .lzf-login{text-align:center;padding:var(--lz-s2) 0}
  html.lzf-lock{overflow:hidden}
}

/* ── 页脚（深底收尾，设计库模块 03 手法 F） ─────────────── */
.lzf-ft{background:var(--lz-dk-bg);color:var(--lz-dk-text);font-size:var(--lz-fs-sm);line-height:var(--lz-lh-sm);margin-top:0;clear:both}
.lzf-ft-top{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(4,minmax(0,1fr));gap:var(--lz-s6);padding:var(--lz-s9) 0 var(--lz-s7)}
.lzf-ft-brand{display:flex;flex-direction:column;gap:var(--lz-s3);padding-right:var(--lz-s6)}
.lzf-ft .lzf-ft-name{font-size:var(--lz-fs-xl);line-height:var(--lz-lh-xl);font-weight:var(--lz-fw-bold);color:var(--lz-dk-strong)}
.lzf-ft-name span{margin-left:var(--lz-s2);font-size:var(--lz-fs-sm);font-weight:var(--lz-fw-normal);color:var(--lz-dk-muted)}
.lzf-ft-co{color:var(--lz-dk-muted)}
.lzf-ft-h{margin-bottom:var(--lz-s3)!important;color:var(--lz-dk-strong);font-weight:var(--lz-fw-bold);font-size:var(--lz-fs-sm)}
.lzf-ft-col li{padding:var(--lz-s1) 0}
.lzf-ft-col a{color:var(--lz-dk-text)}
.lzf-ft-col a:hover{color:var(--lz-dk-strong);text-decoration:underline}
.lzf-ft-todo{color:var(--lz-dk-muted)}
.lzf-ft .lzf-ft-note{padding:var(--lz-s5) 0;border-top:1px solid var(--lz-dk-line);color:var(--lz-dk-muted)}
.lzf-ft-bt{display:flex;flex-wrap:wrap;gap:var(--lz-s2) var(--lz-s5);padding:var(--lz-s4) 0 var(--lz-s6);border-top:1px solid var(--lz-dk-line);color:var(--lz-dk-muted)}
.lzf-ft-bt a{color:var(--lz-dk-muted)}
.lzf-ft-bt a:hover{color:var(--lz-dk-strong)}
@media (max-width:1023px){
  .lzf-ft-top{grid-template-columns:1fr 1fr;gap:var(--lz-s6) var(--lz-s4);padding-top:var(--lz-s7)}
  .lzf-ft-brand{grid-column:1/-1;padding-right:0}
  .lzf-ft-col li{padding:var(--lz-s2) 0}
}

/* ── 页面底：首页、文章页改白底；文章卡片去阴影（其余页面类型等后面几步） ── */
body.lz-f2.home,body.lz-f2.home #main-content,body.lz-f2.single,body.lz-f2.single #main-content{background:var(--lz-bg)}
html body.lz-f2.single .lz-single .post-main{box-shadow:none;border:1px solid var(--lz-line);border-radius:var(--lz-r-lg)}
html body.lz-f2 .lz-single .breadcrumb,html body.lz-f2 .lz-single .breadcrumbs{background:transparent}
/* 手机：文章页左右留白跟页头、首页一样 16，正文卡片在白底上去掉边框（字号行高不变） */
@media (max-width:639px){
  html body.lz-f2.single #main-content{width:auto!important;margin:0!important;padding:0 var(--lz-s4)!important}
  html body.lz-f2.single .lz-single .post-main{border:0;border-radius:0;padding-left:0;padding-right:0}
}

/* ── 侧栏：一种品牌色、1px 边、不用阴影和多色 ─────────────── */
html body.lz-f2 .lz-sidebar .widget,html body.lz-f2 .lz-main .sub-aside .side-panel{border-radius:var(--lz-r-lg);box-shadow:none;border:1px solid var(--lz-line);background:var(--lz-bg)}
html body.lz-f2 .lz-sidebar .side-t,html body.lz-f2 .lz-main .sub-aside .side-t{font-family:var(--lz-font);font-size:var(--lz-fs-lg);line-height:var(--lz-lh-lg);font-weight:var(--lz-fw-bold);color:var(--lz-ink)}
html body.lz-f2 .lz-sidebar .side-t .bar,html body.lz-f2 .lz-main .sub-aside .side-t .bar{display:none}
html body.lz-f2 .lz-sidebar .widget-thumb a,html body.lz-f2 .lz-main .sub-aside .widget-thumb a{font-family:var(--lz-font);font-size:var(--lz-fs-md);line-height:var(--lz-lh-md);color:var(--lz-text)}
html body.lz-f2 .lz-sidebar .widget-thumb a:hover,html body.lz-f2 .lz-main .sub-aside .widget-thumb a:hover{color:var(--lz-brand)}
.lzf-sd{margin-bottom:var(--lz-s5);padding:var(--lz-s5);background:var(--lz-bg);border:1px solid var(--lz-line);border-radius:var(--lz-r-lg);font-family:var(--lz-font)}
.lzf-sd *{box-sizing:border-box}
.lzf-sd :is(p,ol,dl,dd){margin:0;padding:0;list-style:none}
.lzf-sd-pd{border-top:4px solid var(--lz-brand)}
.lzf-sd-k{font-size:var(--lz-fs-sm);line-height:var(--lz-lh-sm);color:var(--lz-muted)}
.lzf-sd-t{margin-top:var(--lz-s1)!important;font-size:var(--lz-fs-xl);line-height:var(--lz-lh-xl);font-weight:var(--lz-fw-bold)}
.lzf-sd-t a{color:var(--lz-ink);text-decoration:none}
.lzf-sd-t a:hover{color:var(--lz-brand)}
.lzf-sd-h{font-size:var(--lz-fs-lg);line-height:var(--lz-lh-lg);font-weight:var(--lz-fw-bold);color:var(--lz-ink);margin-bottom:var(--lz-s3)!important}
.lzf-sd-p{margin-top:var(--lz-s2)!important;font-size:var(--lz-fs-md);line-height:var(--lz-lh-md);color:var(--lz-muted)}
.lzf-sd-pr{margin:var(--lz-s4) 0!important;border-top:1px solid var(--lz-line)}
.lzf-sd-pr div{display:flex;justify-content:space-between;align-items:baseline;gap:var(--lz-s3);padding:var(--lz-s3) 0;border-bottom:1px solid var(--lz-line)}
.lzf-sd-pr dt{font-size:var(--lz-fs-sm);line-height:var(--lz-lh-sm);color:var(--lz-muted);font-weight:var(--lz-fw-normal)}
.lzf-sd-pr dd{font-size:var(--lz-fs-lg);line-height:var(--lz-lh-lg);font-weight:var(--lz-fw-bold);color:var(--lz-ink)}
.lzf-sd-ol{counter-reset:n}
.lzf-sd-ol li{counter-increment:n;display:flex;gap:var(--lz-s3);padding:var(--lz-s2) 0;border-top:1px solid var(--lz-line)}
.lzf-sd-ol li:first-child{border-top:0;padding-top:0}
.lzf-sd-ol li::before{content:counter(n);flex:none;width:16px;font-size:var(--lz-fs-md);line-height:var(--lz-lh-md);font-weight:var(--lz-fw-bold);color:var(--lz-brand)}
.lzf-sd-ol a{font-size:var(--lz-fs-md);line-height:var(--lz-lh-md);color:var(--lz-text);text-decoration:none}
.lzf-sd-ol a:hover{color:var(--lz-brand)}
.lzf-sd-more{display:inline-block;margin-top:var(--lz-s3);font-size:var(--lz-fs-md);line-height:var(--lz-lh-md);color:var(--lz-brand);text-decoration:none}
.lzf-sd-more::after{content:" →"}
.lzf-sd-more:hover{color:var(--lz-brand-strong);text-decoration:underline}

/* 只给读屏软件读的字（主题没有 .screen-reader-text 这条规则） */
.lzf-sr,body.lz-f2 .screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* 侧栏原「最新文章 / 热门」小工具：缩略图一列、标题一列，不再绕图 */
html body.lz-f2 .lz-sidebar .widget-thumb,html body.lz-f2 .lz-main .sub-aside .widget-thumb{display:grid;grid-template-columns:75px minmax(0,1fr);gap:var(--lz-s3);align-items:start}
html body.lz-f2 .lz-sidebar .widget-thumb .post-thumbnail,html body.lz-f2 .lz-main .sub-aside .widget-thumb .post-thumbnail{float:none;margin:0}
html body.lz-f2 .lz-sidebar .widget-thumb .date:empty,html body.lz-f2 .lz-main .sub-aside .widget-thumb .date:empty{display:none}