/* Archive-specific hero backdrops: daily ranking is a cool star map; love ranking is a warm celestial glow. */
.fc-ranking-main > .fc-archive-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(2,7,19,.96) 0%,rgba(3,10,28,.87) 43%,rgba(4,10,27,.42) 72%,rgba(4,10,27,.18) 100%),
    url("../images/horoscope-blood-ranking/archive/horoscope-ranking-archive-hero-20260803.png") center/cover no-repeat!important;
}
.fc-ranking-main > .fc-archive-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.22;
  background-image:
    radial-gradient(circle at 8% 28%,rgba(228,249,255,.92) 0 1px,transparent 1.7px),
    radial-gradient(circle at 22% 61%,rgba(99,230,255,.8) 0 1px,transparent 1.8px),
    radial-gradient(circle at 48% 20%,rgba(255,255,255,.72) 0 1px,transparent 1.6px),
    radial-gradient(circle at 72% 68%,rgba(200,187,255,.85) 0 1.2px,transparent 2px),
    radial-gradient(circle at 91% 22%,rgba(99,230,255,.9) 0 1px,transparent 1.8px);
  background-size:230px 180px,310px 240px,270px 210px,360px 280px,290px 230px;
}
.fc-ranking-main > .fc-archive-hero::after{
  content:"";
  position:absolute;
  z-index:0;
  top:50%;
  right:clamp(-250px,-14vw,-80px);
  width:min(62vw,780px);
  aspect-ratio:1;
  pointer-events:none;
  border:1px solid rgba(99,230,255,.34);
  border-radius:50%;
  background:repeating-radial-gradient(circle,transparent 0 82px,rgba(150,202,255,.14) 83px 84px,transparent 85px 126px);
  box-shadow:0 0 0 70px rgba(99,230,255,.035),0 0 96px rgba(99,230,255,.12),inset 0 0 86px rgba(132,94,247,.16);
  opacity:.34;
  transform:translateY(-50%);
}
.fc-ranking-main > .fc-archive-hero > .fc-shell{position:relative;z-index:1}

.ranking-archive-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(20,6,19,.97) 0%,rgba(29,8,27,.89) 46%,rgba(33,10,32,.48) 73%,rgba(33,10,32,.22) 100%),
    url("../images/love-ranking/archive/love-ranking-archive-hero-20260803.png") center/cover no-repeat!important;
}
.ranking-archive-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.18;
  background-image:
    radial-gradient(circle at 12% 24%,rgba(255,239,213,.95) 0 1px,transparent 1.7px),
    radial-gradient(circle at 32% 76%,rgba(247,201,72,.85) 0 1px,transparent 1.8px),
    radial-gradient(circle at 55% 29%,rgba(255,192,216,.84) 0 1px,transparent 1.8px),
    radial-gradient(circle at 78% 56%,rgba(255,245,225,.82) 0 1.1px,transparent 1.9px),
    radial-gradient(circle at 94% 18%,rgba(247,201,72,.92) 0 1px,transparent 1.8px);
  background-size:260px 210px,320px 250px,290px 230px,350px 270px,240px 190px;
}
.ranking-archive-hero::after{
  inset:auto -12vw -24vw auto;
  z-index:0;
  width:min(58vw,720px);
  border-color:rgba(247,201,72,.38);
  background:radial-gradient(circle at 34% 30%,rgba(255,232,188,.22) 0 2px,transparent 3px),radial-gradient(circle at 63% 61%,rgba(255,178,207,.2) 0 2px,transparent 3px);
  box-shadow:0 0 0 56px rgba(247,201,72,.045),0 0 0 112px rgba(240,139,179,.03),0 0 90px rgba(240,139,179,.18),inset 0 0 74px rgba(247,201,72,.1);
  opacity:.32;
}
.ranking-archive-hero > .container{position:relative;z-index:1}

.fc-ranking-main > .fc-archive-hero::before,
.fc-ranking-main > .fc-archive-hero::after,
.ranking-archive-hero::before,
.ranking-archive-hero::after{display:none!important}

@media (max-width:800px){
  .fc-ranking-main > .fc-archive-hero::after{right:-46vw;width:112vw}
  .ranking-archive-hero::after{right:-40vw;width:112vw}
}