/* nav.css — 目录切换标签 / 内部 tabs（对 site.css 的补充，纯增量） */
.dir-switch { display:flex; gap:8px; margin:0 0 18px; flex-wrap:wrap; }
.dir-switch-item {
  display:inline-flex; align-items:center; padding:8px 16px; border-radius:999px;
  font-size:14px; font-weight:600; text-decoration:none; color:var(--text-2);
  background:#fff; border:1px solid var(--line);
}
.dir-switch-item.is-on { color:#fff; background:var(--brand); border-color:var(--brand); }
.dir-switch-item:hover { border-color:var(--brand); }

.tabs { display:flex; gap:6px; margin:0 0 16px; flex-wrap:wrap; }
.tabs [role="tab"] {
  padding:8px 16px; border-radius:999px; border:1px solid var(--line); background:#fff;
  font-size:14px; font-weight:600; color:var(--text-2); cursor:pointer;
}
.tabs [role="tab"][aria-selected="true"] { color:#fff; background:var(--brand); border-color:var(--brand); }

/* 头部是浅色半透明（site.css 定义 background:rgba(255,255,255,.82)），账号区文字须用深色才可读。
   注意：此前误按"深色头部"写成白色，导致文字在浅色头部上几乎不可见。 */
.hdr [data-account-slot] a, .hdr [data-account-slot] button { color:var(--ink); }
.hdr .lang-switch b, .hdr .lang-switch a { color:var(--ink); }
.hdr .lang-switch i { background:rgba(11,18,32,.18); }

/* 2026-11-04：深色导航栏文字改为纯白（原来用 --text-2 灰蓝，偏暗） */
.hdr .nav a { color: #ffffff; }
.hdr .nav a:hover { background: rgba(255,255,255,.14); color: #ffffff; }
.hdr .nav a[aria-current="page"] { background: #ffffff; color: #0f2b47; }
.hdr .hdr-cta a,
.hdr .hdr-cta .lang-switch a,
.hdr .hdr-cta .lang-switch b { color: #ffffff; }
.hdr .hdr-cta .lang-switch a:hover { color: #ffffff; text-decoration: underline; }
.hdr .logo small { color: rgba(255,255,255,.72); }

/* 2026-11-04 修正：上面的「纯白」规则误伤了头部按钮，这里还原按钮配色 */
.hdr .hdr-cta .btn-primary,
.hdr .hdr-cta .btn-primary:hover { background:#ffffff; color:#000000; }
.hdr .hdr-cta .btn-ghost,
.hdr .hdr-cta .btn-ghost:hover { background:transparent; color:#ffffff; border-color:rgba(255,255,255,.22); }
.hdr .hdr-cta .btn-ghost:hover { background:rgba(255,255,255,.10); }
/* 登录/注册这类纯文字链接保持纯白 */
.hdr .hdr-cta a:not(.btn):not(.btn-primary):not(.btn-ghost) { color:#ffffff; }

/* ═══ 2026-11-04 头部右侧重新设计：语言切换 + 账号区 ═══════════════════
   问题：Log in / Sign out 用 var(--ink)（深色），在深蓝头部几乎看不见；
        Join free 是深色按钮；EN/中文 是裸文字，层级不清。
   方案：语言做「分段胶囊」（当前语言白底深字），账号区统一白色系。 */
.hdr .lang-switch{
  display:inline-flex;align-items:center;gap:0;height:32px;padding:2px;box-sizing:border-box;
  border:1px solid rgba(255,255,255,.30);border-radius:10px;background:rgba(255,255,255,.04);
}
.hdr .lang-switch b{
  height:26px;padding:0 11px;display:inline-flex;align-items:center;border-radius:8px;
  background:#fff;color:#0f2b47;font-size:13px;font-weight:750;letter-spacing:.02em;
}
.hdr .lang-switch i{display:none;}
.hdr .lang-switch a{
  height:26px;padding:0 11px;display:inline-flex;align-items:center;border-radius:8px;
  color:#fff;font-size:13px;font-weight:600;text-decoration:none;transition:background .15s;
}
.hdr .lang-switch a:hover{background:rgba(255,255,255,.14);}

/* 账号区：未登录 Log in 纯白文字 + Join free 白底深字按钮 */
.hdr-cta [data-account-slot]{gap:10px !important;}
.hdr-cta [data-account-slot] > a{
  color:#ffffff !important;font-size:13.5px;font-weight:650;text-decoration:none;
  padding:7px 4px;border-radius:8px;transition:opacity .15s;
}
.hdr-cta [data-account-slot] > a:hover{opacity:.82;}
.hdr-cta [data-account-slot] .btn{
  height:34px;padding:0 16px;display:inline-flex;align-items:center;border-radius:999px;
  background:#ffffff !important;color:#0f2b47 !important;border:1px solid #ffffff !important;
  font-size:13.5px;font-weight:750;text-decoration:none;
}
.hdr-cta [data-account-slot] .btn:hover{background:#e8f1fd !important;border-color:#e8f1fd !important;}
/* 已登录：名字纯白 + Sign out 描边白按钮 */
.hdr-cta [data-account-slot] [data-signout]{
  background:transparent !important;color:#ffffff !important;
  border:1px solid rgba(255,255,255,.32) !important;border-radius:999px;
  height:32px;padding:0 14px;font-size:13px;cursor:pointer;
}
.hdr-cta [data-account-slot] [data-signout]:hover{background:rgba(255,255,255,.12) !important;}
/* 窄屏：语言胶囊只留当前语言，避免挤压 */
@media (max-width:1080px){
  .hdr .lang-switch a{display:none;}
  .hdr .lang-switch{border-color:rgba(255,255,255,.24);}
}

/* 2026-11-04 修正：EN 当前语言胶囊文字被上一条「纯白」规则覆盖成白底白字 */
.hdr .hdr-cta .lang-switch b,
.hdr .lang-switch b { background:#ffffff; color:#0f2b47 !important; }
.hdr .hdr-cta .lang-switch a,
.hdr .lang-switch a { color:#ffffff !important; }

/* 2026-11-04：按需求移除导航栏的等级徽章（L1 · 10 pts）；dashboard 内的等级卡保留 */
#pts-chip { display: none !important; }

/* ═══ 2026-11-04：页脚 logo 右侧小字与 JHZ 同排（之前修过，回滚时丢失）═══ */
.ftr .ftr-brand .logo{ align-items:center; }
.ftr .ftr-brand .logo > span{
  display:inline-flex; align-items:baseline; gap:9px; line-height:1;
}
.ftr .ftr-brand .logo small{
  display:inline-block; margin:0; font-size:9.5px; line-height:1;
  letter-spacing:.14em; color:rgba(255,255,255,.5) !important;
}
@media (max-width:1240px){
  .ftr .ftr-brand .logo small{ display:inline-block; }
}

/* ═══ 2026-11-04（最终）：页脚品牌 = [logo图] + 右侧两行（JHZ / FREIGHT RATE PLATFORM）═══ */
.ftr .ftr-brand .logo{
  display:flex; align-items:center; gap:13px; text-decoration:none;
}
.ftr .ftr-brand .logo .logo-img{ flex:none; }
.ftr .ftr-brand .logo > span{
  display:flex !important; flex-direction:column !important; align-items:flex-start !important;
  gap:3px !important; line-height:1.05 !important;
}
.ftr .ftr-brand .logo > span > small,
.ftr .ftr-brand .logo small{
  display:block !important; margin:0 !important; padding:0 !important;
  font-size:9.5px !important; line-height:1.1 !important;
  letter-spacing:.14em; color:rgba(255,255,255,.55) !important;
  white-space:nowrap;
}
@media (max-width:1240px){
  .ftr .ftr-brand .logo small{ display:block !important; }
}