/* PC 绔?路 璁捐绋?1920px 鍩哄噯 (Figma node 2351:3706)
   鎵€鏈夐暱搴︾敱璁捐绋?px 鍊兼寜 1px = 0.0520833vw 鎹㈢畻锛屾暣椤甸殢瑙嗗彛绛夋瘮缂╂斁 */
@media (min-width: 769px) {
  .pc-page { display: block; }

  /* ============ PC 绔紙璁捐绋?2351:3706锛屽熀鍑嗗 1920锛?============ */

  .pc-page {
    --nav-inactive: #c2c2c2;
    --glow-shadow: 0 0.2083vw 0.776vw #8800ff;
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #0b0b0e;
    color: #fff;
  }

  .pc-page img {
    display: block;
    max-width: none;
  }

  /* ---------- side glows ---------- */
  .pc-page .glow {
    position: absolute;
    border-radius: 50%;
    z-index: 0;
    pointer-events: none;
  }
  .pc-page .glow--left {
    left: -22.7604vw;
    top: 78.6979vw;
    width: 41.1979vw;
    height: 46.3542vw;
    background: radial-gradient(closest-side, rgba(126, 58, 242, 0.5), rgba(126, 58, 242, 0));
    filter: blur(4.6875vw);
  }
  .pc-page .glow--right {
    left: 76.25vw;
    top: 69.3229vw;
    width: 41.1979vw;
    height: 46.3542vw;
    background: radial-gradient(closest-side, rgba(126, 58, 242, 0.42), rgba(126, 58, 242, 0));
    filter: blur(4.6875vw);
  }

  /* ---------- generic section layer ---------- */
  .pc-page .hero,
  .pc-page .feature,
  .pc-page .download {
    position: relative;
    z-index: 1;
  }

  /* ================= HERO ================= */
  .pc-page .hero {
    height: 56.3021vw;
  }
  .pc-page .hero__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 56.3021vw;
    object-fit: cover;
  }
  .pc-page .hero__fade {
    position: absolute;
    left: 0;
    top: 52.3438vw;
    width: 100%;
    height: 3.9583vw;
    background: linear-gradient(to bottom, rgba(11, 11, 14, 0), #0b0b0e);
    z-index: 3;
  }

  /* nav */
  .pc-page .nav__logo {
    position: absolute;
    left: 1.1458vw;
    top: 0;
    width: 17.4479vw;
    height: 6.7188vw;
    object-fit: contain;
    z-index: 4;
  }
  .pc-page .nav__links {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5.0521vw;
    z-index: 4;
  }
  .pc-page .nav__item {
    position: absolute;
    top: 3.3333vw;
    font-size: 0.9375vw;
    font-weight: 400;
    color: var(--nav-inactive);
    text-shadow: var(--glow-shadow);
    white-space: nowrap;
    line-height: 1.3021vw;
    cursor: pointer;
  }
  .pc-page .nav__pill {
    position: absolute;
    left: 66.875vw;
    top: 2.9688vw;
    width: 5.1042vw;
    height: 2.0833vw;
    background: #0000b6;
    border-radius: 1.7188vw;
  }
  .pc-page .nav__item--active {
    left: 68.4896vw;
    color: #fff;
  }
  .pc-page .nav__item--c1 { left: 73.2812vw; }
  .pc-page .nav__item--c2 { left: 79.6354vw; }
  .pc-page .nav__item--c3 { left: 85.9896vw; }
  .pc-page .nav__item--c4 { left: 92.3438vw; }

  /* hero content */
  .pc-page .hero__title {
    position: absolute;
    left: 2.9688vw;
    top: 12.6562vw;
    width: 51.1458vw;
    height: 17.5521vw;
    z-index: 2;
  }
  .pc-page .hero__desc {
    position: absolute;
    left: 6.3021vw;
    top: 28.2292vw;
    width: 36.5625vw;
    font-size: 1.25vw;
    font-weight: 500;
    line-height: 1.7708vw;
    color: rgba(255, 255, 255, 0.92);
    z-index: 2;
  }
  .pc-page .hero__cta {
    position: absolute;
    left: 6.3021vw;
    top: 34.1667vw;
    width: 10.7812vw;
    height: 3.1771vw;
    border-radius: 2.2917vw;
    background: linear-gradient(to right, #d738dc, #4470fc);
    box-shadow: inset 0 0.1042vw 0.5573vw 0.2083vw rgba(255, 255, 255, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.25vw;
    font-weight: 600;
    text-decoration: none;
    z-index: 2;
  }

  .pc-page .hero__feature {
    position: absolute;
    top: 39.7396vw;
    width: 7.3438vw;
    z-index: 2;
    text-align: center;
  }
  .pc-page .hero__feature--1 { left: 6.3021vw; }
  .pc-page .hero__feature--2 { left: 15vw; }
  .pc-page .hero__feature--3 { left: 23.6979vw; }
  .pc-page .hero__feature-disc {
    position: relative;
    width: 4.1667vw;
    height: 4.1667vw;
    margin: 0 auto;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(140, 90, 240, 0.28), rgba(140, 90, 240, 0) 70%);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .pc-page .hero__feature-icon {
    position: absolute;
    object-fit: contain;
  }
  .pc-page .hero__feature--1 .hero__feature-icon { width: 2.9167vw; height: 2.9167vw; left: 0.8073vw; top: 0.7812vw; }
  .pc-page .hero__feature--2 .hero__feature-icon { width: 5.2083vw; height: 4.4531vw; left: 0.2083vw; top: 0.7812vw; }
  .pc-page .hero__feature--3 .hero__feature-icon { width: 3.5156vw; height: 3.5156vw; left: 0.5729vw; top: 0.5729vw; }
  .pc-page .hero__feature .hero__feature-icon {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .pc-page .hero__feature-label {
    margin-top: 0.8333vw;
    font-size: 0.9375vw;
    color: #fff;
    text-shadow: var(--glow-shadow);
    white-space: nowrap;
  }

  /* 涓夊彴鎵嬫満 mockup锛堣璁¤妭鐐?2351:4046 / 4311 / 4306锛?*/
  .pc-page .hero__phone {
    position: absolute;
    z-index: 2;
  }
  .pc-page .hero__phone--left {
    left: 52.7083vw;
    top: 14.9948vw;
    width: 15.4948vw;
    height: 31.6719vw;
    border-radius: 2.2917vw;
  }
  .pc-page .hero__phone--right {
    left: 80.4948vw;
    top: 14.9948vw;
    width: 15.4948vw;
    height: 31.6719vw;
    border-radius: 2.2917vw;
  }
  .pc-page .hero__phone--center {
    left: 65.5vw;
    top: 10.7292vw;
    width: 17.5833vw;
    height: 35.9375vw;
    border-radius: 2.6042vw;
    z-index: 3;
  }

  /* ================= FEATURE CARDS ================= */
  .pc-page .feature {
    width: 84.375vw;
    height: 22.0833vw;
    margin: 0 auto;
    border-radius: 1.0417vw;
    overflow: hidden;
    box-shadow: inset 0 0 0 0.0521vw rgba(90, 89, 188, 0.18);
  }
  .pc-page .feature--1 { 
    background: #00022e;
  }
  .pc-page .feature--2 { 
    background: #21012e;
  }
  .pc-page .feature--3 { 
    background: #001326;
  }

  .pc-page .feature--2 { margin-top: 1.25vw; }
  .pc-page .feature--3 { margin-top: 1.25vw; }
  .pc-page .feature::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 5.2083vw;
    background: linear-gradient(to bottom, rgba(0, 1, 25, 0), rgba(0, 1, 25, 0.72) 64%, #000119);
    z-index: 4;
    pointer-events: none;
  }

  .pc-page .feature__bg {
    position: absolute;
    right: 7.2917vw;
    bottom: -4.4792vw;
    width: 11.0938vw;
    height: 22.6562vw;
    object-fit: contain;
    border-radius: 1.4062vw;
    z-index: 3;
  }
  .pc-page .feature__sparkle {
    position: absolute;
    left: 8.75vw;
    top: 3.6458vw;
    width: 2.3438vw;
    height: 2.3177vw;
    object-fit: contain;
    z-index: 5;
  }
  .pc-page .feature__num {
    position: absolute;
    left: 3.8542vw;
    top: 7.375vw;
    object-fit: contain;
    z-index: 5;
  }
  .pc-page .feature__title {
    position: absolute;
    left: 12.5vw;
    top: 3.6979vw;
    object-fit: contain;
    object-position: left center;
    z-index: 5;
  }
  .pc-page .feature__desc {
    position: absolute;
    left: 12.5vw;
    top: 7.7083vw;
    width: 35.6771vw;
    font-size: 0.8333vw;
    font-weight: 400;
    line-height: 1.25vw;
    color: rgba(255, 255, 255, 0.86);
    z-index: 5;
  }
  .pc-page .feature__row {
    position: absolute;
    left: 12.5vw;
    height: 1.9792vw;
    display: flex;
    align-items: center;
    z-index: 5;
  }
  .pc-page .feature__row::before {
    content: "";
    position: absolute;
    left: -0.3646vw;
    width: 1.9792vw;
    height: 1.9792vw;
    border-radius: 50%;
    background: rgba(31, 119, 255, 0.12);
    filter: blur(0.1042vw);
  }
  .pc-page .feature__row-icon {
    position: relative;
    width: 1.5625vw;
    height: 1.5625vw;
    z-index: 1;
  }
  .pc-page .feature__row-label {
    margin-left: 1.0417vw;
    font-size: 0.8333vw;
    color: #fff;
    text-shadow: var(--glow-shadow);
    white-space: nowrap;
  }

  .pc-page .feature--1 .feature__num { width: 4.1875vw; height: 6.9062vw; }
  .pc-page .feature--2 .feature__num { width: 4.1875vw; height: 6.9062vw; }
  .pc-page .feature--3 .feature__num { width: 4.1875vw; height: 6.9062vw; }
  .pc-page .feature--1 .feature__title { width: 29.12vw; height: 3.2533vw; }
  .pc-page .feature--2 .feature__title { width: 28.68vw; height: 2.6133vw; }
  .pc-page .feature--3 .feature__title { width: 28.28vw; height: 2.7733vw; }
  .pc-page .feature--2 .feature__sparkle { left: 8.75vw; top: 3.75vw; }
  .pc-page .feature--3 .feature__sparkle { left: 8.75vw; top: 3.75vw; }
  .pc-page .feature__row--1 { top: 13.0208vw; }
  .pc-page .feature__row--2 { top: 15.7292vw; }
  .pc-page .feature__row--3 { top: 18.4375vw; }
  .pc-page .feature--3 .feature__row--2 .feature__row-icon { width: 1.3021vw; height: 1.3021vw; }

  /* ================= DOWNLOAD ================= */
  .pc-page .download {
    height: 20.1562vw;
    margin-top: 0.9896vw;
  }
  .pc-page .download__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 20.1562vw;
    object-fit: cover;
  }
  .pc-page .download__title1 {
    position: absolute;
    left: 9.6354vw;
    top: 4.6354vw;
    font-size: 2.5vw;
    font-weight: 900;
    color: #fff;
    -webkit-text-stroke: 0.0469vw #fff;
    white-space: nowrap;
    z-index: 2;
  }
  .pc-page .download__title2 {
    position: absolute;
    left: 9.6354vw;
    top: 8.0729vw;
    font-size: 3.125vw;
    font-weight: 900;
    color: #fff;
    -webkit-text-stroke: 0.0521vw #fff;
    white-space: nowrap;
    z-index: 2;
  }
  .pc-page .download__title2 span {
    color: #e415ff;
    -webkit-text-stroke: 0.0521vw #e415ff;
  }
  .pc-page .download__subtitle {
    position: absolute;
    left: 9.6354vw;
    top: 13.8542vw;
    font-size: 1.5625vw;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.8);
    white-space: nowrap;
    z-index: 2;
  }
  /* 浜岀淮鐮佺粍锛堣璁¤妭鐐?2351:4348锛氶湏铏规 205x208 + 榛戣壊鍐呭潡 166x167锛?*/
  .pc-page .download__qr {
    position: absolute;
    left: 66.6146vw;
    top: 4.2708vw;
    width: 10.6771vw;
    height: 10.8333vw;
    z-index: 2;
  }
  .pc-page .download__qr-block {
    position: absolute;
    left: 67.6562vw;
    top: 5.2604vw;
    width: 8.6458vw;
    height: 8.6979vw;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #fff;
    border-radius: 0.8854vw;
    z-index: 3;
  }
  .pc-page .download__qr-block svg {
    display: block;
    width: 100%;
    height: 100%;
  }
  .pc-page .download__btn {
    position: absolute;
    left: 78.3333vw;
    width: 13.5417vw;
    height: 4.8958vw;
    border-radius: 1.0417vw;
    background: rgba(31, 25, 105, 0.3);
    border: 0.0521vw solid #3535a0;
    backdrop-filter: blur(0.638vw);
    -webkit-backdrop-filter: blur(0.638vw);
    z-index: 2;
  }
  .pc-page .download__btn--ios { top: 4.3229vw; }
  .pc-page .download__btn--android { top: 10.0521vw; }
  .pc-page .download__btn-icon {
    position: absolute;
    height: 2.9167vw;
    object-fit: contain;
    z-index: 3;
  }
  .pc-page .download__btn-icon--ios { left: 79.4271vw; top: 5.1562vw; width: 2.3906vw; }
  .pc-page .download__btn-icon--android { left: 79.2188vw; top: 11.0417vw; width: 2.9167vw; }
  .pc-page .download__btn-title {
    position: absolute;
    left: 82.5vw;
    font-size: 1.1458vw;
    font-weight: 600;
    color: #fff;
    white-space: nowrap;
    z-index: 3;
  }
  .pc-page .download__btn-sub {
    position: absolute;
    left: 82.5vw;
    font-size: 0.8333vw;
    font-weight: 400;
    color: #8e8fb8;
    white-space: nowrap;
    z-index: 3;
  }
  .pc-page .download__btn-title--ios { top: 5.3646vw; }
  .pc-page .download__btn-sub--ios { top: 7.0833vw; }
  .pc-page .download__btn-title--android { top: 11.0938vw; }
  .pc-page .download__btn-sub--android { top: 12.8125vw; }

}

@media (min-width: 769px) {
  .pc-page .download {
    height: 32.2917vw;
    margin-top: 1.25vw;
    overflow: hidden;
  }

  .pc-page .download__bg {
    height: 32.2917vw;
  }

  .pc-page .download__title1 {
    top: 7.1875vw;
  }

  .pc-page .download__title2 {
    top: 10.625vw;
  }

  .pc-page .download__subtitle {
    top: 16.4062vw;
  }

  .pc-page .download__qr-layout {
    position: absolute;
    right: 7.8125vw;
    top: 6.4896vw;
    width: 27vw;
    height: 18.2292vw;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1vw;
    z-index: 3;
  }

  .pc-page .download-card {
    position: relative;
    min-width: 0;
    cursor: default;
  }

  .pc-page .download-card__head {
    position: absolute;
    left: 0.4vw;
    top: 0;
    width: 12.2vw;
    height: 3.9583vw;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.7292vw;
    border: 0.1042vw solid rgba(210, 92, 255, 0.88);
    border-radius: 0.9896vw;
    background: rgba(19, 12, 77, 0.72);
    box-shadow:
      0 0 0.8854vw rgba(214, 74, 255, 0.82),
      inset 0 0 1.25vw rgba(50, 172, 255, 0.28);
    backdrop-filter: blur(0.5208vw);
    -webkit-backdrop-filter: blur(0.5208vw);
    z-index: 4;
  }

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

  .pc-page .download-card__icon--ios {
    width: 2.4479vw;
    height: 2.9688vw;
  }

  .pc-page .download-card__icon--android {
    width: 2.9688vw;
    height: 2.9688vw;
  }

  .pc-page .download-card__title {
    font-size: 1.25vw;
    line-height: 1.1;
    font-weight: 800;
    color: #fff;
    text-shadow: 0 0 0.5729vw rgba(255, 255, 255, 0.36);
    white-space: nowrap;
  }

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

  .pc-page .download-card__qr-wrap {
    position: absolute;
    left: 1.6562vw;
    top: 5.5208vw;
    width: 9.6875vw;
    height: 9.8438vw;
  }

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

  .pc-page .download-card__qr {
    position: absolute;
    left: 0.9896vw;
    top: 0.9375vw;
    width: 7.7083vw;
    height: 7.7604vw;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #fff;
    border-radius: 1.25vw;
    z-index: 3;
  }

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

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

  .pc-page .download-card__tip {
    position: absolute;
    left: 50%;
    top: 11.7708vw;
    width: 12.5vw;
    height: 3.0042vw;
    transform: translateX(-50%);
    align-items: center;
    justify-content: center;
    display: flex;
    border: 0;
    border-radius: 0.6021vw;
    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);
    color: #fff;
    font-size: 1.0417vw;
    font-weight: 700;
    cursor: pointer;
  }
}