/* 官网首页主题：墨色底 + 香槟金，避免高饱和粉紫渐变。 */
.landing-body {
  --bg: #0d0c0a;
  --bg-soft: #15130f;
  --card: #1b1813;
  --card-hover: #242017;
  --border: rgba(239, 218, 178, 0.14);
  --text: #f5f0e7;
  --text-dim: #aaa195;
  --pink: #e0bd82;
  --pink-deep: #a97842;
  --purple: #c8ad7b;
  --grad: linear-gradient(135deg, #9a6735 0%, #d1a667 52%, #ecd4a4 100%);
}

.landing-body .nav-inner {
  background: rgba(18, 16, 12, 0.8);
  border-color: rgba(239, 218, 178, 0.16);
}

.landing-body .nav-links a:hover,
.landing-body .nav-plaza-link {
  color: #f0d19a;
}

.landing-body .nav-plaza-link {
  background: rgba(210, 166, 105, 0.1);
  border: 1px solid rgba(210, 166, 105, 0.24);
}

.landing-body .brand-dot {
  box-shadow: 0 8px 18px rgba(193, 143, 73, 0.28);
}

.landing-body .btn-primary {
  color: #21170e;
  box-shadow: 0 10px 28px rgba(169, 120, 61, 0.3);
}

.landing-body .btn-primary:hover {
  box-shadow: 0 14px 34px rgba(205, 159, 88, 0.42);
}

.landing-body .hero-glow-a {
  background: #8f5d31;
  opacity: 0.28;
}

.landing-body .hero-glow-b {
  background: #c6a46e;
  opacity: 0.18;
}

.landing-body .hero::before {
  background-image: linear-gradient(rgba(239, 218, 178, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(239, 218, 178, 0.035) 1px, transparent 1px);
}

.landing-body .hero-title em {
  background: linear-gradient(135deg, #c18c50 0%, #e9cd98 75%);
  -webkit-background-clip: text;
  background-clip: text;
}

.landing-body .carousel-viewport,
.landing-body .download-card {
  border-color: rgba(239, 218, 178, 0.18);
}

.landing-body .carousel-cap .cap-meta,
.landing-body .char-card-meta {
  color: #ecd2a0;
}

.landing-body .char-card:hover {
  border-color: rgba(224, 189, 130, 0.48);
}

.landing-body .char-card-diff,
.landing-body .download-version {
  border-color: rgba(224, 189, 130, 0.34);
  background: rgba(224, 189, 130, 0.09);
}

.landing-body .phone-screen {
  background:
    radial-gradient(120% 60% at 80% 0%, rgba(193, 145, 76, 0.18), transparent 55%),
    radial-gradient(120% 60% at 0% 100%, rgba(111, 73, 38, 0.16), transparent 55%),
    #0e0d0b;
}

.landing-body .phone-msg.right {
  background: var(--grad);
  color: #23170d;
}

.landing-body .scroll-hint span {
  background: #d8b477;
}

.landing-body .hero-cta .plaza-cta span {
  font-size: 1.1em;
  margin-left: 2px;
}

@media (max-width: 760px) {
  .landing-body .nav-plaza-link {
    display: none;
  }
}