* {
    padding: 0;
    margin: 0;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    box-sizing: border-box;
}

body {
    font-family: 'PingFang SC', 'Microsoft YaHei', Arial, sans-serif;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #06010d;
}

.desktop {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.fixed-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

.content {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
}

/* ============ 顶部 ============ */
.logo {
    position: absolute;
    left: 3.1vw;
    top: 3.7vh;
    height: 7.4vh;
    width: auto;
    object-fit: contain;
}

.contact {
    position: absolute;
    right: 2.5vw;
    top: 4.6vh;
    display: flex;
    align-items: center;
}

/* 间距用 margin 不用 flex gap：Chromium<84 不支持 flex gap */
.navBtn + .navBtn {
    margin-left: 0.4vw;
}

.navBtn {
    /* 设计 222x78 */
    height: 7.2vh;
    width: auto;
    object-fit: contain;
    cursor: pointer;
    transition: opacity 0.2s, transform 0.2s;
}

.navBtn:hover {
    opacity: 0.9;
    transform: translateY(-1px);
}

/* ============ 左列：标题 + 扫码条 ============ */
.titleImg {
    position: absolute;
    left: 1.6vw;
    top: 23.2vh;
    width: 41vw;
    object-fit: contain;
    z-index: 1;
}

/* 设计稿：二维码组画布 x68 y710 宽761；top 定位后宽度需 vh 上限（761/1080），
   否则宽扁窗口（带鱼屏/半高窗）扫码条和提示会溢出视口底部 */
.qrArea {
    position: absolute;
    left: 3.54vw;
    top: 65.74vh;
    width: 39.64vw;
    width: min(39.64vw, 70.4vh);
}

.qrBar {
    position: relative;
}

.qrPic {
    display: block;
    width: 100%;
    height: auto;
}

/* 运行时二维码盖住 qepic 里烤死的假码（白块实测位置） */
.qrBox {
    position: absolute;
    left: 6.31%;
    top: 8.65%;
    width: 22.47%;
    height: 82.2%;
    background: #fff;
    border-radius: 8%/9%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.2%;
}

#qrcode,
#qrcode img,
#qrcode canvas {
    display: block;
    width: 100% !important;
    height: 100% !important;
}

/* 设计稿：x125 y970 611x50，字号 18/行高 25 */
.installTip {
    margin-top: 4.81vh;
    margin-left: 3vw;
    color: #8f7fb0;
    /* 先写 vw 兜底：Chromium<79 不认 clamp() */
    font-size: 0.94vw;
    font-size: clamp(12px, 0.94vw, 18px);
    line-height: 1.4;
}

/* ============ 中间人物 ============ */
.renwuImg {
    position: absolute;
    left: 29.3vw;
    bottom: 0;
    height: 94.6vh;
    width: auto;
    object-fit: contain;
    pointer-events: none;
}

/* ============ 右侧明星吃瓜资讯卡 ============ */
/* 设计稿卡框可视区：x1199 y147 690x910（card.js 无辉光留白） */
.newsCard {
    position: absolute;
    right: 1.61vw;
    top: 13.61vh;
    width: 35.94vw;
    height: 84.26vh;
}

.newsCardBg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

/* 设计稿标题行中线 y42（切图含辉光留白，垂直居中定位） */
.newsCardTitle,
.newsCardHot {
    position: absolute;
    top: 4.62%;
    transform: translateY(-50%);
}

.newsCardTitle {
    left: 1.3%;
    width: 47.97%;
}

.newsCardHot {
    right: 2.57%;
    width: 15.1%;
}

/* 标题行下分隔线（设计稿单独线条 x24 y72 w642，卡框图里没有） */
.newsCard::after {
    content: '';
    position: absolute;
    left: 3.48%;
    right: 3.48%;
    top: 7.91%;
    border-top: 1px solid rgba(255, 255, 255, 0.18);
}

/* 设计稿资讯窗口 x24 y96 642x790（4 条整显） */
.newsWindow {
    position: absolute;
    left: 3.48%;
    top: 10.55%;
    width: 93.04%;
    height: 86.8%;
    overflow: hidden;
}

/* 列表渲染两份、位移一半无缝循环；overflow:hidden 防最后一项 margin 塌陷导致循环点跳动 */
.newsList {
    overflow: hidden;
    animation: newsScroll 72s linear infinite;
}

.newsItem {
    display: block;
    width: 100%;
    margin-bottom: 5.3%;
}

@keyframes newsScroll {
    to {
        transform: translateY(-50%);
    }
}