/* DSJ_ACCTNAV_20260901 · 我的部门 · 导航样式
   ★★★ 每一条都是从 index.html 里【抓来的规则原文】，不是我照记忆写的。
     取数：DSJ_NAVGET_20260901，2026-09-01 01:51:36 +07。
     上一版 logo 就是我手写的 —— 结果整串绿色 + 下划线 + logo.jpg，
     跟首页（SVG 图标 + 只有那个点是绿的）完全两回事，老板一眼看出来。
   ★★ 变量（--sans/--dim/--faint/--line2/--grn/--cyan/--mono）account.html 的 :root 里都有，
     实测各 1 处；唯一缺的 --panel 这里没用到。 */

/* ---- 顶栏（照抄 .top，但类名带 acct- 前缀，不共享）---- */
.acct-top{position:sticky;top:var(--topgap,0px);z-index:40;display:flex;align-items:center;
  gap:12px;padding:8px 14px;background:rgba(5,7,11,.92);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line2)}

/* ---- logo：照抄首页的 .mark + .bd ---- */
.acct-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;cursor:pointer}
.acct-brand:hover{opacity:.88}
.acct-brand .mark{width:30px;height:30px;border-radius:9px;flex:0 0 auto;background:#080b12;
  border:1px solid rgba(122,156,196,.26);display:grid;place-items:center;box-shadow:none;
  padding:4px;box-sizing:border-box}
.acct-brand .mark svg{width:100%;height:100%;display:block}
.acct-brand .bd{min-width:0}
.acct-brand .bd b{display:block;white-space:nowrap;
  font:800 17px/19px -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'PingFang SC','Microsoft YaHei',sans-serif;
  letter-spacing:-.2px;color:var(--ink,#e8eef7)}
.acct-brand .bd b em{font-style:normal;color:#3ef2a3}

/* ---- 顶部导航（照抄 .nav / .nav a / .nav a.on）---- */
.nav{display:flex;gap:6px;overflow-x:auto;padding:2px 14px 12px;scrollbar-width:none}
.nav::-webkit-scrollbar{display:none}
.nav a{white-space:nowrap;cursor:pointer;font:700 12px var(--sans);color:var(--dim);
  padding:8px 14px;border-radius:9px;border:1px solid var(--line2);background:rgba(255,255,255,.02);
  text-decoration:none}
.nav a.on{color:#04120c;background:linear-gradient(135deg,var(--grn),var(--cyan));border-color:transparent}

/* ---- 底部 tabbar（照抄 .tabbar / .row / .tb / .tb.on / .tb svg）---- */
.tabbar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:50;
  background:linear-gradient(0deg,rgba(5,7,11,.99),rgba(5,7,11,.82));
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  border-top:1px solid var(--line2);
  padding:7px 4px calc(7px + env(safe-area-inset-bottom,0px))}
.tabbar .row{display:flex;justify-content:space-around}
.tb{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;
  color:var(--faint);font:700 9px var(--sans)}
.tb.on{color:var(--grn)}
.tb svg{width:21px;height:21px}

/* ---- 断点：跟首页【完全一致】（index.html 实测 @media(max-width:760px)）---- */
@media(max-width:760px){
  .nav{display:none}
  .tabbar{display:block}
}
/* ★ tabbar 是 fixed 的，不给 body 留高度会挡住最后一屏 */
body.has-acct-tabbar{padding-bottom:72px}
@media(min-width:761px){ body.has-acct-tabbar{padding-bottom:0} }