/* Navigation shared with the 空间域演 product site. */
.site-header {
  height: 70px;
  padding: 0 clamp(24px, 8vw, 160px);
  color: #fff;
  background: #151210;
  border-color: rgba(255, 255, 255, 0.08);
}

.brand { gap: 8px; font-size: 15px; letter-spacing: 0.02em; }
.brand-name { font-weight: 700; }
.brand-mark { width: 19px; height: 19px; }
.brand-divider { height: 16px; background: rgba(255, 255, 255, 0.3); }
.product-badge { padding: 0; border: 0; border-radius: 0; color: rgba(255, 255, 255, 0.46); font-size: 12px; font-weight: 500; letter-spacing: 0.06em; }

.main-nav { gap: 10px; font-size: 14px; font-weight: 700; }
.main-nav a { padding: 9px 12px; transition: color .2s ease; }
.main-nav a:after { display: none; }
.main-nav a:hover { color: #957dad; background: transparent; }

.header-actions { gap: 18px; font-size: 14px; font-weight: 700; }
.portal-link { border: 0; padding: 0; }
.portal-link:hover { color: #957dad; }
.button-dark { min-height: 42px; padding: 0 22px; gap: 0; color: #f7f4fb; background: linear-gradient(135deg, #1d1922 0%, #28212f 58%, #1e1a24 100%); border: 1px solid rgba(181, 157, 208, 0.28); border-radius: 12px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 7px 20px rgba(0, 0, 0, 0.2); letter-spacing: .03em; }
.button-dark:hover { background: linear-gradient(135deg, #26202d 0%, #31263a 58%, #28212f 100%); border-color: rgba(197, 176, 221, 0.42); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 9px 24px rgba(0, 0, 0, 0.28); }

@media (max-width: 900px) {
  .site-header { padding: 0 24px; }
  .product-badge { display: none; }
}