*{box-sizing:border-box;margin:0;padding:0}
html,body{width:100%;height:100%}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;background:#000 center/cover no-repeat fixed;overflow:hidden}
body.is-pc{background-image:url("../imgs/pcbg.webp")}
body.is-mobile{background-image:url("../imgs/bg.webp")}
.main{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.32)}
.logo{position:absolute;top:34px;left:0;width:100%;display:flex;justify-content:center;z-index:2}
.logo img{width:360px;max-width:42vw;height:auto}
.content{width:390px;background:#fff;border-radius:6px;padding:34px 46px 38px;display:flex;flex-direction:column;align-items:center;box-shadow:0 4px 18px rgba(0,0,0,.35);z-index:3}
.circular-chart{width:150px;height:150px;margin-bottom:22px}
.circle-bg{fill:none;stroke:#eee;stroke-width:3.8}.circle{fill:none;stroke:#02B95E;stroke-width:3.8;stroke-linecap:round;transform:rotate(-90deg);transform-origin:center}.percentage{fill:#02B95E;font-size:.47em;text-anchor:middle;font-weight:700}
.continue_btn,.domains{width:100%}.continue_btn a,.domains a{display:block;width:100%;background-repeat:no-repeat;background-position:center;background-size:100% 100%}
.continue_btn a{height:48px;background-image:url("../imgs/continue_btn.png");margin:0 0 22px}
.help{font-size:18px;color:#f11;font-weight:700;margin-bottom:8px}.tips{font-size:13px;color:#888;text-align:center;margin-bottom:18px}
.domains a{height:46px;margin-top:10px}.ios{background-image:url("../imgs/ios_btn.png")}.android{background-image:url("../imgs/android_btn.png")}
.corp{position:absolute;bottom:0;left:0;width:100%;display:flex;justify-content:center;background:rgba(0,0,0,.48);padding:10px 15px}.corp img{width:900px;max-width:82vw;height:auto}
.corp-h5{display:none}
body.is-mobile .logo,body.is-mobile .corp{display:none}
body.is-mobile .main{background:rgba(0,0,0,.25)}
body.is-mobile .content{width:86%;max-width:360px;padding:28px 26px;border-radius:8px}
body.is-mobile .circular-chart{width:130px;height:130px}
body.is-mobile .continue_btn a,body.is-mobile .domains a{height:48px}
body.is-mobile .help{font-size:18px}body.is-mobile .tips{font-size:13px}
body.is-mobile .corp-h5{display:block;margin-top:16px}.corp-h5 .imgs{display:flex;justify-content:center;gap:12px}.corp-h5 img{height:25px;width:auto}


/* ===== FINAL PC REFERENCE-SIZE OVERRIDES ===== */
@media (min-width:701px){
  .logo{top:26px}
  .logo img{width:330px;max-width:36vw}
  .content{
    width:350px;
    padding:30px 42px 32px;
    border-radius:5px;
  }
  .circular-chart{
    width:142px;
    height:142px;
    margin-bottom:18px;
  }
  .continue_btn a{
    height:44px;
    margin-bottom:19px;
  }
  .help{
    font-size:17px;
    margin-bottom:7px;
  }
  .tips{
    font-size:12px;
    margin-bottom:15px;
  }
  .domains a{
    height:42px;
    margin-top:8px;
  }
  .corp{
    padding:8px 15px;
  }
  .corp img{
    width:880px;
    max-width:80vw;
  }
}


/* ===== TRUE FINAL PC MATCH ===== */
@media (min-width:701px){
  body.is-pc .main{
    display:flex;
    align-items:center;
    justify-content:center;
  }

  body.is-pc .logo{
    top:30px;
  }
  body.is-pc .logo img{
    width:345px;
    max-width:38vw;
    height:auto;
  }

  /* Reference screenshot: visible white card ~270px wide at 1280px viewport */
  body.is-pc .content{
    box-sizing:border-box;
    width:270px;
    max-width:none;
    padding:27px 32px 28px;
    border-radius:5px;
  }

  body.is-pc .circular-chart{
    width:122px;
    height:122px;
    margin-bottom:16px;
  }

  body.is-pc .continue_btn,
  body.is-pc .domains{
    width:100%;
  }

  body.is-pc .continue_btn a{
    width:100%;
    height:35px;
    margin:0 0 17px;
  }

  body.is-pc .help{
    font-size:15px;
    line-height:1.35;
    margin-bottom:6px;
  }

  body.is-pc .tips{
    font-size:11px;
    line-height:1.45;
    margin-bottom:12px;
  }

  body.is-pc .domains a{
    width:100%;
    height:34px;
    margin-top:7px;
  }

  body.is-pc .corp{
    padding:8px 15px;
  }
  body.is-pc .corp img{
    width:880px;
    max-width:80vw;
    height:auto;
  }
}


/* ===== FINAL REFERENCE MATCH 20260916 ===== */
@media (min-width:701px){
  body.is-pc .main{
    display:flex;
    align-items:center;
    justify-content:center;
  }

  /* Current desktop background already contains the top partnership logo
     and bottom club strip, so hide the duplicate HTML overlays on PC. */
  body.is-pc .logo,
  body.is-pc .corp{
    display:none !important;
  }

  body.is-pc .content{
    box-sizing:border-box;
    width:390px !important;
    max-width:none !important;
    padding:34px 46px 38px !important;
    border-radius:6px !important;
  }

  body.is-pc .circular-chart{
    width:150px !important;
    height:150px !important;
    margin-bottom:22px !important;
  }

  body.is-pc .continue_btn,
  body.is-pc .domains{
    width:100% !important;
  }

  body.is-pc .continue_btn a{
    width:100% !important;
    height:48px !important;
    margin:0 0 22px !important;
  }

  body.is-pc .help{
    font-size:18px !important;
    line-height:1.35 !important;
    margin-bottom:8px !important;
  }

  body.is-pc .tips{
    font-size:13px !important;
    line-height:1.45 !important;
    margin-bottom:18px !important;
  }

  body.is-pc .domains a{
    width:100% !important;
    height:46px !important;
    margin-top:10px !important;
  }
}


/* ===== FINAL TEXT + BOTTOM ONLY 20260916 ===== */
@media (min-width:701px){
  /* Text only: larger and no artificial character spacing */
  body.is-pc .continue_btn a,
  body.is-pc .domains a{
    font-size:16px !important;
    font-weight:700 !important;
    letter-spacing:0 !important;
  }

  body.is-pc .help{
    font-size:18px !important;
    font-weight:700 !important;
    letter-spacing:0 !important;
  }

  body.is-pc .tips{
    font-size:13px !important;
    letter-spacing:0 !important;
  }

  /* Bottom partner/brand strip: one clean layer, fully visible */
  body.is-pc .corp{
    display:flex !important;
    position:absolute !important;
    left:0 !important;
    bottom:0 !important;
    width:100% !important;
    height:58px !important;
    padding:5px 0 !important;
    box-sizing:border-box !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
    background:rgba(0,0,0,.58) !important;
    z-index:4 !important;
  }

  body.is-pc .corp img{
    display:block !important;
    width:auto !important;
    height:46px !important;
    max-width:92vw !important;
    object-fit:contain !important;
  }
}


/* ===== TEXT + BOTTOM V2 ===== */
@media (min-width:701px){
  /* Keep the approved card dimensions; only enlarge text */
  body.is-pc .continue_btn a,
  body.is-pc .domains a{
    font-size:18px !important;
    font-weight:700 !important;
    letter-spacing:0 !important;
    word-spacing:0 !important;
  }
  body.is-pc .help{
    font-size:19px !important;
    font-weight:700 !important;
    letter-spacing:0 !important;
    word-spacing:0 !important;
  }
  body.is-pc .tips{
    font-size:14px !important;
    font-weight:400 !important;
    letter-spacing:0 !important;
    word-spacing:0 !important;
  }

  /* Raise and enlarge the bottom brand strip for clearer display */
  body.is-pc .corp{
    display:flex !important;
    position:absolute !important;
    left:0 !important;
    bottom:8px !important;
    width:100% !important;
    height:76px !important;
    padding:4px 0 !important;
    box-sizing:border-box !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:visible !important;
    background:rgba(0,0,0,.60) !important;
    z-index:6 !important;
  }
  body.is-pc .corp img{
    display:block !important;
    width:auto !important;
    height:66px !important;
    max-width:94vw !important;
    object-fit:contain !important;
  }
}

/* ===== CENTER TEXT V3: larger + wider spacing only ===== */
@media (min-width:701px){
 body.is-pc .continue_btn a,body.is-pc .domains a{font-size:19px!important;font-weight:700!important;letter-spacing:3px!important;word-spacing:0!important;}
 body.is-pc .help{font-size:20px!important;font-weight:700!important;letter-spacing:1.5px!important;word-spacing:0!important;}
 body.is-pc .tips{font-size:14px!important;letter-spacing:.5px!important;word-spacing:0!important;}
}

/* ===== LATEST FINAL: CENTER TEXT ONLY ===== */
@media (min-width:701px){
  body.is-pc .continue_btn a,
  body.is-pc .domains a{
    font-size:20px !important;
    font-weight:700 !important;
    letter-spacing:4px !important;
    word-spacing:0 !important;
  }
  body.is-pc .help{
    font-size:21px !important;
    font-weight:700 !important;
    letter-spacing:2px !important;
    word-spacing:0 !important;
  }
  body.is-pc .tips{
    font-size:14px !important;
    letter-spacing:1px !important;
    word-spacing:0 !important;
  }
}

/* ===== 20260917 FINAL OPT: larger center text + sharper/smaller partner strip ===== */
@media (min-width:701px){
  body.is-pc .continue_btn a,
  body.is-pc .domains a{
    font-size:22px !important;
    font-weight:700 !important;
    letter-spacing:5px !important;
    word-spacing:0 !important;
  }
  body.is-pc .help{
    font-size:22px !important;
    font-weight:700 !important;
    letter-spacing:3px !important;
    line-height:1.35 !important;
  }
  body.is-pc .tips{
    font-size:15px !important;
    letter-spacing:1.5px !important;
    line-height:1.45 !important;
  }
  body.is-pc .corp{
    display:flex !important;
    bottom:8px !important;
    height:62px !important;
    padding:2px 0 !important;
    background:rgba(0,0,0,.62) !important;
  }
  body.is-pc .corp img{
    width:min(90vw,1150px) !important;
    height:auto !important;
    max-width:none !important;
    image-rendering:auto !important;
    object-fit:contain !important;
  }
}


/* ===== GDBETIS FINAL V2 20260917 ===== */
@media (min-width:701px){
  body.is-pc .continue_btn a,
  body.is-pc .domains a{
    font-size:24px !important;
    font-weight:700 !important;
    letter-spacing:6px !important;
  }
  body.is-pc .help{
    font-size:23px !important;
    font-weight:700 !important;
    letter-spacing:3.5px !important;
    line-height:1.35 !important;
  }
  body.is-pc .tips{
    font-size:15px !important;
    letter-spacing:1.8px !important;
    line-height:1.45 !important;
  }
  body.is-pc .corp{
    display:flex !important;
    bottom:7px !important;
    height:70px !important;
    padding:2px 0 !important;
    background:rgba(0,0,0,.58) !important;
  }
  body.is-pc .corp img{
    width:min(93vw,1230px) !important;
    height:auto !important;
    max-width:none !important;
    object-fit:contain !important;
  }
}

/* ===== GDBETIS FINAL V3 20260917: requested final refinements ===== */
@media (min-width:701px){
  /* 1) Center text: larger and wider character spacing */
  body.is-pc .continue_btn a,
  body.is-pc .domains a{
    font-size:26px !important;
    font-weight:700 !important;
    letter-spacing:7px !important;
    line-height:1.15 !important;
  }
  body.is-pc .help{
    font-size:25px !important;
    font-weight:700 !important;
    letter-spacing:4.5px !important;
    line-height:1.35 !important;
  }
  body.is-pc .tips{
    font-size:16px !important;
    letter-spacing:2.2px !important;
    line-height:1.5 !important;
  }

  /* 2) Bottom partner strip: slightly larger + stronger rendering */
  body.is-pc .corp{
    display:flex !important;
    bottom:5px !important;
    height:76px !important;
    padding:3px 0 !important;
    background:rgba(0,0,0,.64) !important;
    z-index:8 !important;
  }
  body.is-pc .corp img{
    display:block !important;
    width:97vw !important;
    max-width:1400px !important;
    height:auto !important;
    object-fit:contain !important;
    image-rendering:auto !important;
    filter:contrast(1.18) brightness(1.10) !important;
    transform:translateZ(0) !important;
  }

  /* 3) Restore the top partnership brand/logo */
  body.is-pc .logo{
    display:flex !important;
    position:absolute !important;
    top:24px !important;
    left:0 !important;
    width:100% !important;
    justify-content:center !important;
    z-index:9 !important;
    pointer-events:none !important;
  }
  body.is-pc .logo img{
    display:block !important;
    width:390px !important;
    max-width:34vw !important;
    height:auto !important;
    filter:drop-shadow(0 1px 2px rgba(0,0,0,.45)) !important;
  }
}

/* ===== GDBETIS FINAL V4 20260917 ===== */
@media (min-width:701px){
  /* Main action buttons: larger, wider spacing */
  body.is-pc .continue_btn a,
  body.is-pc .domains a{
    font-size:28px !important;
    font-weight:700 !important;
    letter-spacing:9px !important;
    line-height:1.1 !important;
  }

  /* Secondary copy: slightly smaller than V3 */
  body.is-pc .help{
    font-size:21px !important;
    font-weight:700 !important;
    letter-spacing:2.2px !important;
    line-height:1.3 !important;
    margin-bottom:6px !important;
  }
  body.is-pc .tips{
    font-size:13px !important;
    letter-spacing:.8px !important;
    line-height:1.4 !important;
    margin-bottom:16px !important;
  }

  /* Top partnership logo: slightly larger. A dark glass backing hides the
     faint duplicate words baked into the old desktop background. */
  body.is-pc .logo{
    display:flex !important;
    top:18px !important;
    z-index:12 !important;
  }
  body.is-pc .logo:before{
    content:"";
    position:absolute;
    width:520px;
    max-width:44vw;
    height:92px;
    top:-6px;
    border-radius:8px;
    background:linear-gradient(90deg,rgba(5,14,34,.08),rgba(5,14,34,.72) 24%,rgba(5,14,34,.78) 76%,rgba(5,14,34,.08));
    backdrop-filter:blur(1.2px);
    -webkit-backdrop-filter:blur(1.2px);
    z-index:-1;
  }
  body.is-pc .logo img{
    width:420px !important;
    max-width:37vw !important;
    height:auto !important;
    filter:drop-shadow(0 1px 2px rgba(0,0,0,.55)) contrast(1.06) brightness(1.05) !important;
  }

  /* Bottom partner strip: keep near native pixel width for sharper text */
  body.is-pc .corp{
    display:flex !important;
    bottom:3px !important;
    height:72px !important;
    padding:2px 0 !important;
    background:rgba(0,0,0,.68) !important;
    z-index:10 !important;
  }
  body.is-pc .corp img{
    width:min(96vw,1280px) !important;
    max-width:1280px !important;
    height:auto !important;
    object-fit:contain !important;
    image-rendering:auto !important;
    filter:contrast(1.30) brightness(1.18) saturate(1.05) !important;
  }
}

/* ===== GDBETIS FINAL V5 20260917 ===== */
@media (min-width:701px){
  /* 1) Three main action labels: one more step larger + wider tracking */
  body.is-pc .continue_btn a,
  body.is-pc .domains a{
    font-size:30px !important;
    font-weight:700 !important;
    letter-spacing:10px !important;
    line-height:1.08 !important;
  }

  /* 2) Top partnership brand: slightly larger */
  body.is-pc .logo{
    top:14px !important;
  }
  /* Fully mask the faint duplicate background words behind/right of logo */
  body.is-pc .logo:before{
    width:650px !important;
    max-width:54vw !important;
    height:108px !important;
    top:-10px !important;
    border-radius:10px !important;
    background:linear-gradient(90deg,
      rgba(5,14,34,.10) 0%,
      rgba(5,14,34,.90) 18%,
      rgba(5,14,34,.96) 50%,
      rgba(5,14,34,.90) 82%,
      rgba(5,14,34,.10) 100%) !important;
    backdrop-filter:blur(2.2px) !important;
    -webkit-backdrop-filter:blur(2.2px) !important;
  }
  body.is-pc .logo img{
    width:445px !important;
    max-width:39vw !important;
    filter:drop-shadow(0 1px 2px rgba(0,0,0,.58)) contrast(1.10) brightness(1.07) !important;
  }

  /* 3) Bottom partnership strip: slightly larger while staying close to native resolution */
  body.is-pc .corp{
    bottom:2px !important;
    height:76px !important;
    padding:2px 0 !important;
    background:rgba(0,0,0,.72) !important;
  }
  body.is-pc .corp img{
    width:min(99vw,1328px) !important;
    max-width:1328px !important;
    height:auto !important;
    image-rendering:auto !important;
    filter:contrast(1.38) brightness(1.24) saturate(1.08) !important;
  }
}


/* ===== GDBETIS FINAL V6 20260917 ===== */
@media (min-width:701px){
  /* Real HTML labels replace baked button text, so size/tracking is actually controllable. */
  body.is-pc .continue_btn a,
  body.is-pc .domains a{
    background-image:none !important;
    background:#ffc400 !important;
    border:1px solid #e5a900 !important;
    border-radius:10px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:#171717 !important;
    text-decoration:none !important;
    font-family:"Microsoft YaHei","PingFang SC",sans-serif !important;
    font-size:22px !important;
    font-weight:800 !important;
    letter-spacing:5px !important;
    text-indent:5px !important;
    line-height:1 !important;
    text-shadow:0 .4px 0 rgba(0,0,0,.22) !important;
  }
  body.is-pc .continue_btn a{height:48px !important;margin-bottom:22px !important;}
  body.is-pc .domains a{height:46px !important;margin-top:10px !important;}

  /* Partnership logo: move down slightly, keep current size. */
  body.is-pc .logo{top:22px !important;}
  body.is-pc .logo img{width:445px !important;max-width:39vw !important;}

  /* Remove the large dark V5 bar; use a smaller background-matched patch only
     where the old baked-in '伙伴' ghost sits. */
  body.is-pc .logo:before{
    width:590px !important;
    max-width:50vw !important;
    height:94px !important;
    top:-5px !important;
    border-radius:0 !important;
    background:linear-gradient(90deg,
      rgba(12,28,52,.03) 0%,
      rgba(12,28,52,.12) 70%,
      rgba(12,28,52,.72) 88%,
      rgba(12,28,52,.88) 100%) !important;
    backdrop-filter:blur(.8px) !important;
    -webkit-backdrop-filter:blur(.8px) !important;
  }

  /* Slightly brighter desktop scene, closer to the brighter reference. */
  body.is-pc .main{
    background:rgba(0,0,0,.20) !important;
  }
}

/* ===== GDBETIS FINAL V7 PREVIEW 20260917 ===== */
@media (min-width:701px){
  /* Partnership brand: a little lower, as approved in the latest preview. */
  body.is-pc .logo{top:30px !important;}
  body.is-pc .logo img{width:465px !important;max-width:40vw !important;}

  /* Stronger clean-up of the old baked-in ghost text on the right. */
  body.is-pc .logo:before{
    content:"" !important;
    position:absolute !important;
    z-index:-1 !important;
    width:650px !important;
    max-width:53vw !important;
    height:104px !important;
    left:50% !important;
    transform:translateX(-50%) !important;
    top:-8px !important;
    background:linear-gradient(90deg,rgba(11,30,58,.05) 0%,rgba(11,30,58,.13) 66%,rgba(11,30,58,.86) 88%,rgba(11,30,58,.96) 100%) !important;
    backdrop-filter:blur(1.8px) !important;
    -webkit-backdrop-filter:blur(1.8px) !important;
    pointer-events:none !important;
  }
}


/* ===== GDBETIS FINAL V14 20260918: marked-area fixes ===== */
@media (min-width:701px){
  body.is-pc .logo{top:30px !important;}
  body.is-pc .logo:before{display:none !important;content:none !important;background:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;}
  body.is-pc .logo img{width:465px !important;max-width:40vw !important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45)) contrast(1.08) brightness(1.06) !important;}
}


/* ===== GDBETIS FINAL V15 20260918 ===== */
@media (min-width:701px){
  body.is-pc{
    background-image:url("../imgs/pcbg-v15.webp") !important;
    background-position:center center !important;
    background-size:cover !important;
    background-repeat:no-repeat !important;
  }
  /* Header partnership and footer sponsors are cleanly integrated into the PC background. */
  body.is-pc .logo,
  body.is-pc .corp{display:none !important;}
  body.is-pc .main{display:flex !important;align-items:center !important;justify-content:center !important;}
  body.is-pc .content{
    width:390px !important;
    box-sizing:border-box !important;
    padding:34px 46px 38px !important;
    border-radius:6px !important;
  }
  body.is-pc .circular-chart{width:150px !important;height:150px !important;margin-bottom:22px !important;}
  body.is-pc .continue_btn a,
  body.is-pc .domains a{font-size:20px !important;font-weight:700 !important;letter-spacing:4px !important;}
  body.is-pc .help{font-size:19px !important;font-weight:700 !important;letter-spacing:1.5px !important;}
  body.is-pc .tips{font-size:12px !important;letter-spacing:.4px !important;}
}