/* SGYS · SG夜色 — Custom Styles */

body {
  font-family: 'Noto Sans SC', sans-serif;
}

/* Hero background */
.hero-bg {
  background-image:
    linear-gradient(135deg, rgba(10,14,26,0.65) 0%, rgba(13,10,30,0.60) 100%),
    url('../img/hero-bg.jpg');
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

/* Scroll fade-in animation */
.fade-in {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.fade-in.visible {
  opacity: 1;
  transform: translateY(0);
}

/* Gold border utility */
.gold-border {
  border: 1px solid rgba(240, 180, 41, 0.3);
}

/* Hover glow effects */
.gold-glow:hover {
  box-shadow: 0 0 20px rgba(240, 180, 41, 0.4);
}
.pink-glow:hover {
  box-shadow: 0 0 20px rgba(255, 45, 111, 0.4);
}

/* Smooth scroll */
html {
  scroll-behavior: smooth;
}

/* Details/Summary open indicator */
details[open] summary span:last-child {
  transform: rotate(180deg);
}

/* Area image sharpness */
.area-img {
  filter: contrast(1.08) saturate(1.1) brightness(1.02);
  transition: filter 0.3s ease, transform 0.3s ease;
}
.area-img:hover {
  filter: contrast(1.12) saturate(1.15) brightness(1.05);
  transform: scale(1.02);
}