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

/* ===== 默认手机 ===== */
.mobile{ display:block; }
.pc-wrapper{ display:none; }

body{
    font-family:-apple-system,BlinkMacSystemFont,Arial;
    overflow-x:hidden;
}

/* ================= 手机 ================= */

.m-header{
    display:flex;
    justify-content:space-between;
    padding:10px;
    background:#fff;
}

.logo{
    display:flex;
    align-items:center;
}

.logo img{
    width:150px;
    margin-right:8px;
}

.title{ font-size:14px; }
.subtitle{ font-size:12px; color:#999; }

.icons img{
    width:40px;
    margin-left:8px;
}

.tabs{
    display:flex;
    padding:10px;
    overflow-x:auto;
}

.tab{
    background:#ffe3ea;
    color:#ff4d6d;
    padding:6px 10px;
    border-radius:20px;
    margin-right:6px;
    font-size:12px;
}

.grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    padding:10px;
}

.card{
    background:#fff;
    border-radius:10px;
    overflow:hidden;
}

.card img{
    width:100%;
    height:120px;
    object-fit:cover;
}

.card p{
    padding:6px;
    font-size:12px;
}

.m-footer{
    position:fixed;
    bottom:0;
    width:100%;
    background:#fff;
    padding:0px;
}

.download-img{
    width:100%;
    display:block;
    cursor:pointer;
}

.download-btn{
    background:#ff4d6d;
    color:#fff;
    text-align:center;
    padding:12px;
    border-radius:25px;
}

.domain-bar{
    width:100%;
    text-align:center;
    padding:8px 0;

    /* 黑色渐变背景 */
    background:linear-gradient(90deg,#ff4d6d,#714866,#ff4d6d);

    font-size:14px;
    color:#ffd54f;
    font-weight:bold;

    position:relative;
    overflow:hidden;
}

/* ⭐ 专门放大网址 */
#domainText{
    font-size:22px;        /* ⭐ 网址更大 */
    color:#ffd700;         /* 金色更显眼 */
    margin-left:6px;
}

/* ⭐ 金色发光 */
.domain-bar span{
    color:#ffeb3b;
    text-shadow:0 0 8px rgba(255,215,0,0.8);
}

/* ⭐ 光效流动（高级感） */
.domain-bar::after{
    content:'';
    position:absolute;
    top:0;
    left:-100%;
    width:50%;
    height:100%;
    background:linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.3),
        transparent
    );
    animation:shine 3s infinite;
}

@keyframes shine{
    0%{ left:-100%; }
    100%{ left:100%; }
}

/* 单图展示（手机） */
.single-img{
    width:100%;
    padding:10px;
}

.single-img img{
    width:100%;
    height:auto;
    display:block;
    border-radius:12px;
}


/* ================= PC ================= */
@media(min-width:768px){

.mobile{ display:none; }
.pc-wrapper{ display:block; }

/* 容器 */
.pc{
    width:100%;
    height:100vh;
    position:relative;
}

/* 背景 */
.bg{
    position:fixed;
    top:0;
    left:0;
    width:100vw;
    height:100vh;
    background:url('../images/bg.jpg') center/cover no-repeat;
    z-index:-1;
}

/* 顶部 */
.p-header{
    position:absolute;
    top:2vh;
    left:3vw;
    right:3vw;
    display:flex;
    justify-content:space-between;

    z-index:9999;   /* ⭐ 关键修复 */
}

.nav-img{
    position:relative;
    z-index:9999;
}

/* 主体 */
.main{
    position:relative;
    width:100%;
    height:100%;
}

/* 人物 */
.a1{
    position:absolute;
    top:10vh;
    left:5vw;
    width:42vw;
}

/* 右侧 */
.right-box{
    position:absolute;
    top:12vh;
    left:50vw;
}

/* 标题 */
.p-title img{
    width:36vw;
}

/* 下载区 */
.download-box{
    margin-top:2vh;
}

.download-inner{
    position:relative;
}

/* 背景 */
.desc{
    width:36vw;
}

/* 二维码（精准嵌入） */
.qr{
    position:absolute;
    top:5%;
    left:7%;
    width:22.5%;
}

/* ===== 底部 ===== */
.bottom-scroll{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
}

/* ⭐ 核心：一整张图铺满 */
.scroll{
    width:100%;
    height:250px; /* 根据你图片高度调 */

    background:url('../images/pc-a4.png') center/contain no-repeat;
}