/* ============================================================
   三人行工作助手 · 全站统一视觉层
   骨架取自 Win8 贴片（Metro）：纯色实块、直角、无阴影、无渐变、
   无磨砂玻璃、8px 栅格。个性只留在「朱砂方印 + 分类釉色 + 编号」。
   本层最后加载，统一覆盖首页 / 46 个工具外壳 / 旧 16 页 / 会议微站。
   ============================================================ */

/* ---------- 1. 统一令牌：直角、去阴影 ---------- */
:root{
  --r-xl:2px; --r-lg:2px; --r:2px; --r-sm:2px; --r-xs:2px; --pill:2px;
  --sh-xs:none; --sh-sm:none; --sh:none; --sh-lg:none;
  --ring:0 0 0 2px var(--acc);
}
html[data-theme="dark"],html.srx-dark{
  --sh-xs:none; --sh-sm:none; --sh:none; --sh-lg:none;
}

/* ---------- 2. 所有控件一个形状 ---------- */
button,.btn,input,select,textarea,.panel,.card,.preview,.pill,.chip,.back,
.seg,.tabs,.list .it,.status,.catnav button,.cat-hd .cno,.cat-hd .cnum,
.ti,.ti-ico,.fcard,.f-big,.f-sm,.bcard,.bento .bcard,
.m-card,.m-hero,.m-panel,.m-modal,.m-btn,.m-chip,.m-tag,.m-note,
#srxShare,#srxPanel,#srxToast,.srx-zoom-in,.srx-zoom-x{
  border-radius:2px!important;
  box-shadow:none!important;
}

/* 按钮：统一高度与实色状态，不靠浮起表达层级 */
.btn,.back,.chip,.catnav button,.seg button,.m-btn{transition:background .12s,color .12s,border-color .12s}
.btn:hover,.back:hover,.chip:hover,.catnav button:hover{transform:none!important}
:focus-visible{outline:2px solid var(--acc);outline-offset:1px}

/* ---------- 3. 顶栏：纯色、1px 实线、不模糊、不渐变 ---------- */
.topbar,.m-top,nav,.nav-in{
  background:var(--card)!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  border-bottom:1px solid var(--line)!important;
  color:var(--ink)!important;
}
.topbar a,.topbar .home,.m-top a,.nav-in a{color:var(--ink)!important}
.tb-title::before{
  background:var(--acc)!important;border-radius:0!important;
  width:4px!important;height:20px!important;
}
.tb-in{height:52px!important}

/* ---------- 4. 去掉通用模板装饰 ---------- */
.hero::before,.f-big::before,.ti.wide::before,.cat-hd::after,
.card::after,.panel::after{display:none!important}
/* 分类色条改成一条 2px 实色短线，保留每组自己的釉色 */
.cat-hd{border-bottom:2px solid var(--ctone,#A5322B)!important;padding-bottom:9px!important;margin-bottom:14px!important}
.cat-hd h3,.sec-head h2,.f-big h3{
  font-family:"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",-apple-system,"Segoe UI",sans-serif!important;
  font-weight:600!important;letter-spacing:0!important;
}

/* ---------- 5. 说明性文字统一降级，不再抢注意力 ---------- */
.hint,.tipline,.tip,.note,.desc,.status,.sub,.lead,.cdesc{
  font-size:11.5px!important;line-height:1.6!important;
}
.hint,.tipline,.tip,.note{color:var(--ink3)!important;background:transparent!important;border:0!important;padding-left:0!important}

/* ---------- 6. 分享组件同款直角 ---------- */
#srxShare{box-shadow:0 0 0 1px var(--line)!important}
#srxPanel{border:1px solid var(--line)!important}
#srxShare .lg{border-radius:2px!important}
#srxToast{border-radius:2px!important}

/* ---------- 7. 旧 16 页顶栏：深红渐变 -> 全站同款浅色实色条 ---------- */
.topbar:not(:has(.tb-in)){
  padding:0 16px!important;min-height:52px;flex-wrap:nowrap!important;gap:12px!important;
}
.topbar:not(:has(.tb-in)) h1,.topbar:not(:has(.tb-in)) .sub,.topbar:not(:has(.tb-in)) .home,
.topbar:not(:has(.tb-in)) a,.topbar:not(:has(.tb-in)) span,.topbar:not(:has(.tb-in)) b{color:var(--ink)!important}
.topbar:not(:has(.tb-in)) .sub,.topbar:not(:has(.tb-in)) small{color:var(--ink3)!important;font-size:11.5px!important}
.topbar:not(:has(.tb-in)) h1{font-size:15px!important;font-weight:600!important;white-space:nowrap}
.topbar:not(:has(.tb-in)) .home{
  background:var(--bg2)!important;border:1px solid var(--line)!important;
  font-size:12px!important;padding:5px 10px!important;white-space:nowrap;
  border-radius:2px!important;
}
.topbar .home{border-radius:2px!important}
@media (max-width:720px){.topbar:not(:has(.tb-in)) .sub{display:none!important}}

/* ---------- 8. 会议微站：贴片语法 ---------- */
.m-grid .m-card{border:1px solid var(--hair)!important}
.m-top{border-bottom:1px solid var(--hair)!important}
.m-hero-ed,.cdpill,.m-tag,.m-btn,.m-chip,.m-modal{border-radius:2px!important}
.m-hero-ed{background:transparent!important}

/* ---------- 9. 全站：顶栏只留一套分类入口 ---------- */
.nav-cats{display:none!important}
.search-wrap{margin-left:auto!important}

/* ---------- 10. 独立桌牌页：小屏收起次要入口，避免撑破顶栏 ---------- */
@media (max-width:480px){ .se-btn{display:none!important} }
@media (max-width:380px){
  .tagline,.chips{display:none!important}
  .brand{min-width:0!important}
  .topbar h1{font-size:15px!important}
}
@media (max-width:380px){
  .topbar:has(.chips) .brand{flex:1 1 100%!important;min-width:0!important}
  .topbar:has(.chips) h1{white-space:normal!important;font-size:14px!important;line-height:1.3}
}

/* ---------- 11. 320–380px 极窄屏：旧页固定宽面板与按钮行兜底 ---------- */
@media (max-width:380px){
  .panel,.panel.view,.panel.ctrl,.panel.res,.panel.left,.panel.right,.panel.mid{
    width:100%!important;max-width:100%!important;min-width:0!important;
  }
  .wrap,.container{padding-left:12px!important;padding-right:12px!important}
  button,.btn{max-width:100%!important;white-space:normal!important}
  .row,.g2,.g3,.btns,.btn-row,.actions,.opts,.toolbar{display:flex!important;flex-wrap:wrap!important}
}
@media (max-width:380px){
  .row>div,.row>label,.row>input,.row>select{min-width:0!important}
  .row>div.fix{flex:1 1 100%!important;width:100%!important}
}