/* 工信部 ICP 备案号公示 —— 合规强制项
   要求：网站首页及可公开访问页面底部标明备案号，并链接到备案管理系统。
   两种形态：
   1) 默认：底部居中的极简小标签（登录/注册/手机版/物流/清单等无侧栏页面）
   2) .beian-in-side：桌面后台侧边栏最底部，随侧栏布局，适配深蓝侧栏
   打印场景自动隐藏（不污染销售单/清单导出）。 */
.beian-bar {
  position: fixed;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  z-index: 9999;
  display: inline-block;
  white-space: nowrap;
  background: rgba(17, 24, 39, .62);
  color: #b8c2d1;
  font: 11px/1.35 -apple-system, "Segoe UI", "Microsoft YaHei", system-ui, sans-serif;
  letter-spacing: .2px;
  text-align: center;
  padding: 2px 10px 3px;
  border-radius: 5px 5px 0 0;
}
.beian-bar a { color: #9fc2f0; text-decoration: none; }
.beian-bar a:hover { text-decoration: underline; }

/* 桌面后台：并入左侧导航栏底部（深蓝侧栏），不再悬浮遮挡内容 */
.beian-bar.beian-in-side {
  position: static;
  transform: none;
  z-index: auto;
  display: block;
  width: auto;
  margin: 8px 4px 0;
  padding: 9px 4px 2px;
  border-top: 1px solid rgba(255, 255, 255, .12);
  border-radius: 0;
  background: none;
  color: rgba(255, 255, 255, .48);
  font-size: 10px;
  line-height: 1.5;
  white-space: normal;
  text-align: center;
  flex: 0 0 auto;
}
.beian-bar.beian-in-side a { color: rgba(255, 255, 255, .68); }
.beian-bar.beian-in-side a:hover { color: #fff; }

/* 手机端：纯浅色文字、无背景、不遮挡工具栏（工信部只要求底部标明备案号+链接，
   不强制背景色，浅灰文字已满足合规；打印时自动隐藏，不污染销售单/清单导出） */
@media (max-width: 640px) {
  .beian-bar:not(.beian-in-side) {
    left: 0;
    right: 0;
    transform: none;
    width: auto;
    background: none;
    border: none;
    border-radius: 0;
    padding: 4px 10px;
    color: #8a94a6;
    font-size: 10px;
    line-height: 1.5;
    text-align: center;
    white-space: nowrap;
    z-index: 24;
  }
  .beian-bar:not(.beian-in-side) a { color: #6b86c9; text-decoration: none; }
  /* 带底部工具栏的页面（手机版主页）：作为 #app 流内最后一项，落到页面内容最底部
     （短页面在屏幕底、工具栏上方；长页面排在内容末尾），不再悬浮于空白中 */
  .beian-bar.beian-tab { position: static; margin: 0; }
}
@media print { .beian-bar { display: none !important; } }