.landing-desktop {
    display: none;
}
@media (min-width: 769px) {
    body {
        background: #1c1617;
    }
    .wrap-body {
        display: none;
    }
    .landing-desktop {
        display: flex;
        min-height: 100vh;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        background: #1c1617;
    }
    .landing-canvas {
        position: relative;
        --landing-unit: min(1vw, calc(1vh * 1927 / 1080));
        flex: 0 0 auto;
        width: min(100%, calc(var(--landing-unit) * 100));
        aspect-ratio: 1927 / 1080;
        overflow: clip;
        font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
    }
    .landing-canvas > img,
    .landing-model,
    .landing-frame,
    .landing-texture,
    .landing-ticker,
    .landing-wordmark,
    .landing-links,
    .landing-downloads {
        position: absolute;
    }
    .landing-canvas > img { height: auto; }
    .landing-wordmark {
        top: 5%;
        left: 21.69%;
        color: #2d2019;
        font-size: calc(var(--landing-unit) * 8.3);
        font-weight: bold;
        font-family: "DIN Condensed", Impact, "Arial Narrow", sans-serif;
        letter-spacing: calc(var(--landing-unit) * 3.07);
        white-space: nowrap;
        mask-image: linear-gradient(#000, transparent);
    }
    .landing-frame {
        left: 3.48%;
        top: 18.43%;
        width: 93.1%;
        height: 56.57%;
        border: 2px solid #b82c32;
    }
    .landing-texture {
        left: 4.57%;
        top: 33.8%;
        width: 90.56%;
        height: 39.26%;
        overflow: hidden;
        background: #3b271e;
    }
    .landing-texture img {
        position: absolute;
        width: 70.26%;
        height: auto;
        left: 14.5%;
        top: 50%;
        transform: translateY(-50%) rotate(90deg);
    }
    .landing-ticker {
        top: 20.56%;
        left: -1.97%;
        white-space: nowrap;
        color: #e5aa38;
        font-size: calc(var(--landing-unit) * 1.56);
        font-family: Impact, sans-serif;
        mask-image: linear-gradient(90deg, transparent, #000, transparent);
    }
    .landing-headline { left: 4.57%; top: 20.65%; width: 46.91%; }
    .landing-slogan { left: 5.45%; top: 44.17%; width: 29.22%; }
    .landing-spark { left: 20.98%; top: 40.88%; width: 15.15%; transform: rotate(44.62deg); }
    .landing-model {
        left: 53.09%;
        top: 12.87%;
        width: 31.55%;
        height: 87.13%;
        -webkit-mask: url('../images/landing-pc/model-mask.svg') center / 100% 100% no-repeat;
        mask: url('../images/landing-pc/model-mask.svg') center / 100% 100% no-repeat;
    }
    .landing-model img { position: absolute; left: 6.91%; top: -0.64%; width: 86.35%; height: auto; }
    .landing-exclusive { left: 42.86%; top: 41.67%; width: 19.1%; }
    .landing-free { left: 45.58%; top: 62.25%; width: 21.43%; transform: rotate(-15.49deg); }
    .landing-secret { left: 73.95%; top: 43.06%; width: 20.97%; }
    .landing-private { left: 74.93%; top: 70.92%; width: 17.54%; transform: rotate(16.49deg); }
    .landing-logo { left: 3.11%; top: 4.63%; width: 5.19%; }
    .landing-links { left: 82.56%; top: 5%; display: flex; gap: calc(var(--landing-unit) * 1.56); }
    .landing-links a { display: flex; flex-direction: column; align-items: center; gap: calc(var(--landing-unit) * .31); width: calc(var(--landing-unit) * 3.74); font-size: calc(var(--landing-unit) * .934); }
    .landing-links img { width: calc(var(--landing-unit) * 3.11); height: calc(var(--landing-unit) * 3.11); }
    .landing-downloads { left: 3.11%; top: 77.96%; display: flex; align-items: flex-start; gap: calc(var(--landing-unit) * 1.56); }
    .landing-qr { width: calc(var(--landing-unit) * 9.24); height: calc(var(--landing-unit) * 9.24); padding: calc(var(--landing-unit) * .36); border: 1px solid #d6be0f; border-radius: calc(var(--landing-unit) * 1.25); }
    #landing-qrcode { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; padding: calc(var(--landing-unit) * .6); background: #fff; border-radius: calc(var(--landing-unit) * 1.04); color: #333; text-align: center; font-size: clamp(10px, calc(var(--landing-unit) * .8), 16px); }
    #landing-qrcode canvas { display: block; width: 100%; height: 100%; }
    .landing-download-actions { width: calc(var(--landing-unit) * 32.17); text-align: center; }
    .landing-download-buttons { display: flex; gap: calc(var(--landing-unit) * 1.04); }
    .landing-download-buttons button { display: flex; align-items: center; justify-content: center; gap: calc(var(--landing-unit) * .83); width: calc(var(--landing-unit) * 15.57); height: calc(var(--landing-unit) * 4.57); background: #270006; border: 1px solid #d6be0f; color: #fff; font-family: inherit; cursor: pointer; }
    .landing-download-buttons img { width: calc(var(--landing-unit) * 3.01); height: calc(var(--landing-unit) * 3.01); }
    .landing-download-buttons span { text-align: left; }
    .landing-download-buttons strong { display: block; font-size: calc(var(--landing-unit) * 1.3); font-weight: 600; }
    .landing-download-buttons small { display: block; font-size: calc(var(--landing-unit) * .727); }
    .landing-install-help { display: block; margin: calc(var(--landing-unit) * 1.04) auto 0; background: transparent; border: 0; font: inherit; font-size: calc(var(--landing-unit) * .934); color: #f36e2a; cursor: pointer; }
    .landing-links a:focus-visible,
    .landing-downloads button:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
    .landing-desktop ~ .android-modal { top: 24px; bottom: 24px; left: 50%; transform: translateX(-50%); width: calc(100vw - 48px); max-width: 760px; height: calc(100vh - 48px); }
    .landing-desktop ~ .android-modal .header { width: 100%; flex-shrink: 0; }
    .landing-desktop ~ .android-modal .content { min-height: 0; }
}
