/* 全局盒模型：padding不会撑大盒子实际宽度 */
* {
    box-sizing: border-box !important;
}

/* 关闭安卓Chrome自动放大文字（Font‑Boosting），解决谷歌浏览器文字异常变大 */
html {
    -webkit-text-size-adjust: none !important;
    text-size-adjust: none !important;
}
/* 给全部元素设置超大max‑height，彻底禁用chrome字体放大触发条件 */
html * {
    max-height: 999999px !important;
}

/* 页面基础字号，统一全部浏览器基准字体大小 */
body {
    font-size: 13px !important;
}

/* 页面最外层容器：控制页面整体左右边距，数值越大页面两边留白越多 */
.main-wrap {
    padding: 4px !important;
}

/* 卡片头部flex布局：图标+标题那一行 */
.app-card-top {
    display: flex !important;
    align-items: center !important; /* 垂直居中对齐图标和标题文字 */
    gap: 12px !important; /* 图标和标题之间的横向空隙 */
    margin-bottom: 12px !important; /* 头部区域距离下方描述文字的垂直间距 */
}

/* app图标样式 */
.app-icon {
    width: 64px !important;  /* 图标宽度 */
    height: 64px !important; /* 图标高度 */
    object-fit: contain !important; /* 图标不变形完整显示 */
    flex-shrink: 0 !important; /* 禁止图标被压缩变小（Chrome挤压bug） */
    min-width: 0 !important;
    display: block !important;
    border-radius: 12px !important; /* 图标圆角 */
}

/* 应用卡片主体容器 */
.app-card {
    min-width: 0 !important; /* 修复Chrome flex挤压，防止内容贴边挤死 */
    padding: 13px !important; /* 🔔卡片【内部】上下左右留白，直接控制卡片视觉大小，数值越大卡片越宽大 */
    margin-bottom: 20px !important; /* 🔔卡片【外部】，当前卡片和下一张卡片之间的上下空隙 */
    border-radius: 12px !important; /* 卡片圆角大小 */
}

/* 卡片内描述文本，距离下方按钮组的间距 */
.app-desc {
    margin-bottom: 2px !important;
}

.btn-group {
    display: flex !important;
    flex-wrap: wrap !important;
    /* 去掉gap，改用margin实现间距，全浏览器兼容 */
    row-gap: 10px !important;   /* 上下行之间间距 */
    column-gap: 10px !important;/* 按钮左右间距 */
}
/* 给直接子按钮增加margin兼容兜底，解决安卓Chrome gap失效bug */
.btn-group > * {
    margin: 0 !important;
}

/* ========== 轮播图Chrome浏览器单独修复CSS ========== */
/* 轮播外层容器，解决高度塌陷、圆角失效 */
.banner-wrap {
    width:100% !important;
    overflow:hidden !important;
    border-radius:12px !important;
    margin-bottom:16px !important;
    /* 🔴直接改这个数值，单位px */
    height:150px !important;
}
/* 轮播滑动列表容器 */
.banner-list {
    display: flex !important;
    width: 100% !important;
}
/* 单张轮播项，强制100%宽度，禁止Chrome压缩 */
.banner-item {
    flex: 0 0 100% !important;
    width: 100% !important;
}
/* 轮播图片，消除图片底部默认白边，自适应宽高 */
.banner-item img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
}
/* 页面大标题（APP应用下载导航） */
.main-title {
    font-size: 5px !important;
    font-weight: bold !important;
    margin: 6px 0 !important;
    padding: 0 !important;
    -webkit-text-size-adjust: none !important;
    text-size-adjust: none !important;
}

/* 小标题：📱APP下载地址 */
.section-title {
    font-size: 16px !important;
    margin:12px 0 6px 0 !important;
    -webkit-text-size-adjust: none !important;
    text-size-adjust: none !important;
}