:root{--blue:#1677ff;--blue2:#0d5fe8;--navy:#0a1f3d;--text:#163b73;--muted:#7890b0;--line:#e4eefb;--bg:#f4f8fd;--green:#18b87a;--amber:#b8860b;--shadow:0 8px 28px rgba(28,91,160,.08);--shadow-lg:0 12px 40px rgba(28,91,160,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC",sans-serif;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button{font:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.container{width:min(1380px,calc(100% - 48px));margin:auto}.stat strong,.rate,.v,.big{font-variant-numeric:tabular-nums}

.header{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;position:sticky;top:0;z-index:1000}.nav{display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:800;color:#102f62;white-space:nowrap}.logo-cn{font-size:22px}.logo-en{font-size:17px;letter-spacing:.4px;color:#315783}.logo-mark{width:32px;height:25px;position:relative;display:inline-block}.logo-mark:before,.logo-mark:after{content:"";position:absolute;bottom:0;width:12px;border-radius:4px 4px 2px 2px;transform:skew(-28deg)}.logo-mark:before{left:2px;height:23px;background:#1685ff;box-shadow:11px -5px 0 #1c9cf5}.logo-mark:after{right:0;height:17px;background:#1169df}.nav-links{display:flex;align-items:center;gap:28px;margin-left:32px;flex:1}.nav-links>a,.help-trigger{font-size:15px;font-weight:600;color:#345783;padding:26px 0;position:relative;display:inline-block}.nav-links>a.active{color:var(--blue)}.nav-links>a.active:after{content:"";position:absolute;height:3px;width:30px;background:var(--blue);left:50%;bottom:0;transform:translateX(-50%);border-radius:3px}.help{position:relative}.help-trigger{cursor:pointer;user-select:none}.dropdown{display:none;position:absolute;top:56px;left:50%;transform:translateX(-50%);width:150px;background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:0 10px 28px rgba(26,80,140,.15);padding:8px;z-index:10}.dropdown a{display:block;padding:10px;font-size:13px;color:#315783;border-radius:6px}.dropdown a:hover{background:#f0f7ff;color:var(--blue)}@media(min-width:761px){.help:hover .dropdown,.help:focus-within .dropdown{display:block}}

.actions{display:flex;align-items:center;gap:14px;flex:0 0 auto}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #bdd2ec;background:#fff;color:#285181;border-radius:9px;padding:11px 25px;font-weight:700;cursor:pointer;transition:all .2s}.btn:hover{border-color:var(--blue);color:var(--blue)}.btn-primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn-primary:hover{background:var(--blue2);border-color:var(--blue2);color:#fff;transform:translateY(-1px);box-shadow:0 6px 18px rgba(22,119,255,.3)}.nav-mobile-auth,.mobile-menu-toggle{display:none}

.home-user-greeting{display:inline-flex;align-items:center;white-space:nowrap;color:#536d91;font-size:13px;font-weight:600}


/* ============================================================
   首屏 HERO
   ============================================================ */

.hero{height:370px;position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(6,18,38,.96),rgba(6,18,38,.84) 35%,rgba(6,18,38,.48) 68%,rgba(6,18,38,.16)),linear-gradient(135deg,#0a1f3d,#12335f)}

.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 30%,rgba(0,198,255,.16),transparent 55%),radial-gradient(circle at 70% 80%,rgba(22,119,255,.14),transparent 50%);pointer-events:none}

.hero-inner{position:relative;z-index:1;height:100%;display:flex;align-items:center;justify-content:space-between}

.hero-copy{max-width:720px}

.eyebrow{
  font-size:13px;
  letter-spacing:2px;
  color:#69d2ff;
  margin-bottom:12px;
  font-weight:800
}

.hero h1{
  font-size:44px;
  line-height:1.2;
  margin:0 0 15px;
  color:#fff;
  letter-spacing:.3px
}

.hero h1 strong{
  color:#fff0a8;
  font-weight:900;
  text-shadow:0 3px 22px rgba(255,205,70,.20)
}

.hero p{
  font-size:17px;
  line-height:1.8;
  margin:0 0 25px;
  color:rgba(255,255,255,.86);
  max-width:680px
}

.hero-actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap
}

.hero .btn-primary{
  padding:14px 30px;
  font-size:16px;
  background:linear-gradient(135deg,#1677ff,#00c6ff);
  border-color:transparent;
  box-shadow:0 8px 24px rgba(22,119,255,.4)
}

.hero .btn-ghost{
  padding:14px 26px;
  font-size:16px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.35);
  color:#fff
}

.hero-benefit{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px 18px;
  margin-top:14px;
  color:rgba(255,255,255,.72);
  font-size:12px;
  line-height:1.6
}

.hero-benefit span{
  white-space:nowrap
}

.hero-benefit span::first-letter{
  color:#7ee2ff
}

.hero-note{
  min-width:225px;
  padding:24px 28px;
  border:1px solid rgba(255,255,255,.20);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.055));
  color:#fff;
  font-size:14px;
  font-weight:600;
  line-height:1.6;
  text-align:center;
  text-shadow:0 2px 18px rgba(0,0,0,.4);
  box-shadow:0 12px 40px rgba(0,0,0,.12);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px)
}

.hero-gift{
  font-size:30px;
  line-height:1;
  margin-bottom:8px
}

.hero-note strong{
  display:block;
  font-size:18px;
  color:#fff;
  margin-bottom:1px
}

.hero-bonus{
  color:#fff0a8;
  font-size:48px;
  line-height:1.05;
  font-weight:900;
  letter-spacing:-1px;
  text-shadow:0 4px 24px rgba(255,211,72,.22);
  margin:2px 0 5px
}

.hero-bonus small{
  font-size:20px;
  letter-spacing:0;
  font-weight:800
}

.hero-note>span{
  display:block;
  color:rgba(255,255,255,.72);
  font-size:12px
}


/* ============================================================
   信任条
   ============================================================ */

.trust{background:#f8fafd;border-bottom:1px solid var(--line)}

.trust-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:18px 0;
  gap:20px;
  flex-wrap:wrap
}

.trust-item{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:13px;
  font-weight:600;
  color:#4d6c93;
  white-space:nowrap
}

.trust-item i{
  font-style:normal;
  font-size:14px;
  color:var(--blue);
  min-width:18px;
  text-align:center
}


/* ============================================================
   通用区块
   ============================================================ */

.section{margin-top:30px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:18px}.section-head h2{font-size:22px;margin:0;color:#163d76}.section-head p{font-size:13px;color:#8aa0bd;margin:6px 0 0;line-height:1.6}.more{font-size:13px;color:var(--blue);font-weight:700}.more:hover{color:var(--blue2)}


/* ============================================================
   产品档位
   ============================================================ */

.products{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.product{position:relative;display:flex;flex-direction:column;border:1px solid #dfeafa;border-radius:14px;padding:18px 16px;background:#fff;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s}.product:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.badge{display:inline-flex;align-self:flex-start;padding:4px 12px;border-radius:20px;background:#ddecff;color:#1c6fdd;font-size:11px;font-weight:800}.product:nth-child(2) .badge{background:#dff8ef;color:#159a6c}.product:nth-child(3) .badge{background:#fff0d5;color:#d38b16}.product:nth-child(4) .badge{background:#eee5ff;color:#7041db}.rate{font-size:21px;font-weight:800;margin:12px 0 4px;color:#126be7;line-height:1.2}.details{margin:12px 0 16px;font-size:12px;color:#607b9e;line-height:1.9;flex:1}.product .btn{width:100%;padding:10px 6px;font-size:12px;color:var(--blue);border-color:#8dbbfa}.product .btn:hover{background:#f0f7ff}.products-more{text-align:center;margin-top:20px}.products-more .btn{padding:11px 28px;font-size:13px}.rule-note{margin-top:14px;padding:13px 16px;background:#f7fbff;border:1px solid #dfeafa;border-radius:10px;color:#607b9e;font-size:12px;line-height:1.7}.rule-note strong{color:#315783}


/* ============================================================
   收益测算
   ============================================================ */

.calculator-section .calc{display:grid;grid-template-columns:1.25fr .75fr;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}

.calc-l{padding:26px;border-right:1px solid var(--line);display:flex;align-items:flex-start}

.calc-r{padding:26px;background:#fafbfc}

.field{margin-bottom:0;width:100%}

.field label{display:block;font-size:12px;color:#8aa0bd;letter-spacing:.5px;margin-bottom:14px}

.tier-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}

.tier-card{
  min-height:92px;
  border:1px solid #dfeafa;
  border-radius:12px;
  background:#fff;
  padding:14px 10px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:7px;
  cursor:pointer;
  transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;
  font-variant-numeric:tabular-nums
}

.tier-card:hover{
  transform:translateY(-2px);
  border-color:#8dbbfa;
  box-shadow:0 6px 18px rgba(28,91,160,.10)
}

.tier-card .tier-name{
  font-size:15px;
  line-height:1;
  font-weight:800;
  color:#1c6fdd
}

.tier-card .tier-amount{
  font-size:14px;
  line-height:1.2;
  font-weight:700;
  color:#315783;
  white-space:nowrap
}

.tier-card.tier-v0{background:#f5f9ff;border-color:#d7e8ff}
.tier-card.tier-v0 .tier-name{color:#1c6fdd}

.tier-card.tier-v1{background:#f3fcf8;border-color:#d8f0e6}
.tier-card.tier-v1 .tier-name{color:#159a6c}

.tier-card.tier-v2{background:#fffaf1;border-color:#f5e4c5}
.tier-card.tier-v2 .tier-name{color:#d38b16}

.tier-card.tier-v3{background:#f8f5ff;border-color:#e6dcfa}
.tier-card.tier-v3 .tier-name{color:#7041db}

.tier-card.tier-v4{background:#f5f8ff;border-color:#dce6fa}
.tier-card.tier-v4 .tier-name{color:#3f68c5}

.tier-card.tier-v5{background:#f3fbfa;border-color:#d7eeeb}
.tier-card.tier-v5 .tier-name{color:#148b8a}

.tier-card.tier-v6{background:#fff6f3;border-color:#f3ddd5}
.tier-card.tier-v6 .tier-name{color:#d05b38}

.tier-card.tier-v7{background:#f7f4ff;border-color:#e3dcf5}
.tier-card.tier-v7 .tier-name{color:#7651c8}

.tier-card.tier-v8{background:#f3f8ff;border-color:#d7e5f7}
.tier-card.tier-v8 .tier-name{color:#2c71b8}

.tier-card.tier-v9{background:#f5f5f5;border-color:#e0e0e0}
.tier-card.tier-v9 .tier-name{color:#536273}

.tier-card.active{
  border-color:var(--blue);
  background:#eef5ff;
  box-shadow:0 0 0 2px rgba(22,119,255,.12),0 8px 22px rgba(22,119,255,.12);
  transform:translateY(-2px)
}

.tier-card.active .tier-name{
  color:var(--blue)
}

.row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid var(--line);font-size:14px}.row:last-child{border-bottom:none}.row .l{color:#607b9e}.row .v{font-weight:700;color:#163d76;font-variant-numeric:tabular-nums;text-align:right}.row .v.blue{color:var(--blue)}.row .v.green{color:var(--green)}.row .v.amber{color:var(--amber)}

.result-box{background:#eef4ff;border:1px solid #d9e4fb;border-radius:10px;padding:20px;text-align:center;margin-bottom:14px}.result-box .l{font-size:12px;color:#607b9e;margin-bottom:6px}.result-box .big{font-size:30px;font-weight:800;color:var(--blue);letter-spacing:-.5px;line-height:1.1}.result-box .u{font-size:12px;color:#8aa0bd;margin-top:4px}


/* ============================================================
   使用流程
   ============================================================ */

.how-it-works{background:#fff;border-radius:16px;padding:26px;box-shadow:var(--shadow)}.flow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.flow-card{border:1px solid var(--line);border-radius:12px;padding:18px;background:#fbfdff}.flow-card span{font-size:12px;color:var(--blue);font-weight:800}.flow-card h3{font-size:16px;color:#163d76;margin:10px 0 7px}.flow-card p{font-size:12px;color:#6d86a6;line-height:1.75;margin:0}


/* ============================================================
   平台数据
   ============================================================ */

.strength{background:#fff;border-radius:16px;box-shadow:var(--shadow);padding:28px 26px}.strength .section-head{margin-bottom:22px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.stat{display:flex;align-items:flex-start;gap:14px;padding:6px 22px;border-right:1px solid var(--line)}.stat:last-child{border-right:0}.stat-icon{width:48px;height:48px;border-radius:12px;background:#edf6ff;color:var(--blue);display:grid;place-items:center;font-size:22px;flex:none}.stat small{display:block;color:#6f89ab;font-weight:600;font-size:12px;margin-bottom:6px}.stat strong{display:block;font-size:26px;color:#153d78;white-space:nowrap;line-height:1.2}.delta{display:block;font-size:12px;color:var(--green);margin-top:6px;font-weight:600}.delta-steady{color:#8aa0bd;font-weight:500}


/* ============================================================
   推荐奖励
   ============================================================ */

.referral{display:flex;align-items:center;gap:22px;padding:18px 26px;background:linear-gradient(105deg,#0f62cf,#2187f5);border-radius:16px;color:#fff;box-shadow:var(--shadow-lg);flex-wrap:wrap}.referral-left{display:flex;align-items:center;gap:14px;flex:1 1 auto;min-width:260px}.gift{font-size:30px;line-height:1;flex:none}.referral-left h2{margin:0 0 3px;font-size:17px;color:#fff;font-weight:800}.referral-left p{margin:0;font-size:12px;color:rgba(255,255,255,.82);line-height:1.6}.referral-left p strong{color:#fff0a8;font-weight:800;font-size:14px}.referral-steps{display:flex;align-items:center;gap:10px;padding:8px 16px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.20);border-radius:12px;backdrop-filter:blur(6px);flex:0 0 auto}.mini-step{display:flex;align-items:center;gap:5px;font-size:12px;color:#fff;white-space:nowrap}.mini-step b{color:#fff0a8;font-weight:800;font-size:14px}.mini-arrow{color:rgba(255,255,255,.55);font-weight:800;font-size:13px}.referral-right{display:flex;align-items:center;gap:10px;flex:0 0 auto}.referral .btn-primary{padding:10px 22px;font-size:13px;background:#fff;color:#1269dc;border-color:#fff;white-space:nowrap}


/* ============================================================
   其他区块
   ============================================================ */

.rules{background:#fff;border-radius:16px;padding:26px;box-shadow:var(--shadow)}.rule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.rule-grid>div{border:1px solid var(--line);border-radius:12px;padding:16px;background:#fbfdff}.rule-grid b{display:block;color:var(--blue);font-size:11px;margin-bottom:8px}.rule-grid strong{display:block;font-size:14px;color:#163d76;margin-bottom:6px}.rule-grid p{margin:0;font-size:12px;color:#6d86a6;line-height:1.7}

.withdraw-info{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}.withdraw-info div{background:#fff;padding:20px}.withdraw-info span{display:block;font-size:12px;color:#8aa0bd;margin-bottom:8px}.withdraw-info strong{font-size:15px;color:#315783}

.news{display:grid;grid-template-columns:1.4fr 1fr;gap:18px;margin-top:28px}.news-col{background:#fff;border-radius:14px;box-shadow:var(--shadow);padding:22px 22px 8px}.news-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.news-head h3{margin:0;font-size:17px;color:#163d76}.notice{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--line);font-size:13px;color:#4f7097}.notice:last-child,.faq-row:last-child{border-bottom:0}.notice i{width:7px;height:7px;border-radius:50%;background:#1981ef;display:inline-block;margin-right:8px}.notice time{color:#91a5bf;white-space:nowrap;font-size:12px}.faq-row{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid var(--line);font-size:13px;color:#56769c}.message-entry{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 26px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.message-entry h2{margin:0 0 5px;font-size:18px;color:#163d76}.message-entry p{margin:0;font-size:12px;color:#7890b0}


/* ============================================================
   页脚
   ============================================================ */

.footer{margin-top:36px;background:var(--navy);color:#d6e4f5;padding:36px 0 24px}.footer-inner{display:flex;justify-content:space-between;align-items:flex-start;gap:40px}.footer-brand{flex:0 0 auto;max-width:300px}.footer .logo{color:#fff}.footer-tag{font-size:12px;color:#9eb6d5;margin-top:10px;line-height:1.7}.footer-nav{display:grid;grid-template-columns:repeat(3,minmax(90px,1fr));gap:24px 56px}.footer-col h4{margin:0 0 14px;font-size:12px;font-weight:700;color:#fff;letter-spacing:.5px}.footer-col a{display:block;font-size:12px;color:#9eb6d5;line-height:2}.footer-col a:hover{color:#fff}.copyright{text-align:center;font-size:11px;color:#8ea8c6;margin-top:30px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);line-height:1.9}.filing{display:block;color:#6f89ab}


/* ============================================================
   1150px 以下
   ============================================================ */

@media(max-width:1150px){

  .nav-links{gap:20px}

  .products{
    grid-template-columns:repeat(2,1fr);
    gap:16px
  }

  .stats{
    grid-template-columns:repeat(2,1fr);
    gap:20px 0
  }

  .stat:nth-child(2){border-right:0}

  .stat:nth-child(1),.stat:nth-child(2){
    border-bottom:1px solid var(--line);
    padding-bottom:20px
  }

  .stat:nth-child(3),.stat:nth-child(4){
    padding-top:20px
  }

  .flow-grid{
    grid-template-columns:repeat(2,1fr)
  }

  .rule-grid{
    grid-template-columns:repeat(2,1fr)
  }

  .withdraw-info{
    grid-template-columns:repeat(2,1fr)
  }

  .referral{
    gap:16px
  }

  .referral-left{
    flex:1 1 100%
  }

  .referral-steps{
    flex:1 1 auto;
    justify-content:center
  }

  .referral-right{
    flex:1 1 auto;
    justify-content:flex-end
  }

  .news{
    grid-template-columns:1fr
  }

  .calculator-section .calc{
    grid-template-columns:1fr
  }

  .calc-l{
    border-right:none;
    border-bottom:1px solid var(--line)
  }

  .hero-copy{
    max-width:650px
  }

  .hero-note{
    min-width:205px;
    padding:20px 22px
  }

}


/* ============================================================
   760px 以下：手机端
   ============================================================ */

@media(max-width:760px){

  .container{
    width:min(100% - 24px,1380px)
  }

  .header{
    height:auto;
    padding:0
  }

  .nav{
    min-height:62px;
    padding:0 16px;
    gap:10px;
    position:relative;
    flex-wrap:nowrap;
    align-items:center
  }

  .logo{
    font-size:17px
  }

  .logo-cn{
    font-size:19px
  }

  .logo-en{
    font-size:14px
  }

  .logo-mark{
    width:27px;
    height:25px
  }

  .mobile-menu-toggle{
    display:flex;
    margin-left:auto;
    border:0;
    background:#f5f9ff;
    color:#1769e0;
    width:42px;
    height:42px;
    border-radius:12px;
    font-size:22px;
    align-items:center;
    justify-content:center;
    flex:0 0 auto
  }

  .nav-links{
    display:none;
    position:absolute;
    top:62px;
    left:0;
    right:0;
    width:100%;
    margin:0!important;
    padding:8px 16px 14px;
    background:#fff;
    border-top:1px solid #e8eef7;
    box-shadow:0 12px 24px rgba(30,70,120,.10);
    flex-direction:column;
    align-items:stretch;
    gap:0!important;
    z-index:999
  }

  .nav-links.mobile-open{
    display:flex
  }

  .nav-links>a,.nav-links .help-trigger{
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
    min-height:46px;
    padding:0 8px;
    font-size:15px;
    border-bottom:1px solid #eef3f8
  }

  .nav-links>a.active{
    color:var(--blue)
  }

  .nav-links>a.active:after{
    display:none
  }

  .nav-links .help{
    width:100%
  }

  .nav-links .help>.help-trigger:after{
    content:'›';
    font-size:20px;
    color:#8aa1bd;
    transition:transform .2s
  }

  .nav-links .help.open>.help-trigger:after{
    transform:rotate(90deg)
  }

  .nav-links .dropdown{
    position:static;
    display:none;
    min-width:0;
    margin:0 0 4px;
    padding:4px 0 4px 12px;
    border:0;
    box-shadow:none;
    background:#f7faff;
    transform:none
  }

  .nav-links .help.open .dropdown{
    display:block
  }

  .nav-links .dropdown a{
    min-height:40px;
    padding:0 10px;
    font-size:14px
  }

  .nav-mobile-auth{
    display:flex;
    gap:10px;
    margin-top:12px
  }

  .nav-mobile-auth .btn{
    flex:1;
    padding:11px 12px;
    font-size:14px
  }

  #desktopAuthGuest{
    display:none !important;
  }


  /* 手机端首屏 */

  .hero{
    height:auto;
    min-height:430px;
    padding:42px 0 36px
  }

  .hero-inner{
    align-items:center;
    justify-content:center
  }

  .hero-copy{
    width:100%;
    max-width:none
  }

  .eyebrow{
    font-size:12px;
    letter-spacing:1.5px;
    margin-bottom:11px
  }

  .hero h1{
    font-size:30px;
    line-height:1.25;
    margin-bottom:14px
  }

  .hero h1 strong{
    white-space:nowrap
  }

  .hero p{
    font-size:15px;
    line-height:1.75;
    margin-bottom:22px
  }

  .hero-actions{
    flex-direction:column;
    align-items:stretch;
    gap:10px
  }

  .hero-actions .btn{
    width:100%
  }

  .hero-benefit{
    justify-content:center;
    gap:6px 14px;
    margin-top:13px;
    font-size:11px
  }

  .hero-note{
    display:block;
    min-width:0;
    width:100%;
    max-width:280px;
    margin:20px auto 0;
    padding:13px 16px;
    border-radius:14px;
    font-size:12px;
    line-height:1.45
  }

  .hero-gift{
    font-size:21px;
    margin-bottom:4px
  }

  .hero-note strong{
    font-size:14px
  }

  .hero-bonus{
    font-size:32px;
    line-height:1;
    margin:1px 0 3px
  }

  .hero-bonus small{
    font-size:15px
  }

  .hero-note>span{
    font-size:10px
  }


  /* 手机端信任条 */

.trust-inner{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  padding:16px 0;
  gap:14px 12px;
}

.trust-item{
  min-width:0;
  font-size:12px;
}


  .section{
    margin-top:22px
  }

  .section-head{
    flex-direction:column;
    align-items:flex-start;
    gap:8px
  }

  .products{
    grid-template-columns:1fr
  }

  .products-more .btn{
    width:100%
  }

  .calculator-section .calc{
    grid-template-columns:1fr
  }

  .calc-l{
    border-right:none;
    border-bottom:1px solid var(--line);
    padding:20px
  }

  .calc-r{
    padding:20px
  }

  .tier-cards{
    grid-template-columns:repeat(2,1fr);
    gap:10px
  }

  .tier-card{
    min-height:82px
  }

  .result-box .big{
    font-size:26px
  }

  .how-it-works,.rules,.strength{
    padding:22px 18px
  }

  .flow-grid,.rule-grid,.withdraw-info{
    grid-template-columns:1fr
  }

  .stat{
    border-right:0;
    border-bottom:1px solid var(--line);
    padding:16px 0
  }

  .stat:last-child{
    border-bottom:0
  }

  .stat strong{
    font-size:22px
  }

  .referral{
    padding:18px;
    flex-direction:column;
    align-items:stretch;
    gap:14px
  }

  .referral-left{
    flex:1 1 auto;
    min-width:0
  }

  .referral-left h2{
    font-size:15px
  }

  .referral-steps{
    justify-content:space-between;
    padding:8px 12px;
    gap:6px
  }

  .mini-step{
    font-size:11px
  }

  .mini-step b{
    font-size:12px
  }

  .referral-right{
    flex-direction:column;
    align-items:stretch;
    gap:8px
  }

  .referral .btn-primary{
    width:100%
  }

  .news-col{
    padding:18px 18px 6px
  }

  .message-entry{
    flex-direction:column;
    align-items:stretch;
    padding:18px
  }

  .message-entry .btn{
    width:100%
  }

  .footer-inner{
    flex-direction:column;
    gap:26px
  }

  .footer-brand{
    max-width:none
  }

  .footer-nav{
    width:100%;
    grid-template-columns:repeat(3,1fr);
    gap:20px
  }

  .footer-col h4{
    margin-bottom:10px
  }

}


/* ============================================================
   480px 以下
   ============================================================ */

@media(max-width:480px){

  .hero{
    min-height:445px;
    padding-top:36px
  }

  .hero h1{
    font-size:27px
  }

  .hero p{
    font-size:14px
  }

  .hero-benefit{
    gap:5px 10px;
    font-size:10px
  }

  .hero-note{
    max-width:250px;
    margin-top:18px;
    padding:11px 14px;
    border-radius:13px
  }

  .hero-gift{
    font-size:19px;
    margin-bottom:3px
  }

  .hero-note strong{
    font-size:13px
  }

  .hero-bonus{
    font-size:29px;
    margin:1px 0 2px
  }

  .hero-bonus small{
    font-size:14px
  }

  .hero-note>span{
    font-size:9px
  }

  .rate{
    font-size:20px
  }

  .stat strong{
    font-size:20px
  }

  .footer-nav{
    grid-template-columns:1fr 1fr;
    gap:18px 20px
  }

  .mini-step{
    font-size:10px
  }

  .row{
    font-size:13px
  }

  .tier-cards{
    grid-template-columns:repeat(2,1fr)
  }

  .tier-card{
    min-height:78px;
    padding:12px 8px
  }

  .tier-card .tier-name{
    font-size:14px
  }

  .tier-card .tier-amount{
    font-size:13px
  }

}


@media(prefers-reduced-motion:reduce){
  *{
    scroll-behavior:auto!important;
    transition:none!important;
    animation:none!important
  }
}


/* ============================================================
   YOU-NION V1.0
   手机端 HERO 优化
   PC 端不受影响
   ============================================================ */

@media (max-width: 760px) {

  /* ----------------------------------------------------------
     HERO 整体
     ---------------------------------------------------------- */

  .hero {
    height: auto;
    min-height: 0;
    padding: 38px 0 34px;
  }

  .hero-inner {
    height: auto;
    display: block;
  }

  .hero-copy {
    width: 100%;
    max-width: none;
  }


  /* ----------------------------------------------------------
     顶部小标题
     ---------------------------------------------------------- */

  .eyebrow {
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: 1.2px;
  }


  /* ----------------------------------------------------------
     主标题
     ---------------------------------------------------------- */

  .hero h1 {
    margin: 0 0 13px;
    font-size: 30px;
    line-height: 1.22;
    letter-spacing: 0;
  }

  .hero h1 strong {
    white-space: normal;
  }


  /* ----------------------------------------------------------
     副标题
     ---------------------------------------------------------- */

  .hero p {
    max-width: 520px;
    margin: 0 0 21px;
    font-size: 15px;
    line-height: 1.7;
  }


  /* ----------------------------------------------------------
     两个主要按钮
     ---------------------------------------------------------- */

  .hero-actions {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }

  .hero-actions .btn {
    width: 100%;
    min-height: 48px;
    padding: 12px 18px;
    font-size: 15px;
  }

  .hero .btn-primary {
    padding: 12px 18px;
    font-size: 15px;
  }

  .hero .btn-ghost {
    padding: 12px 18px;
    font-size: 15px;
  }


  /* ----------------------------------------------------------
     三项核心卖点
     ---------------------------------------------------------- */

  .hero-benefit {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;

    gap: 7px 14px;

    margin-top: 15px;

    font-size: 12px;
    line-height: 1.55;

    color: rgba(255,255,255,.78);
  }

  .hero-benefit span {
    white-space: nowrap;
  }


  /* ----------------------------------------------------------
     PC 端右侧注册奖励卡
     手机端隐藏，避免奖励信息重复
     ---------------------------------------------------------- */

  .hero-note {
    display: none;
  }

}


/* ============================================================
   小屏手机进一步优化
   ============================================================ */

@media (max-width: 480px) {

  .hero {
    min-height: 0;
    padding: 32px 0 30px;
  }

  .hero h1 {
    font-size: 27px;
    line-height: 1.24;
    margin-bottom: 12px;
  }

  .hero p {
    margin-bottom: 19px;
    font-size: 14px;
    line-height: 1.68;
  }

  .hero-actions .btn {
    min-height: 46px;
    font-size: 14px;
  }

  .hero-benefit {
    margin-top: 14px;
    gap: 6px 12px;
    font-size: 11px;
  }

}


/* ============================================================
   手机端 · 平台数据防溢出
   ============================================================ */

@media (max-width: 760px) {

  .stat {
    width: 100%;
    min-width: 0;
  }

  .stat > div:last-child {
    flex: 1;
    min-width: 0;
  }

  .stat strong {
    max-width: 100%;
    white-space: normal;
    word-break: keep-all;
    overflow-wrap: normal;
    font-size: 21px;
  }

}


@media (max-width: 480px) {

  .stat {
    gap: 12px;
  }

  .stat-icon {
    width: 42px;
    height: 42px;
    font-size: 20px;
  }

  .stat strong {
    font-size: 19px;
  }

}


/* ============================================================
   手机端 · 平台数据最终排版
   ============================================================ */

@media (max-width: 760px) {

  .strength {
    padding: 22px 18px;
  }

  .stats {
    display: block;
  }

  .stat {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    align-items: start;

    width: 100%;

    gap: 14px;

    padding: 16px 0;

    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .stat:last-child {
    border-bottom: 0;
  }

  .stat-icon {
    width: 44px;
    height: 44px;

    border-radius: 11px;

    font-size: 20px;
  }

  .stat > div:last-child {
    width: 100%;
    min-width: 0;
  }

  .stat small {
    margin-bottom: 5px;

    font-size: 12px;
  }

  .stat strong {
    display: block;

    width: 100%;
    max-width: 100%;

    font-size: 21px;
    line-height: 1.3;

    white-space: normal;
    overflow-wrap: break-word;
    word-break: normal;
  }

  .delta {
    margin-top: 5px;

    font-size: 11px;
  }

}


@media (max-width: 480px) {

  .strength {
    padding: 20px 16px;
  }

  .stat {
    grid-template-columns: 40px minmax(0, 1fr);

    gap: 12px;

    padding: 15px 0;
  }

  .stat-icon {
    width: 40px;
    height: 40px;

    font-size: 19px;
  }

  .stat strong {
    font-size: 19px;
  }

}


/* ============================================================
   平台数据 · 手机端彻底防止横向溢出
   ============================================================ */

@media (max-width: 800px) {

  /* 整个模块绝不能超过屏幕 */
  .strength {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    padding: 22px 16px;
  }

  .strength .section-head {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  /* 强制单列，不再继承 PC / 平板两列 */
  .strength .stats {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
    max-width: 100%;
    min-width: 0;
    gap: 0;
  }

  /* 每一项本身也禁止撑宽父级 */
  .strength .stat {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);

    width: 100%;
    max-width: 100%;
    min-width: 0;

    margin: 0;
    padding: 16px 0;

    gap: 12px;

    border-right: 0;
    border-bottom: 1px solid var(--line);

    overflow: hidden;
  }

  .strength .stat:last-child {
    border-bottom: 0;
  }

  /* 图标固定宽度 */
  .strength .stat-icon {
    width: 42px;
    height: 42px;
    min-width: 42px;

    font-size: 19px;
  }

  /* 右侧内容允许真正缩小 */
  .strength .stat > div:last-child {
    width: 100%;
    max-width: 100%;
    min-width: 0;

    overflow: hidden;
  }

  .strength .stat small,
  .strength .stat .delta {
    max-width: 100%;
  }

  /* 数值区域 */
  .strength .stat strong {
    display: block;

    width: 100%;
    max-width: 100%;
    min-width: 0;

    margin: 0;

    font-size: 20px;
    line-height: 1.3;

    white-space: normal !important;
    word-break: break-word;
    overflow-wrap: anywhere;

    overflow: hidden;
  }

}


@media (max-width: 420px) {

  .strength {
    padding: 20px 14px;
  }

  .strength .stat {
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 10px;
  }

  .strength .stat-icon {
    width: 38px;
    height: 38px;
    min-width: 38px;
    font-size: 18px;
  }

  .strength .stat strong {
    font-size: 18px;
  }

}


/* ============================================================
   YOU-NION V1.0
   X 合作站点悬浮球
   ============================================================ */


/* ------------------------------------------------------------
   最外层
   ------------------------------------------------------------ */

.x-float {
    position: fixed;

    right: 16px;
    bottom: 110px;

    z-index: 1500;

    width: 58px;
    height: 58px;

    user-select: none;
    -webkit-user-select: none;

    touch-action: none;
}


/* ------------------------------------------------------------
   悬浮球
   ------------------------------------------------------------ */

.x-float-ball {
    position: relative;

    width: 58px;
    height: 58px;

    padding: 0;

    border: 1px solid rgba(255,255,255,.75);
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    overflow: hidden;

    cursor: pointer;

    color: #fff;

    background:

        radial-gradient(
            circle at 30% 20%,
            rgba(255,255,255,.72) 0,
            rgba(255,255,255,.18) 21%,
            transparent 43%
        ),

        linear-gradient(
            145deg,
            #82dcff 0%,
            #55c2ff 20%,
            #4aa7ff 45%,
            #4f91f5 70%,
            #62b9ff 100%
        );

    box-shadow:

        inset 0 2px 5px rgba(255,255,255,.85),

        inset 0 -7px 14px rgba(35,108,220,.22),

        0 0 0 2px rgba(114,215,255,.18),

        0 7px 20px rgba(26,109,210,.30),

        0 0 20px rgba(79,180,255,.22);

    backdrop-filter:
        blur(12px);

    -webkit-backdrop-filter:
        blur(12px);

    transition:
        transform .22s ease,
        box-shadow .22s ease;
}


/* 鼠标经过 */

.x-float-ball:hover {
    transform: scale(1.06);

    box-shadow:

        inset 0 2px 5px rgba(255,255,255,.9),

        inset 0 -7px 14px rgba(35,108,220,.2),

        0 0 0 3px rgba(125,221,255,.20),

        0 9px 25px rgba(25,110,220,.35),

        0 0 25px rgba(88,193,255,.30);
}


/* 点击 */

.x-float-ball:active {
    transform: scale(.96);
}


/* ------------------------------------------------------------
   玻璃高光
   ------------------------------------------------------------ */

.x-float-shine {
    position: absolute;

    width: 34px;
    height: 15px;

    top: 7px;
    left: 8px;

    border-radius: 50%;

    transform:
        rotate(-18deg);

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.85),
            rgba(255,255,255,.05)
        );

    filter:
        blur(.2px);

    pointer-events: none;
}


/* ------------------------------------------------------------
   X 字体
   ------------------------------------------------------------ */

.x-float-letter {
    position: relative;

    z-index: 2;

    font-size: 32px;
    line-height: 1;

    font-weight: 900;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    color: rgba(255,255,255,.97);

    text-shadow:

        0 1px 1px rgba(255,255,255,.4),

        0 2px 5px rgba(15,78,180,.22),

        0 0 8px rgba(255,255,255,.25);
}


/* ------------------------------------------------------------
   展开窗口
   ------------------------------------------------------------ */

.x-float-panel {
    position: absolute;

    right: 0;
    bottom: 72px;

    /* 根据实际内容自动决定宽度 */
    width: max-content;

    /* 避免内容太短时窗口过窄 */
    min-width: 240px;

    /* PC端最大宽度，且绝不超过屏幕 */
    max-width: min(420px, calc(100vw - 32px));

    padding: 18px;

    background:
        rgba(255,255,255,.97);

    border:
        1px solid rgba(212,228,248,.95);

    border-radius: 18px;

    box-shadow:
        0 18px 55px rgba(24,70,130,.22);

    backdrop-filter:
        blur(20px);

    -webkit-backdrop-filter:
        blur(20px);

    opacity: 0;
    visibility: hidden;

    transform:
        translateY(12px)
        scale(.95);

    transform-origin:
        right bottom;

    transition:
        opacity .22s ease,
        transform .22s ease,
        visibility .22s ease;

    pointer-events: none;
}


/* 展开状态 */

.x-float.open
.x-float-panel {

    opacity: 1;
    visibility: visible;

    transform:
        translateY(0)
        scale(1);

    pointer-events: auto;
}


/* ------------------------------------------------------------
   卡片顶部
   ------------------------------------------------------------ */

.x-float-panel-header {
    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    gap: 16px;

    padding-bottom: 14px;

    border-bottom:
        1px solid #edf2f8;
}


.x-float-panel-title {
    color: #173d74;

    font-size: 16px;

    line-height: 1.4;

    font-weight: 800;
}


.x-float-panel-subtitle {
    margin-top: 3px;

    color: #91a5c0;

    font-size: 10px;

    letter-spacing: .8px;

    text-transform: uppercase;
}


/* ------------------------------------------------------------
   关闭按钮
   ------------------------------------------------------------ */

.x-float-close {
    flex: 0 0 auto;

    width: 30px;
    height: 30px;

    border: 0;

    border-radius: 9px;

    display: flex;
    align-items: center;
    justify-content: center;

    background:
        #f4f8fd;

    color:
        #7188a6;

    font-size: 21px;

    line-height: 1;

    cursor: pointer;
}


.x-float-close:hover {
    color: #3175d7;

    background:
        #edf5ff;
}


/* ============================================================
   未登录状态
   ============================================================ */

.x-float-guest {
    padding-top: 19px;

    text-align: center;
}


/* 锁图标 */

.x-float-lock {
    width: 58px;
    height: 58px;

    margin:
        0 auto 13px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        linear-gradient(
            145deg,
            #f1f8ff,
            #e4f2ff
        );
}


.x-float-lock-icon {
    font-size: 24px;
}


/* 提示 */

.x-float-message {
    margin-bottom: 17px;

    color: #526b8d;

    font-size: 14px;

    line-height: 1.7;
}


/* 登录按钮 */

.x-float-login {
    width: 100%;
    min-height: 44px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 10px;

    color: #fff;

    font-size: 14px;
    font-weight: 700;

    background:
        linear-gradient(
            135deg,
            #55b9ff,
            #438cf0
        );

    box-shadow:
        0 7px 18px
        rgba(68,145,235,.25);

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}


.x-float-login:hover {
    color: #fff;

    transform:
        translateY(-1px);

    box-shadow:
        0 9px 22px
        rgba(68,145,235,.32);
}


/* ============================================================
   已登录状态
   ============================================================ */

.x-float-user {
    padding-top: 17px;
}


.x-float-content {
    min-width: 200px;

    /* 内容短时自然收缩，内容长时最多到380px */
    width: max-content;
    max-width: 380px;

    padding: 14px 16px;

    border: 1px solid #dcecff;
    border-radius: 13px;

    text-align: left;

    color: #1767b9;
    font-size: 15px;
    line-height: 1.7;
    font-weight: 800;

    /* 保留PHP多行文字中的换行 */
    white-space: pre-line;

    /* 长文字允许正常换行，不撑破窗口 */
    word-break: normal;
    overflow-wrap: break-word;

    /* 最多显示4行，超过后出现纵向滚动条 */
    max-height: calc(1.7em * 4 + 28px);
    overflow-y: auto;
    overflow-x: hidden;

    scrollbar-width: thin;
    scrollbar-color: #b9d7f8 transparent;

    background:
        linear-gradient(
            135deg,
            #f2fbff,
            #ebf5ff
        );
}


.x-float-content::-webkit-scrollbar {
    width: 6px;
}


.x-float-content::-webkit-scrollbar-track {
    background: transparent;
}


.x-float-content::-webkit-scrollbar-thumb {
    background: #b9d7f8;
    border-radius: 6px;
}


.x-float-content::-webkit-scrollbar-thumb:hover {
    background: #8fbeef;
}


/* ============================================================
   左侧吸附状态
   ============================================================ */

.x-float.left {

    right: auto;
    left: 16px;
}


.x-float.left
.x-float-panel {

    right: auto;
    left: 0;

    transform-origin:
        left bottom;
}


/* ============================================================
   拖动状态
   ============================================================ */

.x-float.dragging
.x-float-ball {

    transform:
        scale(1.08);

    opacity: .93;
}


/* ============================================================
   手机端
   ============================================================ */

@media (max-width: 760px) {

    .x-float {

        right: 10px;

        bottom: 82px;

        width: 52px;
        height: 52px;
    }


    .x-float.left {

        right: auto;

        left: 10px;
    }


    .x-float-ball {

        width: 52px;
        height: 52px;
    }


    .x-float-letter {

        font-size: 28px;
    }


    .x-float-shine {

        width: 31px;

        height: 13px;

        top: 6px;

        left: 7px;
    }


    .x-float-panel {

        position: fixed;

        bottom: 145px;

        right: 12px;

        width: max-content;

        min-width: 220px;

        max-width: calc(100vw - 24px);

        transform-origin:
            right bottom;
    }


    .x-float-content {

        font-size: 14px;
        line-height: 1.65;

        max-width: calc(100vw - 60px);

        max-height: calc(1.65em * 4 + 28px);
    }


    .x-float.left
    .x-float-panel {

        left: 12px;
        right: auto;

        transform-origin:
            left bottom;
    }

}


/* ============================================================
   小屏手机
   ============================================================ */

@media (max-width: 420px) {

    .x-float-panel {

        width: max-content;

        min-width: 210px;

        max-width: calc(100vw - 20px);

        right: 10px;

        padding: 16px;
    }


    .x-float.left
    .x-float-panel {

        left: 10px;
        right: auto;
    }


    .x-float-content {

        font-size: 13px;
        line-height: 1.65;

        max-width: calc(100vw - 52px);

        max-height: calc(1.65em * 4 + 28px);
    }

}