/* 拼夕夕 · 代理招商邀请函（对齐光伏之家 salon-invite 结构） */
.invite-page {
  --gold: #f0c14b;
  --gold-deep: #d4a017;
  --sky: #1a7cff;
  --sky-soft: #7eb6ff;
  --fog: #e8f1ff;
  --mute: #9bb4d4;
  --line: rgba(125, 180, 255, 0.22);
  --radius: 16px;
  --shadow: 0 18px 50px rgba(0, 0, 0, 0.35);
}

.invite-page .nav-desktop a.is-on,
.invite-page .nav-desktop a.nav-hot {
  color: var(--gold-2, #ffe29a);
  background: rgba(240, 193, 75, 0.12);
}

.invite-page .nav-desktop a.nav-hot {
  font-weight: 800;
}

.px-page-hero {
  padding: 36px 0 18px;
  border-bottom: 1px solid rgba(125, 180, 255, 0.12);
  background:
    radial-gradient(640px 280px at 20% 0%, rgba(26, 124, 255, 0.16), transparent 60%),
    radial-gradient(520px 240px at 90% 20%, rgba(240, 193, 75, 0.08), transparent 55%);
}

.px-page-hero h1 {
  margin: 0 0 10px;
  font-size: clamp(1.6rem, 3.6vw, 2.2rem);
  font-weight: 800;
  color: #f2f6fc;
  line-height: 1.25;
}

.px-page-hero p {
  margin: 0;
  color: var(--muted, #9bb4d4);
  font-size: 0.98rem;
  font-weight: 600;
  max-width: 40em;
}

.px-hub-bridge {
  padding: 12px 0 4px;
  font-size: 0.88rem;
  color: rgba(230, 236, 255, 0.72);
}

.px-hub-bridge a {
  color: rgba(230, 236, 255, 0.88);
  font-weight: 700;
}

.px-hub-bridge a.is-gold {
  color: var(--gold);
}

.px-hub-bridge span {
  margin: 0 8px;
  opacity: 0.45;
}

.gf-section {
  padding: 28px 0 48px;
}

.gf-section__eyebrow {
  margin: 0 0 8px;
  color: #9bb4d4;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.08em;
}

.gf-section__title {
  margin: 0 0 10px;
  font-size: clamp(1.25rem, 2.8vw, 1.7rem);
  font-weight: 800;
  color: #f2f6fc;
}

.gf-section__desc {
  margin: 0 0 18px;
  color: var(--mute);
  font-size: 0.95rem;
  line-height: 1.65;
  max-width: 42em;
}

.gf-form {
  display: grid;
  gap: 12px;
}

.gf-form label {
  display: grid;
  gap: 6px;
  font-size: 13px;
  font-weight: 700;
  color: #c5d6ec;
}

.gf-form__row {
  display: grid;
  gap: 12px;
}

@media (min-width: 720px) {
  .gf-form__row {
    grid-template-columns: 1fr 1fr;
  }
}

.gf-input,
.gf-select,
.gf-textarea {
  width: 100%;
  min-height: 46px;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(125, 180, 255, 0.28);
  background: rgba(6, 18, 36, 0.85);
  color: #e8f1ff;
  font: inherit;
  font-weight: 600;
  box-sizing: border-box;
}

.gf-textarea {
  min-height: 88px;
  resize: vertical;
}

.gf-form__tip {
  margin: 4px 0 0;
  color: var(--mute);
  font-size: 14px;
  line-height: 1.55;
  font-weight: 600;
}

.gf-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 46px;
  padding: 0 18px;
  border-radius: 12px;
  border: 1px solid transparent;
  font-weight: 800;
  font-size: 0.95rem;
  cursor: pointer;
  text-decoration: none;
  transition: transform 0.15s, box-shadow 0.2s;
}

.gf-btn:hover { transform: translateY(-1px); }

.gf-btn--gold {
  background: linear-gradient(180deg, #e8c56a 0%, #d4a84a 100%);
  color: #1a1200;
  box-shadow: 0 8px 20px rgba(212, 168, 74, 0.22);
}

.gf-btn--ghost {
  background: rgba(26, 124, 255, 0.08);
  border-color: rgba(125, 180, 255, 0.4);
  color: #cfe3ff;
}

.gf-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.gf-toast {
  position: fixed;
  left: 50%;
  bottom: 28px;
  transform: translateX(-50%) translateY(20px);
  z-index: 20000;
  max-width: min(92vw, 420px);
  padding: 12px 16px;
  border-radius: 12px;
  background: rgba(8, 20, 40, 0.96);
  border: 1px solid rgba(240, 193, 75, 0.4);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.4);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s, transform 0.2s;
}

.gf-toast.is-show {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* 首页邀请函曝光条 */
.si-spotlight {
  padding: 0 0 8px;
  margin-top: 8px;
}

.si-spotlight__card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 16px 18px;
  border-radius: 16px;
  text-decoration: none;
  color: inherit;
  border: 1px solid rgba(240, 193, 75, 0.4);
  background:
    linear-gradient(115deg, rgba(240, 193, 75, 0.16), rgba(26, 124, 255, 0.1) 55%, rgba(8, 20, 40, 0.9));
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.28);
  transition: transform 0.18s ease;
}

.si-spotlight__card:hover { transform: translateY(-2px); }

.si-spotlight__left {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.si-spotlight__badge {
  display: inline-flex;
  align-self: flex-start;
  padding: 3px 10px;
  border-radius: 999px;
  background: linear-gradient(180deg, #fff1a0, #f0c14b);
  color: #1a1200;
  font-size: 13px;
  font-weight: 800;
}

.si-spotlight__title {
  font-size: clamp(1.05rem, 2.8vw, 1.28rem);
  font-weight: 800;
  color: #fff8e8;
  line-height: 1.35;
}

.si-spotlight__sub {
  font-size: 0.86rem;
  font-weight: 600;
  color: rgba(255, 232, 180, 0.88);
  line-height: 1.45;
}

.si-spotlight__cta {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 0 14px;
  border-radius: 999px;
  background: linear-gradient(180deg, #e8c56a, #d4a84a);
  color: #1a1200;
  font-size: 13px;
  font-weight: 800;
  white-space: nowrap;
}

@media (max-width: 640px) {
  .si-spotlight__card { flex-direction: column; align-items: flex-start; }
  .si-spotlight__cta { width: 100%; justify-content: center; }
}