.gx-home{
  --gx-text:#1a1d3b;
  --gx-text-soft:rgba(26,29,59,0.78);
  --gx-text-mute:rgba(26,29,59,0.50);
  --gx-glass-bg:rgba(255,255,255,0.55);
  --gx-glass-bg-strong:rgba(255,255,255,0.70);
  --gx-glass-border:rgba(255,255,255,0.85);
  --gx-shadow:0 18px 48px rgba(31,38,135,0.10), 0 2px 6px rgba(31,38,135,0.05);
  --gx-post-bg:rgba(255,255,255,0.50);
  --gx-post-border:rgba(255,255,255,0.80);
  --gx-chip-bg:rgba(255,255,255,0.55);
  --gx-chip-bg-hover:rgba(255,255,255,0.90);
  --gx-bg-grad-1:#ffb8ce;
  --gx-bg-grad-2:#a7c4ff;
  --gx-bg-grad-3:#98e6c8;
  --gx-bg-grad-4:#d0adff;
  --gx-bg-base-from:#ece4d9;
  --gx-bg-base-to:#dbe2ee;
  --gx-accent:#0ea88f;

  position:relative;
  overflow:hidden;
  border-radius:26px;
  margin:0 auto 24px;
  color:var(--gx-text);
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue","Microsoft YaHei",sans-serif;
  -webkit-font-smoothing:antialiased;
  line-height:1.6;
  background:var(--gx-bg-base-to);
}
.gx-home *{ box-sizing:border-box; }

/* 极光网格渐变背景（白昼） */
.gx-home .gx-bg{
  position:absolute; inset:0; z-index:0;
  background:
    radial-gradient(at 18% 20%, var(--gx-bg-grad-1) 0, transparent 38%),
    radial-gradient(at 82% 14%, var(--gx-bg-grad-2) 0, transparent 42%),
    radial-gradient(at 88% 84%, var(--gx-bg-grad-3) 0, transparent 40%),
    radial-gradient(at 14% 88%, var(--gx-bg-grad-4) 0, transparent 42%),
    linear-gradient(135deg, var(--gx-bg-base-from) 0%, var(--gx-bg-base-to) 100%);
  filter:saturate(122%);
}
.gx-home .gx-grain{
  position:absolute; inset:0; z-index:0; pointer-events:none; opacity:0.04; mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/></svg>");
}

.gx-home .gx-wrap{ position:relative; z-index:1; max-width:none; margin:0; padding:44px 100px 60px; }

.gx-home .gx-glass{
  background:var(--gx-glass-bg); border:1px solid var(--gx-glass-border);
  backdrop-filter:blur(28px) saturate(180%); -webkit-backdrop-filter:blur(28px) saturate(180%);
  box-shadow:var(--gx-shadow); border-radius:26px;
}

/* ============ Hero ============ */
.gx-home .gx-hero{ padding:52px 44px 48px; text-align:center; }

.gx-home .gx-logo-row{ display:flex; align-items:center; justify-content:center; gap:13px; margin-bottom:18px; }
.gx-home .gx-logo-icon{
  width:62px; height:62px; border-radius:17px; display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg,#0ea88f,#3a6ff0); color:#fff; box-shadow:0 8px 20px rgba(58,111,240,0.3);
}
.gx-home .gx-logo-icon svg{ width:34px; height:34px; }
.gx-home .gx-logo-text{
  font-size:42px; font-weight:800; letter-spacing:.5px; margin:0;
  background:linear-gradient(100deg,#0ea88f,#3a6ff0);
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
}
.gx-home .gx-year-tag{
  display:inline-block; padding:7px 20px; border-radius:999px; margin-bottom:26px;
  background:var(--gx-chip-bg); border:1px solid var(--gx-glass-border);
  font-size:13.5px; font-weight:600; letter-spacing:1px; color:var(--gx-accent);
}

.gx-home .gx-h1{ font-size:50px; font-weight:800; letter-spacing:-1px; line-height:1.18; margin:0 0 18px; }
.gx-home .gx-h1 .gx-hl{
  background:linear-gradient(100deg,#0ea88f,#3a6ff0);
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
}
.gx-home .gx-sub{ font-size:19px; line-height:1.7; color:var(--gx-text-soft); max-width:720px; margin:0 auto 38px; }

/* 卖点卡 */
.gx-home .gx-benefits{ display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:18px; margin-bottom:26px; }
.gx-home .gx-bcard{
  padding:28px 22px; border-radius:18px; text-align:center;
  background:var(--gx-post-bg); border:1px solid var(--gx-post-border);
  transition:transform .2s ease, background .2s ease;
}
.gx-home .gx-bcard:hover{ transform:translateY(-3px); background:var(--gx-glass-bg-strong); }
.gx-home .gx-bcard .gx-ic{
  width:68px; height:68px; border-radius:18px; display:flex; align-items:center; justify-content:center;
  background:var(--gx-chip-bg); border:1px solid var(--gx-glass-border); color:var(--gx-accent); margin:0 auto 18px;
}
.gx-home .gx-bcard .gx-ic svg{ width:36px; height:36px; }
.gx-home .gx-bcard h3{ font-size:20px; font-weight:800; margin:0 0 10px;
  background:linear-gradient(100deg,#0ea88f,#3a6ff0);
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.gx-home .gx-bcard p{ font-size:14.5px; color:var(--gx-text-soft); margin:0; line-height:1.6; }

/* 收益构成 */
.gx-home .gx-profit{
  padding:24px 24px 22px; border-radius:18px; margin-bottom:28px; text-align:left;
  background:var(--gx-post-bg); border:1px solid var(--gx-post-border);
}
.gx-home .gx-profit .gx-pt{ font-size:16px; font-weight:700; margin:0 0 14px; display:flex; align-items:center; gap:9px; }
.gx-home .gx-pills{ display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }
.gx-home .gx-pill{
  display:flex; align-items:center; justify-content:center; gap:8px; padding:12px 14px; border-radius:12px;
  background:var(--gx-chip-bg); border:1px solid var(--gx-glass-border); font-size:14px; font-weight:600; color:var(--gx-text);
}
.gx-home .gx-pill svg{ width:16px; height:16px; color:var(--gx-accent); }
.gx-home .gx-profit .gx-note{ font-size:12px; color:var(--gx-text-mute); margin:14px 0 0; }

/* 邀请码 + 联系 */
.gx-home .gx-hero-contact{ display:flex; flex-wrap:wrap; justify-content:center; gap:14px; margin-bottom:30px; }
.gx-home .gx-hc{
  min-width:200px; padding:16px 24px; border-radius:16px; text-align:center;
  background:var(--gx-post-bg); border:1px solid var(--gx-post-border);
}
.gx-home .gx-hc .gx-lab{ font-size:12.5px; color:var(--gx-text-mute); margin-bottom:7px; letter-spacing:.5px;
  display:inline-flex; align-items:center; justify-content:center; gap:6px; }
.gx-home .gx-hc .gx-lab svg{ width:15px; height:15px; color:var(--gx-accent); }
.gx-home .gx-hc .gx-val{ font-size:24px; font-weight:800; letter-spacing:1px; color:var(--gx-accent); }
.gx-home .gx-hc .gx-val.gx-small{ font-size:18px; }

/* CTA */
.gx-home .gx-apply-btn{
  position:relative; overflow:hidden;
  display:inline-flex; align-items:center; gap:10px; padding:18px 50px; border-radius:999px; text-decoration:none;
  background:linear-gradient(135deg,#5e8cff,#8f6bff); color:#fff; font-size:17px; font-weight:700; letter-spacing:1px;
  box-shadow:0 14px 32px rgba(94,140,255,0.4); transition:transform .2s ease, box-shadow .2s ease;
}
.gx-home .gx-apply-btn::before{
  content:""; position:absolute; top:0; left:-100%; width:100%; height:100%;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,0.38), transparent);
  transition:left .7s ease;
}
.gx-home .gx-apply-btn:hover{ transform:translateY(-3px) scale(1.02); box-shadow:0 18px 42px rgba(94,140,255,0.55); }
.gx-home .gx-apply-btn:hover::before{ left:100%; }
.gx-home .gx-apply-btn svg{ width:19px; height:19px; position:relative; z-index:1; }
.gx-home .gx-apply-btn span{ position:relative; z-index:1; }

.gx-home .gx-assure{
  display:inline-flex; align-items:center; gap:9px; margin-top:24px; font-size:13.5px; color:var(--gx-text-soft);
  padding:10px 20px; border-radius:999px; background:var(--gx-chip-bg); border:1px solid var(--gx-glass-border);
}
.gx-home .gx-assure svg{ width:15px; height:15px; color:var(--gx-accent); }

/* ============ 页脚块 ============ */
.gx-home .gx-footer-card{ margin-top:20px; padding:36px 40px; }
.gx-home .gx-footer-top{
  display:flex; flex-wrap:wrap; gap:28px; justify-content:space-between;
}
.gx-home .gx-fbrand{ flex:1; min-width:260px; text-align:left; }
.gx-home .gx-fname{
  font-size:22px; font-weight:800; margin-bottom:8px;
  background:linear-gradient(100deg,#0ea88f,#3a6ff0);
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
}
.gx-home .gx-slogan{ font-size:13.5px; color:var(--gx-text-soft); line-height:1.7; }
.gx-home .gx-ftags{ display:flex; flex-wrap:wrap; gap:9px; margin-top:16px; }
.gx-home .gx-ftag{ padding:6px 14px; border-radius:999px; font-size:12px; color:var(--gx-text-soft);
  background:var(--gx-chip-bg); border:1px solid var(--gx-glass-border); }
.gx-home .gx-fcontact{ flex:1; min-width:240px; text-align:left; }
.gx-home .gx-ct{ font-size:15px; font-weight:700; margin-bottom:14px; }
.gx-home .gx-fc-item{ display:flex; align-items:center; gap:12px; margin-bottom:12px; }
.gx-home .gx-fc-item .gx-ci{
  width:38px; height:38px; border-radius:11px; flex:none; display:flex; align-items:center; justify-content:center;
  background:var(--gx-chip-bg); border:1px solid var(--gx-glass-border); color:var(--gx-accent);
}
.gx-home .gx-fc-item .gx-ci svg{ width:18px; height:18px; }
.gx-home .gx-fc-item .gx-flab{ font-size:12px; color:var(--gx-text-mute); }
.gx-home .gx-fc-item .gx-fval{ font-size:14.5px; font-weight:650; }
.gx-home .gx-fc-item .gx-fval.gx-hl2{ color:var(--gx-accent); }
.gx-home .gx-footer-bottom{ padding-top:22px; font-size:12.5px; color:var(--gx-text-mute); text-align:center; line-height:1.8; }

@media (max-width:600px){
  .gx-home .gx-wrap{ padding:30px 15px 48px; }
  .gx-home .gx-hero{ padding:38px 22px 36px; }
  .gx-home .gx-h1{ font-size:34px; letter-spacing:-.5px; }
  .gx-home .gx-logo-text{ font-size:24px; }
  .gx-home .gx-pills{ grid-template-columns:repeat(2,1fr); }
  .gx-home .gx-footer-top{ flex-direction:column; gap:22px; }
}