/* uruk-h5-tabbar.css — 乌鲁克平台 · H5 底部导航 + 「我的」标准壳（共享组件）
 * 母本：D:\乌鲁克知识平台V2.1\04_网站与门面\site\assets\uruk-h5-tabbar.css
 * 分发：拷到各系统 web 根目录，mobile.html 相对引用（与 uruk-min.css 同款机制）。
 * 规范：H5 统一 5 tab = 3 核心功能 + AI问X + 我的；底部固定 + safe-area；主题色继承各系统。
 * 主题：设 --uh5-accent 覆盖（默认继承系统 --primary / --navy，再退 #1b2a4a）。
 * v1.0（2026-10-08）
 */
:root{
  --uh5-accent: var(--primary, var(--navy, #1b2a4a));
  --uh5-accent-fg: #fff;
  --uh5-line: var(--line, #e6e8eb);
  --uh5-muted: var(--muted, #8a9099);
  --uh5-card: var(--card, #fff);
  --uh5-bg: var(--bg, var(--paper, #f5f6f8));
  --uh5-safe: env(safe-area-inset-bottom, 0px);
}

/* ---------- 底部 5-tab 导航 ---------- */
/* 注意：uruk-min.css（全站覆盖表）有 button:not(.nav-item){background:#c0392b!important} 等强规则，
   会把 tabbar 按钮染成红砖、抹掉激活态。此处用更高特异性(body .uh5-tabbar > button)+!important 免疫之，
   保证 tabbar 在任何引入 uruk-min 的页面都保持「白底·灰未选·主题色选中」。 */
body .uh5-tabbar{
  position:fixed; bottom:0; left:0; right:0;
  height:calc(58px + var(--uh5-safe)); padding-bottom:var(--uh5-safe);
  background:#fff !important; display:flex; border-top:1px solid var(--uh5-line); z-index:900;
}
body .uh5-tabbar > button{
  flex:1 1 0 !important; min-width:0 !important;
  border:0 !important; background:transparent !important; border-radius:0 !important;
  box-shadow:none !important;
  font-size:11px; color:#8a9099 !important;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:3px; min-height:58px; cursor:pointer; -webkit-tap-highlight-color:transparent;
  font-family:inherit; padding:0;
}
body .uh5-tabbar > button.on{
  color:var(--uh5-accent) !important; font-weight:700 !important; background:transparent !important;
}
.uh5-tabbar .uh5-ic{ font-size:19px; line-height:1.1; }
/* 挂了底部导航的页面，body 自动留出遮挡高度 */
body.uh5-has-tabbar{ padding-bottom:calc(64px + var(--uh5-safe)) !important; }

@media (min-width:640px){
  .uh5-tabbar{ max-width:880px; left:50%; transform:translateX(-50%);
    border-radius:16px 16px 0 0; box-shadow:0 -4px 20px rgba(0,0,0,.08); }
}
@media (min-width:1200px){ .uh5-tabbar{ max-width:960px; } }

/* ---------- 「我的」标准壳 ---------- */
.uh5-mine{ padding:0 2px; }
.uh5-mcard{
  background:var(--uh5-card); border:1px solid var(--uh5-line); border-radius:12px;
  padding:14px; margin-bottom:12px; box-shadow:0 1px 2px rgba(0,0,0,.04);
}
.uh5-mcard > h3{
  font-size:14px; color:var(--uh5-accent); margin:0 0 10px;
  border-left:3px solid var(--uh5-accent); padding-left:9px; font-weight:700;
  display:flex; align-items:center; justify-content:space-between;
}
.uh5-mcard > h3 .uh5-tag{ font-size:11px; font-weight:400; color:var(--uh5-muted); }
.uh5-idrow{ display:flex; align-items:center; gap:10px; }
.uh5-avatar{
  width:44px; height:44px; border-radius:50%; background:var(--uh5-accent);
  color:var(--uh5-accent-fg); display:flex; align-items:center; justify-content:center;
  font-size:20px; flex:0 0 auto;
}
.uh5-idname{ font-size:15px; font-weight:700; color:#1f2329; }
.uh5-idsub{ font-size:12px; color:var(--uh5-muted); margin-top:2px; }
.uh5-btn{
  border:0; background:var(--uh5-accent); color:var(--uh5-accent-fg);
  padding:9px 18px; border-radius:9px; font-size:13px; font-weight:700; cursor:pointer;
  font-family:inherit; min-height:38px;
}
.uh5-btn.ghost{ background:#fff; color:var(--uh5-accent); border:1px solid var(--uh5-accent); }
.uh5-kpi{ display:flex; flex-wrap:wrap; gap:8px; }
.uh5-kpi .it{ flex:1; min-width:88px; background:var(--uh5-bg); border:1px solid var(--uh5-line);
  border-radius:10px; padding:10px; text-align:center; }
.uh5-kpi .v{ font-size:17px; font-weight:700; color:var(--uh5-accent); margin-top:2px; }
.uh5-kpi .l{ font-size:11px; color:var(--uh5-muted); }
.uh5-list{ list-style:none; margin:0; padding:0; }
.uh5-list li{ padding:10px 0; border-top:1px dashed var(--uh5-line); font-size:13px; }
.uh5-list li:first-child{ border-top:0; }
.uh5-list .t{ color:#1f2329; font-weight:600; }
.uh5-list .m{ font-size:11px; color:var(--uh5-muted); margin-top:3px; line-height:1.5; }
.uh5-ph{ text-align:center; color:var(--uh5-muted); font-size:12.5px; padding:16px 8px; line-height:1.7; }
.uh5-loading{ text-align:center; color:var(--uh5-muted); font-size:12.5px; padding:14px; }
.uh5-compliance{
  background:#fdf8ec; border:1px dashed #d4a017; border-radius:10px; padding:11px;
  font-size:11.5px; color:#7a6420; line-height:1.7; margin-top:2px;
}