/* =======================
   移动端顶部下载条
   ======================= */
.appdown {
    max-width: 767px;
    width: 100%;
    height: 20vw; /* 响应式高度，按设计比例自适应 */
    display: flex;
    align-items: center;
    position: relative; /* 方便 close 绝对定位 */
    background-image: url("../images/Bbg.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 0 4vw; /* 左右内边距自适应 */
    box-sizing: border-box;
}

/* 固定条，滚动时显示 */
.appdown.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 767px;
    width: 100%;
    display: none; /* 初始隐藏 */
    background-image: url("../images/Bbg.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: 0 0.5vw 1.3vw rgba(0,0,0,0.1); /* 响应式阴影 */
    z-index: 9999;
}

/* 滚动隐藏普通条 */
body.scrolled .appdown:not(.fixed) {
    display: none;
}

/* 大屏隐藏下载条 */
@media screen and (min-width: 768px) {
    .appdown,
    .appdown.fixed {
        display: none !important;
    }
}

/* LOGO */
.appdown .logo {
    width: 12vw;      /* 响应式宽度 */
    max-width: 48px;  /* 限制最大尺寸 */
    height: auto;
    border-radius: 2.5vw; /* 响应式圆角 */
}

/* 文本区域 */
.appdown .text {
    flex: 1;
    margin-left: 3vw; /* 响应式间距 */
}

.appdown .text .text1 {
    color: #fff;
    font-size: 4vw; /* 响应式字体 */
    font-weight: 700;
}

.appdown .text .text2,
.appdown .text .text3 {
    color: #fff;
    font-size: 4.5vw;
    margin-top: 0.5vw;
}

.appdown .text a {
    color: #703e0e;
    text-decoration: none;
}

/* 下载按钮区域 */
.appdown .Adown {
    color: #333;
    font-size: 2.5vw;
    margin-right: 10vw;
    margin-top: 1vw;
}

.appdown .Adown .link {
    display: inline-block;
    width: 20vw;
    max-width: 81px;
    height: 6.5vw;
    max-height: 27px;
    border-radius: 1.5vw;
    text-align: center;
    line-height: 6.5vw; /* 垂直居中 */
    background-color: #f5a623;
    color: #fff;
    text-decoration: none;
    font-size: 2.5vw;
}

.appdown .Adown .v {
    padding: 0.8vw 0;
}

/* 关闭按钮 */
.appdown .close {
    width: 3.5vw;
    max-width: 13px;
    height: 3.5vw;
    max-height: 13px;
    position: absolute;
    top: 3.5vw;
    right: 5.5vw;
    cursor: pointer;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* 高清屏适配（Retina） */
@media (min-resolution: 2dppx), (min-device-pixel-ratio: 2) {
    .appdown,
    .appdown.fixed {
        background-image: url("../images/Bbg.png");
    }
}