/* 绉诲姩绔?路 璁捐绋?375px 鍩哄噯 (Figma node 2363:7319)
   鎵€鏈夐暱搴︾敱璁捐绋?px 鍊兼寜 1px = 0.266667vw 鎹㈢畻锛屾暣椤甸殢瑙嗗彛绛夋瘮缂╂斁 */
@media (max-width: 768px) {
  .m-page { display: block; }

  /* ============ 绉诲姩绔紙璁捐绋?2363:7319锛屽熀鍑嗗 375锛?============ */

  .m-page {
    --font-display: "DingTalk JinBuTi", "PingFang SC", "Microsoft YaHei", sans-serif;
    --font-heavy: "Alimama ShuHeiTi", "PingFang SC", "Microsoft YaHei", sans-serif;
    --glow: 0 0.6251vw 2.328vw #8800ff;
    --glow-sm: 0 0.4168vw 1.552vw #8800ff;
    --footer-margin-top: 4vw;
    --footer-content-height: 74.1333vw;
    --footer-padding-bottom: max(32px, env(safe-area-inset-bottom, 0px));
    position: relative;
    width: 100vw;
    background: #0b0b0e;
    overflow: hidden;
    color: #fff;
    -webkit-font-smoothing: antialiased;
  }

  .m-page img { display: block; }

  /* ---------- background layer ---------- */
  .m-page .bg-hero {
    position: absolute; left: -120vw; top: 0;
    width: 339.7333vw; height: 191.2vw;
    object-fit: cover;
    z-index: 0;
  }
  .m-page .bg-glow-city {
    position: absolute; left: -12.8vw; top: 114.1333vw;
    width: 128.2667vw; height: 77.8667vw;
    mix-blend-mode: screen;
    z-index: 6;
  }
  .m-page .glow { position: absolute; z-index: 1; pointer-events: none; }
  .m-page .glow-41 { left: -65.2533vw; top: 160.08vw; width: 127.8133vw; height: 137.4133vw; }
  .m-page .glow-40 { left: -95.44vw; top: 240.1867vw; width: 186.56vw; height: 196.88vw; }
  .m-page .glow-42 { left: -95.44vw; top: 340.72vw; width: 186.56vw; height: 196.88vw; z-index: 9; }
  .m-page .bg-bottom {
    position: absolute; left: 0; top: calc(475.7333vw + var(--footer-margin-top));
    width: 100vw; height: calc(74.1333vw + var(--footer-padding-bottom));
    object-fit: cover;
    object-position: top center;
    z-index: 1;
  }

  /* ---------- header ---------- */
  .m-page .header { position: absolute; left: 0; top: 0; width: 100vw; height: 24vw; z-index: 10; }
  .m-page .logo { position: absolute; left: 2.4vw; top: 1.3333vw; width: 30.48vw; height: 11.7333vw; object-fit: contain; }
  .m-page .nav { position: absolute; left: 0; top: 0; }
  .m-page .nav .pill {
    position: absolute; left: 4vw; top: 16.8vw;
    width: 15.3067vw; height: 6.24vw;
    border-radius: 5.1467vw;
    background: rgba(0, 0, 182, 1);
  }
  .m-page .nav a {
    position: absolute; top: 17.8933vw;
    font-size: 2.8vw; line-height: normal;
    color: #c2c2c2; text-decoration: none; white-space: nowrap;
    text-shadow: var(--glow);
  }
  .m-page .nav a.active { color: #fff; }
  .m-page .nav .n-home { left: 8.5867vw; }
  .m-page .nav .n-1 { left: 22.4vw; }
  .m-page .nav .n-2 { left: 41.6vw; }
  .m-page .nav .n-3 { left: 60.8vw; }
  .m-page .nav .n-4 { left: 80vw; }

  /* ---------- hero title ---------- */
  .m-page .hero-title {
    position: absolute; left: 0.9333vw; top: 25.8667vw;
    width: 100.1867vw; height: 35.2vw;
    z-index: 9;
  }

  /* ---------- feature row ---------- */
  .m-page .features { position: absolute; left: 10.1333vw; top: 60vw; width: 80vw; height: 17.4667vw; z-index: 8; }
  .m-page .feat-circle {
    position: absolute; top: 0; width: 11.2vw; height: 11.2vw;
    display: flex; align-items: center; justify-content: center;
  }
  .m-page .feat-circle .disc { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0.6; }
  .m-page .feat-circle img.ico { position: relative; object-fit: contain; }
  .m-page .feat-label {
    position: absolute; top: 12.9333vw; width: 22.4vw;
    text-align: center; font-family: var(--font-display); font-weight: 600;
    font-size: 3.7333vw; color: #fff; white-space: nowrap; text-shadow: var(--glow-sm);
  }
  .m-page .fc-1 { left: 5.6vw; }
  .m-page .fc-2 { left: 34.4vw; }
  .m-page .fc-3 { left: 63.2vw; }
  .m-page .fl-1 { left: 0; }
  .m-page .fl-2 { left: 28.8vw; }
  .m-page .fl-3 { left: 57.6vw; }
  .m-page .ico-fire { width: 9.0667vw; height: 9.0667vw; }
  .m-page .ico-chat { width: 18.1333vw; height: 15.4933vw; }
  .m-page .ico-heart { width: 10.9333vw; height: 10.9333vw; }

  /* ---------- hero phones锛堣璁¤妭鐐?2363:7720 / 7985 / 7980锛?---------- */
  .m-page .hero-phone { position: absolute; z-index: 5; }
  .m-page .hp-left {
    left: 10.6667vw; top: 90.08vw;
    width: 28.8533vw; height: 58.9867vw;
    border-radius: 4.2667vw;
  }
  .m-page .hp-right {
    left: 62.4267vw; top: 90.08vw;
    width: 28.8533vw; height: 58.9867vw;
    border-radius: 4.2667vw;
  }
  .m-page .hp-center {
    left: 34.48vw; top: 82.1333vw;
    width: 32.7467vw; height: 66.9333vw;
    border-radius: 4.8vw;
    z-index: 6;
  }

  /* ---------- download buttons (shared) ---------- */
  .m-page .dl-btn {
    position: absolute;
    background: rgba(31, 25, 105, 0.3);
    border: 0.1333vw solid #3535a0;
    border-radius: 2.9333vw;
    backdrop-filter: blur(1.7867vw); -webkit-backdrop-filter: blur(1.7867vw);
  }
  .m-page .dl-icon { position: absolute; }
  .m-page .dl-title { position: absolute; font-weight: 600; color: #fff; white-space: nowrap; line-height: normal; }
  .m-page .dl-sub { position: absolute; color: #8e8fb8; white-space: nowrap; line-height: normal; }

  /* ---------- download hero ---------- */
  .m-page .dl-hero { position: absolute; left: 16vw; top: 155.7333vw; width: 70.88vw; height: 30.4vw; z-index: 8; }
  .m-page .dl-hero .qr { position: absolute; left: 0; top: 0; width: 29.9733vw; height: 30.4vw; }
  .m-page .dl-hero .qr-block {
    position: absolute; left: 2.9333vw; top: 2.7733vw;
    width: 24.2667vw; height: 24.4vw;
    display: flex; align-items: center; justify-content: center; overflow: hidden;
    background: #fff; border-radius: 2.48vw;
  }
  .m-page .qr-block svg { display: block; width: 100%; height: 100%; }
  .m-page .dl-hero .btn-ios { left: 32.88vw; top: 0.16vw; width: 38vw; height: 13.7333vw; }
  .m-page .dl-hero .btn-and { left: 32.88vw; top: 16.2133vw; width: 38vw; height: 13.7333vw; }
  .m-page .dl-hero .ic-apple { left: 35.9667vw; top: 2.48vw; width: 6.7094vw; height: 8.1867vw; object-fit: contain; }
  .m-page .dl-hero .ic-and { left: 35.36vw; top: 19.0133vw; width: 8.1867vw; height: 8.1867vw; }
  .m-page .dl-hero .t-ios { left: 44.5867vw; top: 3.0667vw; font-size: 3.2267vw; }
  .m-page .dl-hero .s-ios { left: 44.5867vw; top: 7.8933vw; font-size: 2.3467vw; }
  .m-page .dl-hero .t-and { left: 44.5867vw; top: 19.1467vw; font-size: 3.2267vw; }
  .m-page .dl-hero .s-and { left: 44.5867vw; top: 23.9733vw; font-size: 2.3467vw; }

  /* ---------- feature blocks ---------- */
  .m-page .block {
    position: absolute; left: 3.2vw; width: 93.6vw; height: 93.3333vw;
    border-radius: 4.2667vw; overflow: hidden;
    background: rgba(0, 3, 66, 0.5);
    z-index: 5;
  }
  .m-page .block1 { top: 189.3333vw; }
  .m-page .block2 { top: 285.8667vw; }
  .m-page .block3 { top: 382.4vw; z-index: 8; }
  .m-page .block .mask {
    position: absolute; inset: 0; border-radius: 4.2667vw; z-index: 4; pointer-events: none;
    background: linear-gradient(to bottom, rgba(0,1,25,0) 76.169%, #000119 100%);
  }
  .m-page .block .num { position: absolute; left: 6.4vw; top: 4.5333vw; object-fit: contain; z-index: 6; }
  .m-page .block1 .num { width: 4.3733vw; height: 7.8133vw; }
  .m-page .block2 .num { width: 4.2133vw; height: 7.4933vw; }
  .m-page .block3 .num { width: 4.0533vw; height: 7.28vw; }
  /* 娓愬彉鏍囬瀛楋紙mask 灏哄鍙栬嚜璁捐鑺傜偣锛? 鏍囬鍙充晶鏄熸槦 */
  .m-page .block .b-title { position: absolute; left: 5.8667vw; object-fit: contain; object-position: left center; z-index: 6; }
  .m-page .block1 .b-title { top: 15.4667vw; width: 58.24vw; height: 6.5067vw; }
  .m-page .block2 .b-title { top: 15.7067vw; width: 57.36vw; height: 5.2267vw; }
  .m-page .block3 .b-title { top: 15.2vw; width: 56.56vw; height: 5.5467vw; }
  .m-page .block .b-sparkle { position: absolute; object-fit: contain; z-index: 6; }
  .m-page .block1 .b-sparkle { left: 64.8vw; top: 14.9333vw; width: 7.3867vw; height: 7.28vw; }
  .m-page .block2 .b-sparkle { left: 64vw; top: 14.88vw; width: 6.6667vw; height: 6.56vw; }
  .m-page .block3 .b-sparkle { left: 62.24vw; top: 14.88vw; width: 6.56vw; height: 6.48vw; }
  .m-page .block .b-desc {
    position: absolute; left: 6.1333vw; top: 24.5333vw; width: 82.1333vw; z-index: 6;
    font-size: 2.9333vw; line-height: 4vw; color: rgba(255,255,255,0.82);
  }
  .m-page .block .phone { position: absolute; left: 56vw; top: 38.4vw; border-radius: 4.5333vw; z-index: 3; }
  .m-page .block1 .phone { width: 31.52vw; height: 64.48vw; }
  .m-page .block2 .phone { width: 31.4667vw; height: 64.32vw; }
  .m-page .block3 .phone { width: 31.4667vw; height: 64.32vw; }

  .m-page .b-row-ico {
    position: absolute; width: 9.3867vw; height: 9.3867vw; z-index: 3;
    display: flex; align-items: center; justify-content: center;
  }
  .m-page .b-row-ico .disc { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0.3; }
  .m-page .b-row-ico img.g { position: relative; width: 7.4933vw; height: 7.4933vw; }
  .m-page .b-row-ico.small img.g { width: 6.24vw; height: 6.24vw; }
  .m-page .b-row-txt {
    position: absolute; z-index: 3; font-size: 2.6667vw; line-height: normal;
    color: #fff; white-space: nowrap; text-shadow: var(--glow);
  }

  /* block1 rows */
  .m-page .block1 .r1i { left: 5.6vw; top: 41.8667vw; }
  .m-page .block1 .r2i { left: 5.6vw; top: 53.92vw; }
  .m-page .block1 .r3i { left: 5.6vw; top: 65.9733vw; }
  .m-page .block1 .r1t { left: 17.8667vw; top: 44.7467vw; }
  .m-page .block1 .r2t { left: 17.8667vw; top: 56.8vw; }
  .m-page .block1 .r3t { left: 17.8667vw; top: 68.6933vw; }

  /* block2 rows */
  .m-page .block2 .r1i { left: 5.6vw; top: 41.8667vw; }
  .m-page .block2 .r2i { left: 5.6vw; top: 54.9867vw; }
  .m-page .block2 .r3i { left: 5.6vw; top: 68.1067vw; }
  .m-page .block2 .r1t { left: 17.3333vw; top: 44.7467vw; }
  .m-page .block2 .r2t { left: 17.3333vw; top: 57.8667vw; }
  .m-page .block2 .r3t { left: 17.3333vw; top: 70.8267vw; }

  /* block3 rows */
  .m-page .block3 .r1i { left: 5.6vw; top: 41.6vw; }
  .m-page .block3 .r2i { left: 5.6vw; top: 54.72vw; }
  .m-page .block3 .r3i { left: 5.6vw; top: 67.84vw; }
  .m-page .block3 .r1t { left: 17.3333vw; top: 44.48vw; }
  .m-page .block3 .r2t { left: 17.3333vw; top: 57.6vw; }
  .m-page .block3 .r3t { left: 17.3333vw; top: 70.56vw; }

  /* ---------- footer ---------- */
  .m-page .footer {
    position: absolute; left: 0; top: calc(475.7333vw + var(--footer-margin-top));
    width: 100vw; height: calc(74.1333vw + var(--footer-padding-bottom));
    padding-bottom: var(--footer-padding-bottom);
    z-index: 6;
  }
  .m-page .footer .f-l1 {
    position: absolute; left: 3vw; top: 8vw; width: 87.6vw; text-align: center;
    font-family: var(--font-heavy); font-weight: 800; font-size: 5.0133vw; line-height: 1.2; color: #fff;
  }
  .m-page .footer .f-l2 {
    position: absolute; left: 3vw; top: 15.0933vw; width: 87.6vw; text-align: center;
    font-family: var(--font-heavy); font-weight: 800; font-size: 6.24vw; line-height: 1.22; color: #fff;
  }
  .m-page .footer .f-l2 .pink { color: #e415ff; }
  .m-page .footer .f-l3 {
    position: absolute; left: 3vw; top: 26.4267vw; width: 87.6vw; text-align: center;
    font-size: 3.12vw; line-height: 1.35; color: #fff; opacity: 0.8;
  }
  .m-page .footer .qr { position: absolute; left: 15.2vw; top: 36.8vw; width: 26.6933vw; height: 27.0933vw; }
  .m-page .footer .qr-block {
    position: absolute; left: 17.8133vw; top: 39.28vw;
    width: 21.6267vw; height: 21.7333vw;
    display: flex; align-items: center; justify-content: center; overflow: hidden;
    background: #fff; border-radius: 2.2133vw;
    z-index: 1;
  }
  .m-page .footer .btn-ios { left: 44.5067vw; top: 36.9333vw; width: 33.8667vw; height: 12.24vw; border-radius: 2.6133vw; }
  .m-page .footer .btn-and { left: 44.5067vw; top: 51.2533vw; width: 33.8667vw; height: 12.24vw; border-radius: 2.6133vw; }
  .m-page .footer .ic-apple { left: 47.2453vw; top: 39.0133vw; width: 5.9661vw; height: 7.28vw; object-fit: contain; }
  .m-page .footer .ic-and { left: 46.72vw; top: 53.7333vw; width: 7.28vw; height: 7.28vw; }
  .m-page .footer .t-ios { left: 54.9067vw; top: 39.5467vw; font-size: 2.8533vw; }
  .m-page .footer .s-ios { left: 54.9067vw; top: 43.84vw; font-size: 2.08vw; }
  .m-page .footer .t-and { left: 54.9067vw; top: 53.8667vw; font-size: 2.8533vw; }
  .m-page .footer .s-and { left: 54.9067vw; top: 58.16vw; font-size: 2.08vw; }

  /* ---------- flow layout override ---------- */
  .m-page {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: auto;
    min-height: 100vh;
    overflow: hidden;
  }

  .m-page .bg-hero {
    top: 0;
  }
  .m-page .bg-glow-city {
    top: 108vw;
  }
  .m-page .glow-41 { top: 150vw; }
  .m-page .glow-40 { top: 240vw; }
  .m-page .glow-42 { top: 340.72vw; }
  .m-page .bg-bottom {
    display: none;
  }

  .m-page .header {
    position: relative;
    left: auto;
    top: auto;
    flex: 0 0 24vw;
  }

  .m-page .hero-title {
    position: relative;
    left: auto;
    top: auto;
    width: 100.1867vw;
    height: 35.2vw;
    margin-top: 1.8667vw;
    flex: 0 0 auto;
  }

  .m-page .features {
    position: relative;
    left: auto;
    top: auto;
    width: 80vw;
    height: 17.4667vw;
    margin-top: -1.0667vw;
    flex: 0 0 auto;
  }

  .m-page .hero-phones {
    position: relative;
    width: 100vw;
    height: 73.6vw;
    margin-top: 4.2667vw;
    flex: 0 0 auto;
    z-index: 7;
  }
  .m-page .hero-phone {
    position: absolute;
  }
  .m-page .hp-left {
    left: 10.6667vw;
    top: 7.9467vw;
  }
  .m-page .hp-right {
    left: 62.4267vw;
    top: 7.9467vw;
  }
  .m-page .hp-center {
    left: 34.48vw;
    top: 0;
  }

  .m-page .dl-hero {
    position: relative;
    left: auto;
    top: auto;
    width: 70.88vw;
    height: 30.4vw;
    margin-top: 4.2667vw;
    flex: 0 0 auto;
  }

  .m-page .block {
    position: relative;
    left: auto;
    top: auto;
    width: 93.6vw;
    height: 93.3333vw;
    margin-top: 3.2vw;
    flex: 0 0 auto;
  }
  .m-page .block1 {
    margin-top: 4px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
  }
  .m-page .block1 .mask {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
  }

  .m-page .footer {
    position: relative;
    left: auto;
    top: auto;
    width: 100vw;
    height: calc(var(--footer-content-height) + var(--footer-padding-bottom));
    min-height: calc(278px + var(--footer-padding-bottom));
    margin-top: 0;
    flex: 0 0 auto;
    padding-bottom: var(--footer-padding-bottom);
    overflow: hidden;
    background: #000119 url("../assets/mobile/footer-bg-figma.png") top center / 100vw var(--footer-content-height) no-repeat;
    box-shadow: none;
    z-index: 8;
    mask-image: linear-gradient(1deg, transparent 0px, rgb(255, 255, 255) 15%, rgb(255, 255, 255) 85%, transparent);
  }

  .m-page .footer .f-l1,
  .m-page .footer .f-l2,
  .m-page .footer .f-l3,
  .m-page .footer .qr,
  .m-page .footer .qr-block,
  .m-page .footer .btn-ios,
  .m-page .footer .btn-and,
  .m-page .footer .ic-apple,
  .m-page .footer .ic-and,
  .m-page .footer .t-ios,
  .m-page .footer .s-ios,
  .m-page .footer .t-and,
  .m-page .footer .s-and {
    transform: translateX(3.2vw);
  }

}

@media (max-width: 768px) {
  .m-page {
    --footer-content-height: 88vw;
  }

  .m-page .dl-hero {
    width: 93.6vw;
    height: 51.7333vw;
    margin-top: 2vw;
    display: grid;
    grid-template-columns: repeat(2, 42.6667vw);
    justify-content: center;
    gap: 0;
    margin-bottom: 6vw;
  }

  .m-page .m-download-card {
    position: relative;
    min-width: 0;
    height: 51.7333vw;
    cursor: default;
  }

  .m-page .m-download-card__head {
    position: absolute;
    left: 2.1333vw;
    top: 0;
    width: 38.4vw;
    height: 10.6667vw;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2.1333vw;
    border: 0.2667vw solid rgba(210, 92, 255, 0.9);
    border-radius: 2.6667vw;
    background: rgba(19, 12, 77, 0.76);
    box-shadow:
      0 0 2.1333vw rgba(214, 74, 255, 0.82),
      inset 0 0 2.6667vw rgba(50, 172, 255, 0.26);
    backdrop-filter: blur(1.3333vw);
    -webkit-backdrop-filter: blur(1.3333vw);
    z-index: 4;
  }

  .m-page .m-download-card__icon {
    object-fit: contain;
    filter: drop-shadow(0 0 1.0667vw rgba(255, 255, 255, 0.35));
  }

  .m-page .m-download-card__icon--ios {
    width: 6.4vw;
    height: 7.8133vw;
  }

  .m-page .m-download-card__icon--android {
    width: 7.8133vw;
    height: 7.8133vw;
  }

  .m-page .m-download-card__title {
    font-size: 4vw;
    line-height: 1.05;
    font-weight: 800;
    color: #fff;
    text-shadow: 0 0 1.3333vw rgba(255, 255, 255, 0.36);
    white-space: nowrap;
  }

  .m-page .m-download-card__sub {
    margin-top: 0.8vw;
    font-size: 2.2667vw;
    line-height: 1.1;
    color: rgba(255, 255, 255, 0.72);
    white-space: nowrap;
  }

  .m-page .m-download-card__qr-wrap {
    position: absolute;
    left: 0;
    top: 10.1333vw;
    width: 42.6667vw;
    height: 43.2vw;
  }

  .m-page .m-download-card__frame {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    filter:
      drop-shadow(0 0 0.7333vw rgba(0, 183, 255, 0.88))
      drop-shadow(0 0 1vw rgba(224, 67, 255, 0.78));
  }

  .m-page .m-download-card__qr {
    position: absolute;
    left: 4.2133vw;
    top: 4vw;
    width: 34.5067vw;
    height: 34.72vw;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #fff;
    border-radius: 2.9333vw;
    z-index: 3;
  }

  .m-page .m-download-card__qr svg {
    display: block;
    width: 100%;
    height: 100%;
  }

  .m-page .m-download-card__tip {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 50vw;
    width: 38.4vw;
    height: 4.8vw;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0.1333vw solid rgba(136, 138, 255, 0.74);
    border-radius: 2.6667vw;
    background: rgba(39, 25, 120, 0.68);
    box-shadow: inset 0 0 1.3333vw rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.86);
    font-size: 1.8667vw;
    line-height: 1;
    white-space: nowrap;
    z-index: 4;
  }

  .m-page .footer {
    height: calc(var(--footer-content-height) + var(--footer-padding-bottom));
    min-height: calc(278px + var(--footer-padding-bottom));
  }

  .m-page .footer-download-cards {
    position: absolute;
    left: 3.2vw;
    top: 34.4vw;
    width: 93.6vw;
    height: 51.7333vw;
    display: grid;
    grid-template-columns: repeat(2, 42.6667vw);
    justify-content: center;
    gap: 0;
    z-index: 3;
  }

  .m-page .footer-download-cards .m-download-card {
    height: 51.7333vw;
  }
}

@media (max-width: 768px) {
  .m-page {
    --footer-content-height: 74.1333vw;
  }

  .m-page .footer {
    min-height: calc(278px + var(--footer-padding-bottom));
    background: #000119 url("../assets/mobile/footer-bg-figma.png") top center / 100vw var(--footer-content-height) no-repeat;
    box-shadow: none;
  }

  .m-page .dl-hero {
    height: 45.3333vw;
  }

  .m-page .m-download-card,
  .m-page .footer-download-cards .m-download-card {
    height: 45.3333vw;
  }

  .m-page .m-download-card__head {
    left: 4.2667vw;
    width: 34.1333vw;
    height: 9.3333vw;
    gap: 1.6vw;
    border-radius: 2.4vw;
  }

  .m-page .m-download-card__icon--ios {
    width: 5.6vw;
    height: 6.8267vw;
  }

  .m-page .m-download-card__icon--android {
    width: 6.8267vw;
    height: 6.8267vw;
  }

  .m-page .m-download-card__title {
    font-size: 3.4667vw;
  }

  .m-page .m-download-card__sub {
    margin-top: 0.5333vw;
    font-size: 2vw;
  }

  .m-page .m-download-card__qr-wrap {
    left: 5.0667vw;
    top: 11.7333vw;
    width: 33.0667vw;
    height: 33.6vw;
  }

  .m-page .m-download-card__qr {
    left: 3.2533vw;
    top: 3.1467vw;
    width: 26.6667vw;
    height: 26.8267vw;
    border-radius: 2.1333vw;
  }

  .m-page .m-download-card__tip {
    left: 50%;
    transform: translateX(-50%);
    top: 47vw;
    width: 34.1333vw;
    height: 4.2667vw;
    font-size: 1.6267vw;
    border-radius: 2.4vw;
  }

  .m-page .footer-download-cards {
    height: 45.3333vw;
  }

  .m-page .m-download-card__qr-wrap {
    top: 0;
  }

  .m-page .m-download-card__tip {
    top: 36.8vw;
    width: 34.1333vw;
    height: 7.9333vw;
    border: 0;
    border-radius: 2.0667vw;
    color: #fff;
    font-size: 2.6667vw;
    font-weight: 700;
    cursor: pointer;
    background-color: none;
    box-shadow: none;
  }
  .m-page .m-download-card__tip::after {
    content: "";
    position: absolute;
    inset: 0;    
    background: linear-gradient(180deg, rgba(70, 58, 172, 0.34), rgba(40, 29, 134, 0.56));
    box-shadow: inset 0 0 0.625vw rgba(255, 255, 255, 0.12);
    filter: blur(30px);
  }
}