:root {
  --primary: #00ffea;
  --dark: #0a0e1f;
}

body {
  margin:0; padding:0; font-family:system-ui, sans-serif; background:var(--dark); color:#e0f7ff; overflow-x:hidden;
}
#three-bg { position:fixed; inset:0; z-index:-1; pointer-events:none; }

header {
  position:fixed; top:0; left:0; right:0; padding:1rem 5%; background:rgba(10,14,31,0.75); backdrop-filter:blur(10px);
  display:flex; justify-content:space-between; align-items:center; z-index:100;
}
.logo { font-size:1.9rem; font-weight:bold; color:var(--primary); }
nav a { color:#d0eaff; margin:0 1.3rem; text-decoration:none; }
nav a:hover { color:var(--primary); }

#connectBtn { background:var(--primary); color:#000; border:none; padding:0.7rem 1.4rem; border-radius:2rem; font-weight:bold; cursor:pointer; }
.hidden { display:none !important; }
#walletBox { display:flex; gap:1.2rem; font-size:0.95rem; align-items:center; }

.hero { min-height:100vh; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:0 5%; }
h1 { font-size:6.5rem; margin:0; background:linear-gradient(90deg, #00ffea, #ff00d4); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.ca-box { margin:2.5rem 0; padding:1.8rem; background:rgba(20,30,60,0.6); border:2px solid var(--primary); border-radius:16px; max-width:520px; }
.label { color:#a0d0ff; font-size:1.1rem; }
#ca-text { font-family:monospace; font-size:1.4rem; word-break:break-all; color:var(--primary); margin:1rem 0; }
.btn.primary { background:var(--primary); color:#000; padding:1.1rem 2.8rem; border-radius:999px; text-decoration:none; font-size:1.4rem; font-weight:bold; margin-top:1.5rem; display:inline-block; }

footer { text-align:center; padding:3rem 0; color:#64748b; position:relative; z-index:5; }

/* 手机适配 */
@media (max-width:768px) {
  h1 { font-size:4.2rem; }
  nav { display:none; }
  header { flex-direction:column; gap:1rem; padding:1.2rem 4%; }
  .ca-box { padding:1.3rem; }
}