/* ============================================================
   全站统一「头尾底座」work-frame.css
   ------------------------------------------------------------
   目标：把各端的顶部导航与底部页脚收敛到同一套视觉规格。
   只动「头」「尾」两个固定区域，中间的内容区一个字不改。

   覆盖范围：
     头  · layout/desk（律所端 / 推广员端）· layout/collab（协作端）
     尾  · layout/m（会员端 m-foot）· layout/desk · layout/collab（wk-foot）

   实现方式：
     1. 统一规格用 :root 层的全站通用 token 表达（--orange / --ink / --card …），
        不依赖任何端专属变量（--dk-* / --cb-* / --pri / --fg），
        因此一份文件可同时服务 desk 与 collab 两套类名体系。
     2. 会员端已有 .m-foot / .m-aux，此处只做「规格对齐」——
        调整间距、字号、栅格比例，使其与 wk-foot 完全一致。
     3. 全部为样式层改动，不增删任何 DOM、不改任何链接、不新增功能。
   ============================================================ */

/* ============================================================
   ① 顶部导航统一底座（desk / collab）
   ============================================================ */

/* 1.1 统一容器宽度与高度
   原：dk-top-in 1120px / 高 54　　cb-top-in 1080px / 高 56
   统一为：1140px / 高 56            */
.dk-top-in,
.cb-top-in{
  max-width:1140px !important;
  height:56px !important;
  gap:16px !important;
}

/* 1.2 导航间距统一（dk gap 3 / margin 6，cb gap 4 / margin 8） */
.dk-nav,
.cb-nav{
  gap:4px !important;
  margin-left:8px !important;
}

/* 1.3 导航项规格统一
   原：dk padding 6px 11px　　cb padding 6px 12px */
.dk-nav a,
.cb-nav a{
  font-size:13px !important;
  padding:6px 12px !important;
  border-radius:8px !important;
  color:var(--g1) !important;
  transition:background .15s ease, color .15s ease;
}
.dk-nav a:hover,
.cb-nav a:hover{
  background:var(--line-2) !important;
  color:var(--ink-2) !important;
}
.dk-nav a.on,
.cb-nav a.on{
  background:var(--orange-50) !important;
  color:var(--orange-d) !important;
  font-weight:600 !important;
}

/* 1.4 品牌区统一 */
.dk-brand,
.cb-brand{
  font-size:14.5px !important;
  font-weight:700 !important;
  color:var(--ink) !important;
  gap:9px !important;
}
.dk-brand i,
.cb-brand i{
  width:8px !important; height:8px !important;
  border-radius:2px !important;
  background:var(--orange) !important;
}

/* 1.5 右侧「我 / 返回」区统一 */
.dk-me,
.cb-me{
  gap:11px !important;
  font-size:12.5px !important;
  color:var(--g1) !important;
}
.dk-me b,
.cb-me b{
  color:var(--ink) !important;
  font-weight:600 !important;
}
.dk-me a,
.cb-me a{
  font-size:12.5px !important;
  color:var(--g1) !important;
  border:1px solid var(--line-strong) !important;
  border-radius:8px !important;
  padding:4px 10px !important;
  transition:color .15s ease, border-color .15s ease;
}
.dk-me a:hover,
.cb-me a:hover{
  color:var(--ink) !important;
  border-color:var(--g2) !important;
}

/* 1.6 顶栏底边统一（stuck 时的层次） */
.dk-top,
.cb-top{
  background:var(--card) !important;
  border-bottom:1px solid var(--line) !important;
  position:sticky !important; top:0 !important; z-index:20 !important;
}

/* ============================================================
   ② 底部页脚统一底座（wk-foot 对齐 m-foot 规格）
   ============================================================ */

/* 2.1 容器：改为圆角卡片式（与会员端一致） */
.wk-foot{
  margin-top:28px;
  border-top:1px solid var(--line);
  background:var(--side);
  border-radius:var(--r-lg);
  overflow:hidden;
}

/* 2.2 栅格比例对齐：会员端 1.6fr + 3×1fr */
.wk-foot-in{
  grid-template-columns:1.6fr repeat(3,1fr) !important;
  gap:24px !important;
  padding:22px 22px 18px !important;
}

/* 2.3 品牌行对齐 */
.wk-brand{
  font-size:14px !important;
  font-weight:700 !important;
  color:var(--ink) !important;
  margin-bottom:0 !important;
}
.wk-brand i{
  width:22px !important; height:22px !important;
  border-radius:6px !important;
  background:var(--orange) !important;
}
.wk-brand i::after{
  inset:6px 5px !important;
  border-left-width:2px !important; border-bottom-width:2px !important;
}

/* 2.4 简介文案对齐 */
.wk-desc{
  margin:10px 0 0 !important;
  font-size:12px !important;
  color:var(--g2) !important;
  line-height:1.75 !important;
  max-width:320px !important;
}

/* 2.5 栏目标题对齐 */
.wk-foot h4{
  margin:0 0 9px !important;
  font-size:12.5px !important;
  color:var(--g1) !important;
  font-weight:600 !important;
}

/* 2.6 链接列表对齐（会员端是块级 + 上下内边距） */
.wk-foot a{
  display:block !important;
  font-size:12px !important;
  color:var(--g2) !important;
  padding:4px 0 !important;
  transition:color .15s ease, transform .15s ease;
}
.wk-foot a:hover{
  color:var(--orange) !important;
  transform:translateX(2px);
}

/* 2.7 版权行：改为居中独立行（对齐会员端 .fcopy） */
.wk-copy{
  margin:0 !important;
  padding:12px 22px !important;
  border-top:1px solid var(--line) !important;
  font-size:11.5px !important;
  color:var(--g2) !important;
  text-align:center !important;
}

/* 2.8 辅助条：与会员端 .m-aux 对齐 */
.wk-aux{
  padding:14px 22px !important;
  margin:0 !important;
  border-bottom:1px solid var(--line) !important;
  background:var(--card) !important;
  gap:8px !important;
}
.wk-aux-lb{
  font-size:11.5px !important;
  color:var(--g2) !important;
}
.wk-aux-lb .dot{ background:var(--orange) !important; }
.wk-aux-item{
  height:30px !important;
  padding:0 12px !important;
  font-size:12.5px !important;
  background:var(--side) !important;
  border:1px solid var(--line) !important;
  border-radius:var(--r-pill) !important;
  color:var(--g1) !important;
  transition:border-color .15s ease, color .15s ease, background .15s ease;
}
.wk-aux-item:hover{
  border-color:var(--orange) !important;
  color:var(--orange) !important;
  background:var(--orange-50) !important;
}
.wk-aux-item .ic{ opacity:.75 !important; }
.wk-aux-item:hover .ic{ opacity:1 !important; }
.wk-aux-sep{ background:var(--line) !important; }

/* ============================================================
   ③ 会员端页脚规格对齐（m-foot → 与 wk-foot 同规格）
   ============================================================ */
/* 会员端原本就是圆角卡片式，仅需把栅格比例、链接内边距、
   辅助条内边距与四端拉齐（上面 §2 全部以 wk-* 为基准）。 */
.m-foot-in{
  grid-template-columns:1.6fr repeat(3,1fr) !important;
}
.m-foot .fdesc{
  max-width:320px !important;
}
.m-foot a{
  padding:4px 0 !important;
}

/* ============================================================
   ④ 响应式
   ============================================================ */
@media (max-width:900px){
  .wk-foot-in{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}
@media (max-width:560px){
  .wk-foot-in{ grid-template-columns:1fr !important; }
  .wk-desc{ max-width:none !important; }
}