@import url("../inner-base.css");

:root {
  --ink: #071827;
  --paper: #edf1f2;
  --surface: #f9fbfb;
  --muted: #5e6c75;
  --line: rgba(7,24,39,.15);
  --accent: #f36a21;
  --accent-soft: #8edbe0;
  --hero-overlay: linear-gradient(90deg, rgba(5,24,37,.96) 0%, rgba(5,32,45,.78) 48%, rgba(7,44,55,.22) 82%);
}
.site-group .inner-hero::before { content:""; position:absolute; z-index:2; right:8vw; bottom:-180px; width:470px; height:470px; border:1px solid rgba(142,219,224,.38); border-radius:50%; box-shadow:0 0 80px rgba(142,219,224,.18), inset 0 0 80px rgba(142,219,224,.08); }
.site-group .inner-hero { border-bottom: 5px solid #8edbe0; }
.site-group .section-head h2 { font-family: "Microsoft YaHei", sans-serif; font-weight: 650; }
.site-group .card-grid article:nth-child(4n+1), .site-group .card-grid article:nth-child(4n+4) { background: #e7edef; }
.site-group .stats-section { background: linear-gradient(110deg,#061722,#0b3340); }
.site-group .bands-section { background: #f7f9f9; }
.site-group .band-list article:hover h3 { color: #147882; }
.site-group .contact-section { background: linear-gradient(120deg,#071827 25%,#0b3b46); }
.site-group .inner-footer { background:#04121c; }

@media (max-width:620px) {
  .site-group .inner-hero::before { width:300px; height:300px; right:-120px; bottom:-80px; }
}