/* ============================
   LLSP PC 落地页
   设计稿: 1440 × 1024
   全部用 vw 定位，等比缩放
   vw 基准: 1vw = 1/1440 设计宽度
   ============================ */

* {
    -webkit-user-drag: none;
    box-sizing: border-box;
}

.desktop {
    position: relative;
    width: 100vw;
    height: 71.11vw; /* 1024/1440 × 100 */
    overflow: hidden;
    background: #0d0026;
}

/* ===== 背景层 ===== */
.pc-bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

/* ===== 左上角 logo  x=73,y=47,w=324,h=100 ===== */
.pc-logo-header {
    position: absolute;
    left: 5.07vw;   /* 73/1440 */
    top: 3.26vw;    /* 47/1440 */
    width: 22.5vw;  /* 324/1440 */
    z-index: 10;
    border-radius: 0.83vw;
    overflow: hidden;
}
.pc-logo-header img { width: 100%; display: block; }

/* ===== 右上角商务合作  x=1290,y=37,w=70 ===== */
.pc-biz {
    position: absolute;
    left: 89.58vw;  /* 1290/1440 */
    top: 2.57vw;    /* 37/1440 */
    width: 4.86vw;  /* 70/1440 */
    z-index: 10;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.28vw;
}
.pc-biz img { width: 100%; display: block; }
.pc-biz span {
    color: rgba(255,255,255,0.9);
    font-size: 0.83vw;
    letter-spacing: 0.07vw;
    white-space: nowrap;
}

/* ===== 人物图层  x=97,y=169,w=710,h=788 ===== */
.pc-pic {
    position: absolute;
    left: 6.74vw;   /* 97/1440 */
    top: 11.74vw;   /* 169/1440 */
    width: 49.31vw; /* 710/1440 */
    z-index: 2;
}
.pc-pic img { width: 100%; height: auto; display: block; }

/* ===== 标题图层  x=718,y=153,w=720,h=404 ===== */
.pc-title {
    position: absolute;
    left: 49.86vw;  /* 718/1440 */
    top: 10.63vw;   /* 153/1440 */
    width: 50vw;    /* 720/1440 */
    z-index: 2;
}
.pc-title img { width: 100%; height: auto; display: block; }

/* ===== 下载区（QR 居中，按钮左右并排）
   QR:    x=1040,y=557,w=155,h=155
   iOS:   x=845, y=794,w=256,h=77
   AND:   x=1139,y=794,w=256,h=77
   整体左边从 iOS 起点 x=845
   ===== */
.download-overlay {
    position: absolute;
    left: 58.68vw;   /* 845/1440 */
    top: 38.68vw;    /* 557/1440 */
    width: 38.19vw;  /* 550/1440, 845→1395 */
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 20;
}

/* QR 码  w=155/1440, h=155/1440 */
.qrcode-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.56vw;
    margin-bottom: 1.67vw; /* (794-712)/1440 ≈ 5.69vw → gap to buttons */
}

#qrcode {
    width: 10.76vw;
    height: 10.76vw;
    background: #fff;
    border-radius: 0.56vw;
    padding: 0.35vw;
}
#qrcode img { visibility: visible !important; }

.qr-label {
    font-size: 0.83vw;
    color: rgba(255,255,255,0.85);
    letter-spacing: 0.07vw;
    white-space: nowrap;
}

/* 按钮行  iOS w=256  gap=38  AND w=256 */
.buttons-row {
    display: flex;
    flex-direction: row;
    gap: 2.64vw;  /* 38/1440 */
}

.btn {
    display: block;
    width: 17.78vw;  /* 256/1440 */
    cursor: pointer;
    text-decoration: none;
    transition: transform 0.15s;
}
.btn:hover { transform: translateY(-0.14vw) scale(1.02); }
.btn img { width: 100%; display: block; object-fit: contain; }

/* 免责文字  y=901,x=873,w=500 */
.pc-disclaimer {
    margin-top: 2.08vw;  /* (901-871)/1440 */
    font-size: 0.69vw;
    color: rgba(255,255,255,0.55);
    text-align: center;
    line-height: 1.6;
}