/* ════════════════════════════════════════════════════════════════
   苏州条航 · 全站公共样式
   改这一处 = 全站生效。各页用法：
     <link rel="stylesheet" href="/assets/site.css">
   放在页内 <style> 之前，页内样式才能覆盖这里。
   内容：设计令牌 / 基础排版 / 页首统一导航
   ════════════════════════════════════════════════════════════════ */

/* ── 设计令牌：取自 9/10 前旧版的暗金暖纸体系 ── */
:root{
  --bg:#faf7f2; --c1:#fff; --c2:#f6f2ec; --bd:#e8e0d4;
  --tx:#2b2620; --t2:#6b6255; --t3:#787061;
  --g:#a67c3d; --gb:rgba(166,124,61,.12); --gd:rgba(166,124,61,.25);
  --jade:#1a6b3c; --jb:rgba(26,107,60,.06); --jd:rgba(26,107,60,.14);
  --rd:#a83a2a; --rb:rgba(168,58,42,.06);
  /* 实心填充用旧版 --accent-deep（白字 5.27:1 过 AA）。
     --g 本身白字只有 3.77:1，只做描边/文字/悬停，不可做填充底。 */
  --brand:#8a6530; --brand-d:#6f4e24;
  /* 宋体只给品牌与标题，正文仍走无衬线。用本机字体，不引 Google Fonts
     （旧版引了 fonts.googleapis.com 的 Noto Serif SC，国内访问不可靠） */
  --serif:"Songti SC","STSong","Noto Serif CJK SC","Source Han Serif SC",SimSun,serif;
}

/* ── 基础排版 ── */
*{box-sizing:border-box}
body{margin:0;min-height:100vh;min-height:100dvh;
  display:flex;flex-direction:column;
  background:var(--bg);color:var(--tx);
  font:15px/1.65 "PingFang SC","Hiragino Sans GB","Microsoft YaHei",-apple-system,"Segoe UI",sans-serif}
:focus-visible{outline:2px solid var(--g);outline-offset:2px}
/* 视觉上撤掉但仍留在文档里（SEO / 读屏靠它认页面主题） */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ── 页首统一导航：品牌 + 三标签（法律咨询 / 合同模板 / 推荐律师）──
   加宽到 1280，与首页 .wrap 同宽，翻页时导航不横向跳动 */
.topbar{flex:0 0 auto;position:relative;z-index:2;
  width:100%;max-width:1280px;margin:0 auto;padding:14px 28px;
  display:flex;align-items:center;gap:18px;min-height:64px;flex-wrap:wrap;
  border-bottom:1px solid var(--gd)}
.topbar .brand{display:flex;align-items:center;padding-right:16px;
  border-right:1px solid var(--bd);font-family:var(--serif);font-size:20px;
  font-weight:700;color:var(--tx);text-decoration:none;
  letter-spacing:.06em;white-space:nowrap}
.topbar .brand em{font-style:normal;color:var(--g)}
.topbar .brand:hover em{color:var(--brand)}
/* 胶囊标签：选中态实心 */
.tabs{display:flex;gap:4px}
.tab{display:flex;align-items:center;padding:8px 16px;font-size:14px;color:var(--t2);
  text-decoration:none;white-space:nowrap;border-radius:8px;
  transition:background .15s,color .15s}
.tab:hover{background:#f3ede4;color:var(--tx)}
.tab.on{background:var(--brand);color:#fff;font-weight:600}
/* 页首右侧操作位（目前只有首页用它放 ⚙ API 设置） */
.topbar .right{margin-left:auto;display:flex;gap:8px;align-items:center}
.topbar .right button{border:1px solid var(--bd);background:var(--c1);border-radius:8px;
  padding:6px 12px;cursor:pointer;font-size:13px;color:var(--t2);
  transition:border-color .16s,color .16s,background .16s}
.topbar .right button:hover{border-color:var(--g);color:var(--brand);background:#fffdf7}

/* 窄屏：品牌第一行，三胶囊落第二行整幅铺开。
   order:9 保证胶囊行是最后一行 */
@media(max-width:700px){
  .topbar{gap:0;min-height:0;padding:10px 16px 0}
  .topbar .brand{padding:4px 12px 4px 0;border-right:0}
  .topbar .right{padding:4px 0}
  .tabs{order:9;flex:1 1 100%;gap:4px;margin-top:8px;padding-top:8px;
    display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--bd)}
  .tab{justify-content:center;padding:8px 4px}
}