/* ============================================
   common.css — 所有页面共用样式
   ============================================ */

*{box-sizing:border-box;margin:0;padding:0}

body{
    background:#f0f2f5;
    background-image:url('../img/bg.jpg');
    background-size:cover;
    background-position:center;
    background-attachment:fixed;
    background-repeat:no-repeat;
    font-family:"PingFang SC","Helvetica Neue",Arial,sans-serif;
}

a{text-decoration:none;color:inherit}

/* ---- 主容器 ---- */
.app-container{
    max-width:720px;
    margin:0 auto;
    background:#fff;
    min-height:100vh;
    padding-bottom:0;
}

@media screen and (max-width:500px){
    .app-container{
        padding-bottom:65px;
    }
}

/* ---- 悬浮滚动按钮组 ---- */
.scroll-group{
    position:fixed;
    right:10px;
    top:20vh;
    display:none;
    flex-direction:column;
    align-items:center;
    gap:8px;
    z-index:999;
    opacity:0;
    transition:opacity .3s ease;
}
.circle-btn{
    width:60px;
    height:60px;
    background:linear-gradient(to left,#e83e7a,#f1538b,#f46698,#f775a3,#f46698,#f1538b,#e83e7a);
    color:#fff;
    border:1.5px solid #fff;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:20px;
    cursor:pointer;
    box-shadow:0 0 0 1px #666;
    text-shadow:1px 1px 1px #000;
}
.scroll-top{
    width:22px;
    background:#494b4d;
    color:#fff;
    padding:8px 0;
    text-align:center;
    font-size:14px;
    line-height:16px;
    border-radius:50px;
    cursor:pointer;
    border:1.5px solid #fff;
    box-shadow:0 0 0 1px #666;
    text-shadow:1px 1px 1px #000;
}

/* ---- 底部导航 ---- */
.layout-nav{
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
}
.layout-nav .van-tabbar{
    max-width:480px;
    background-color:#f2f2f2;
    margin:0 auto;
    box-shadow:0 0.02rem 0.08rem 0 hsl(0deg 0% 63% / 50%);
}
.van-tabbar{
    z-index:1;
    display:flex;
    box-sizing:content-box;
    width:100%;
    height:50px;
    align-items:stretch;
}
.van-tabbar-item{
    display:flex;
    flex:1;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    font-size:13px;
    line-height:1;
    cursor:pointer;
}
.van-tabbar-item__icon{
    position:relative;
    margin-bottom:4px;
    font-size:22px;
}
.van-tabbar-item__icon img{
    display:block;
    height:20px;
    width:20px;
}
.layout-nav .van-tabbar-item__text{
    position:relative;
    color:#cc2900;
    text-shadow:0px 0px 1px #fff,0px 0px 2px #fff,0px 0px 3px #fff,0px 0px 4px #fff;
}

/* ---- Footer ---- */
footer{
    text-align:center;
    padding:5px 10px;
    color:#999;
    font-size:12px;
}

/* ---- 通用按钮 ---- */
.btn-mini{
    padding:6px 8px;
    border-radius:50px;
    border:none;
    font-size:12px;
    color:#fff;
    cursor:pointer;
    white-space:nowrap;
    flex-shrink:0;
}
.bg-green{background:linear-gradient(#86b9d6,#00598c)}
.bg-blue{background:linear-gradient(#80bb7a,#316a14)}
.bg-orange{background:#0d9304}
.bg-poy{background:linear-gradient(to right,#d14c2e,#ffc1be);font-weight:700}

/* ---- 响应式 ---- */
@media screen and (max-width:500px){
    .circle-btn{
        width:38px !important;
        height:38px !important;
        font-size:11px !important;
    }
}