*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.gx-body{
  margin:0;
  color:#10203a;
  font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
  background:
    radial-gradient(860px 360px at -8% -10%, rgba(12,148,136,.18), transparent 58%),
    radial-gradient(680px 320px at 108% 2%, rgba(59,130,246,.12), transparent 56%),
    linear-gradient(180deg,#f5fbff,#edf4fb 42%,#ffffff);
}
.gx-shell{
  width:min(100vw - 16px,1240px);
  margin:0 auto;
  padding:10px 0 0;
}
.gx-topbar,
.gx-hero{
  background:rgba(255,255,255,.84);
  backdrop-filter:blur(16px);
  border:1px solid rgba(148,163,184,.16);
  box-shadow:0 20px 56px rgba(15,23,42,.07);
}
.gx-topbar{
  border-radius:26px;
  padding:12px;
  display:flex;
  gap:12px;
  align-items:flex-start;
  justify-content:space-between;
  flex-wrap:wrap;
}
.gx-brand{
  display:flex;
  gap:13px;
  align-items:center;
  color:#0f172a;
  text-decoration:none;
  min-width:0;
}
.gx-brand-mark{
  width:46px;
  height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:16px;
  background:linear-gradient(180deg,#f3f9ff,#e8f2ff);
  border:1px solid #dbeafe;
  overflow:hidden;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
}
.gx-brand-mark img{
  width:100%;
  height:100%;
  display:block;
}
.gx-brand-copy{
  display:grid;
  gap:3px;
}
.gx-brand-copy strong{
  font-family:"Space Grotesk","Noto Sans SC",sans-serif;
  font-size:17px;
  line-height:1;
  letter-spacing:-.02em;
}
.gx-brand-copy small{
  font-size:12px;
  color:#64748b;
}
.gx-topbar-side{
  display:grid;
  gap:10px;
  width:100%;
}
.gx-topbar-note{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:36px;
  width:max-content;
  max-width:100%;
  padding:7px 12px;
  border-radius:999px;
  color:#0f4c81;
  background:rgba(239,246,255,.86);
  border:1px solid #bfdbfe;
  font-size:12px;
  font-weight:700;
}
.gx-topbar-dot{
  width:8px;
  height:8px;
  flex:0 0 auto;
  border-radius:50%;
  background:#22c55e;
  box-shadow:0 0 0 4px rgba(34,197,94,.14);
}
.gx-nav{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  width:100%;
}
.gx-account{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  align-items:center;
}
.gx-account-copy{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:7px 12px;
  border-radius:999px;
  color:#334155;
  background:rgba(255,255,255,.88);
  border:1px solid #dbe4ee;
  font-size:12px;
  font-weight:700;
}
.gx-account.is-user .gx-account-copy{
  color:#0f4c81;
  background:rgba(239,246,255,.86);
  border-color:#bfdbfe;
}
.gx-account-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:8px 14px;
  border-radius:999px;
  text-decoration:none;
  color:#fff;
  background:linear-gradient(135deg,#0f766e,#1d4ed8);
  font-size:12px;
  font-weight:800;
  box-shadow:0 10px 20px rgba(29,78,216,.16);
}
.gx-nav-link{
  min-height:42px;
  padding:11px 14px;
  border-radius:999px;
  text-decoration:none;
  color:#334155;
  background:rgba(255,255,255,.88);
  border:1px solid #dbe4ee;
  font-size:13px;
  font-weight:700;
  line-height:1;
}
.gx-nav-link.is-active{
  color:#fff;
  background:linear-gradient(135deg,#0f766e,#1d4ed8);
  border-color:transparent;
  box-shadow:0 10px 22px rgba(29,78,216,.2);
}
.gx-hero{
  margin-top:12px;
  border-radius:28px;
  padding:16px;
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
}
.gx-kicker{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:8px 12px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:#0f766e;
  background:#ecfeff;
  border:1px solid #99f6e4;
}
.gx-hero-title{
  margin:12px 0 8px;
  font-family:"Space Grotesk","Noto Sans SC",sans-serif;
  font-size:30px;
  line-height:1.08;
  letter-spacing:-.04em;
}
.gx-hero-copy{
  margin:0;
  max-width:760px;
  color:#526277;
  line-height:1.7;
  font-size:15px;
}
.gx-hero-actions{
  margin-top:14px;
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.gx-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:11px 16px;
  border-radius:999px;
  text-decoration:none;
  border:none;
  cursor:pointer;
  font-size:14px;
  font-weight:800;
  color:#fff;
  background:linear-gradient(135deg,#0f766e,#1d4ed8);
  box-shadow:0 12px 26px rgba(29,78,216,.18);
}
.gx-btn.secondary{
  color:#0f172a;
  background:#fff;
  border:1px solid #dbe4ee;
  box-shadow:none;
}
.gx-hero-side{
  display:grid;
  gap:10px;
}
.gx-hero-stat,
.gx-hero-note{
  border-radius:24px;
  background:linear-gradient(180deg,#ffffff,#f7fafc);
  border:1px solid #dbe4ee;
  padding:16px 18px;
}
.gx-hero-stat-label{
  display:block;
  color:#64748b;
  font-size:12px;
}
.gx-hero-stat-value{
  display:block;
  margin-top:8px;
  font-size:28px;
  line-height:1.08;
  letter-spacing:-.03em;
}
.gx-hero-stat-hint,
.gx-hero-note{
  color:#64748b;
  font-size:13px;
  line-height:1.7;
}
.gx-page{
  width:min(100vw - 16px,1240px);
  margin:0 auto;
  padding:12px 0 34px;
}
.gx-footer-shell{
  width:min(100vw - 16px,1240px);
  margin:0 auto;
  padding:0 0 24px;
}
.gx-footer{
  display:grid;
  gap:14px;
  padding:16px;
  border-radius:26px;
  background:linear-gradient(180deg,rgba(10,18,35,.98),rgba(11,22,48,.96));
  border:1px solid rgba(96,165,250,.18);
  box-shadow:0 22px 54px rgba(15,23,42,.18);
}
.gx-footer-brand{
  display:grid;
  gap:14px;
}
.gx-footer-mark{
  width:48px;
  height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:16px;
  background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.08));
  border:1px solid rgba(191,219,254,.18);
  overflow:hidden;
}
.gx-footer-mark img{
  width:100%;
  height:100%;
  display:block;
}
.gx-footer-copy strong{
  display:block;
  color:#eff6ff;
  font-family:"Space Grotesk","Noto Sans SC",sans-serif;
  font-size:18px;
  line-height:1.05;
}
.gx-footer-copy p{
  margin:10px 0 0;
  color:#cbd5e1;
  font-size:13px;
  line-height:1.85;
}
.gx-footer-links{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.gx-footer-links a{
  display:inline-flex;
  align-items:center;
  min-height:42px;
  padding:0 14px;
  border-radius:999px;
  text-decoration:none;
  color:#e2e8f0;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(191,219,254,.16);
  font-size:13px;
  font-weight:700;
}
.gx-page .hero,
.gx-page .card{
  background:rgba(255,255,255,.86);
  border:1px solid rgba(148,163,184,.18);
  box-shadow:0 18px 42px rgba(15,23,42,.07);
}
@media (max-width:759px){
  .gx-topbar{
    position:sticky;
    top:8px;
    z-index:20;
  }
  .gx-topbar-note{
    width:100%;
    justify-content:center;
  }
  .gx-nav{
    flex-wrap:nowrap;
    overflow-x:auto;
    padding-bottom:2px;
    scrollbar-width:none;
    -ms-overflow-style:none;
  }
  .gx-nav::-webkit-scrollbar{
    display:none;
  }
  .gx-nav-link{
    flex:0 0 auto;
  }
  .gx-account{
    width:100%;
  }
  .gx-account-copy,
  .gx-account-link{
    flex:1 1 calc(50% - 4px);
    justify-content:center;
  }
  .gx-hero{
    gap:12px;
  }
  .gx-hero-title{
    font-size:28px;
  }
  .gx-hero-copy{
    font-size:14px;
  }
  .gx-btn{
    min-width:calc(50% - 4px);
    flex:1 1 160px;
  }
  .gx-hero-stat{
    padding:14px 16px;
  }
  .gx-hero-stat-value{
    font-size:24px;
  }
  .gx-footer-links a{
    flex:1 1 calc(50% - 5px);
    justify-content:center;
  }
}
@media (min-width:760px){
  .gx-shell,.gx-page{width:min(100vw - 24px,1240px)}
  .gx-footer-shell{width:min(100vw - 24px,1240px)}
  .gx-topbar{padding:16px 18px;align-items:center}
  .gx-topbar-side{width:auto;justify-items:end}
  .gx-nav{width:auto;gap:10px;justify-content:flex-end}
  .gx-account{justify-content:flex-end}
  .gx-nav-link{padding:10px 14px;font-size:13px}
  .gx-hero{padding:24px;grid-template-columns:minmax(0,1.45fr) minmax(280px,.9fr);gap:18px;border-radius:32px}
  .gx-hero-title{font-size:40px}
  .gx-page{padding:18px 0 44px}
  .gx-footer{padding:22px 24px;grid-template-columns:minmax(0,1fr) auto;align-items:center}
  .gx-footer-brand{grid-template-columns:auto minmax(0,1fr);align-items:center}
}
@media (min-width:1080px){
  .gx-hero-title{font-size:46px}
}