/* 重置页面默认样式，避免影响布局 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* 全局固定宽度：像发现模块一样居中显示 */
html {
    background: #f5f5f5;
}

body {
    max-width: 600px !important;
    margin: 0 auto !important;
    background: #fff;
    min-height: 100vh;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.06);
}

/* 底部tabbar核心样式 */
.footer {
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    max-width: 600px;
    width: 100%;
    z-index: 999;
    background-color: #e9e9e9;
    height: 55px;
    border-top: 1px solid #ddd;
}

/* weui-tabbar样式补充，确保tab项横向排列 */
.weui-tabbar {
    display: flex;    /* 弹性布局，让tab项平分宽度 */
    height: 100%;     /* 继承footer高度 */
}

.weui-tabbar__item {
    flex: 1;          /* 每个tab项平分宽度 */
    text-align: center; /* 内容居中 */
    height: 100%;     /* 高度铺满 */
    display: flex;
    flex-direction: column; /* 图标和文字垂直排列 */
    justify-content: center; /* 垂直居中 */
    align-items: center;     /* 水平居中 */
    color: #333;      /* 默认文字颜色 */
    text-decoration: none;   /* 去掉链接下划线 */
}

/* 选中态样式 */
.weui-bar__item_on {
    color: #07c160 !important; /* 选中态颜色，可自定义 */
}

.weui-tabbar__icon {
    width: 24px;      /* 图标宽度 */
    height: 24px;     /* 图标高度 */
    margin-bottom: 2px; /* 图标和文字间距 */
}

.weui-tabbar__label {
    font-size: 12px;  /* 文字大小 */
    line-height: 1;   /* 行高重置 */
}

/* 修复主体内容被遮挡问题 */
main.container {
    padding-bottom: 20px; /* 额外预留空间 */
}