/* 备案号容器样式 */  
.beian-info-container {  
    position: fixed; /* 固定在视口上 */  
    bottom: 0; /* 紧贴视口底部 */  
    left: 0; /* 左侧紧贴视口 */  
    right: 0; /* 右侧紧贴视口，与left: 0;结合使用以实现全屏宽度 */  
    text-align: center; /* 水平居中备案号信息 */  
    height: 30px; /* 根据需要设置高度，以容纳备案号及其图标 */  
    line-height: 30px; /* 垂直居中备案号信息（如果只有一行文本） */  
    background-color: #fff; /* 可选：为备案号容器设置背景色，以便在深色背景上更好地显示 */  
    z-index: 1000; /* 确保备案号显示在大多数元素之上 */  
}  
  
/* 备案号样式（如果需要的话，这里的样式可能会被.beian-info-container中的样式覆盖） */  
.beian-info {  
    /* 这里可能不需要额外的样式，因为.beian-info-container已经处理了布局 */  
    /* 但你可以在这里添加特定的样式，比如字体大小、颜色等 */  
    font-size: 14px;  
    color: #999;  
}  
  
.beian-info img {  
    height: 20px; /* 根据需要设置图标高度 */  
    width: auto; /* 图标宽度自适应 */  
    vertical-align: middle; /* 垂直居中对齐图标和文本 */  
}  
  
/* 其他样式（可选） */  
body {  
    margin: 0; /* 移除默认的边距 */  
    padding: 0; /* 移除默认的填充 */  
    font-family: Arial, sans-serif; /* 设置一个通用的字体 */  
}