/* SweetGirl V2 - three city poster carousel */
body:has(.city-grid.city-fan.city-poster-fan){
  background:radial-gradient(ellipse at 50% 35%,#26344f 0%,#111422 48%,#080a13 100%)!important;
  background-attachment:fixed!important;
}
body:has(.city-poster-fan) .city-grid.city-fan.city-poster-fan{
  position:relative!important;
  height:540px!important;
  min-height:540px!important;
  max-width:1000px;
  margin-top:18px!important;
  overflow:visible!important;
  padding:0!important;
  perspective:1000px;
}
body:has(.city-poster-fan) .city-poster-fan .city-tile{
  position:absolute!important;
  top:40px!important;
  left:50%!important;
  width:min(27vw,285px)!important;
  height:auto!important;
  aspect-ratio:2/3!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  display:block!important;
  border:2px solid #e8c78c!important;
  border-radius:16px!important;
  background:#0f1423!important;
  box-shadow:0 18px 42px #000c,0 0 24px #d5a76244!important;
  transform-origin:center!important;
  transition:transform .4s ease,opacity .4s ease,filter .4s ease!important;
  text-decoration:none!important;
  will-change:transform;
}
.city-poster-fan .city-tile img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.city-poster-fan .city-tile:focus-visible{
  outline:3px solid #fff1bc;
  outline-offset:4px;
}
body:has(.city-poster-fan) .city-grid.city-poster-fan::after{
  top:485px!important;
  color:#e6d5af!important;
  line-height:1.7!important;
}
.city-poster-fan .city-fan-arrow{
  position:absolute;
  top:44%;
  z-index:120;
  width:38px;
  height:44px;
  border:1px solid #b89a67;
  border-radius:12px;
  background:#101322bb;
  color:#f7dca3;
  font-size:30px;
  line-height:1;
  cursor:pointer;
}
.city-poster-fan .city-fan-prev{left:4px}
.city-poster-fan .city-fan-next{right:4px}
@media(max-width:700px){
  body:has(.city-poster-fan) .city-grid.city-fan.city-poster-fan{
    height:475px!important;
    min-height:475px!important;
    margin-top:12px!important;
  }
  body:has(.city-poster-fan) .city-poster-fan .city-tile{
    width:min(61vw,232px)!important;
    top:38px!important;
  }
  body:has(.city-poster-fan) .city-grid.city-poster-fan::after{
    top:416px!important;
    font-size:12px!important;
  }
  .city-poster-fan .city-fan-arrow{
    width:29px;
    height:38px;
    font-size:25px;
    top:42%;
  }
}
@media(prefers-reduced-motion:reduce){
  .city-poster-fan .city-tile{transition:none!important}
}

/* Uploaded artwork gets live bilingual labels; the original three posters are untouched. */
.city-poster-fan .city-tile .sg-city-poster-caption{position:absolute;inset:auto 0 0;display:block;padding:12px 14px 16px;background:linear-gradient(180deg,rgba(8,13,23,.94),#080d17 42%);border-top:1px solid #d5a76244;color:#f1d7a2;text-align:left;pointer-events:none;text-shadow:0 2px 8px #000;overflow-wrap:anywhere}
.city-poster-fan .sg-city-poster-caption strong{display:block;font:600 clamp(20px,4.8vw,28px)/1.35 Georgia,"Microsoft YaHei",serif;letter-spacing:.02em}
.city-poster-fan .sg-city-poster-caption small{display:block;margin-top:5px;color:#f4e8cd;font:500 clamp(12px,3.2vw,15px)/1.4 Arial,sans-serif}