/* JIKE66 shared storefront space v1. Original CSS: planets and sparse meteors, no images. */
html.jike66-space-site {
  background-color: #111b2b !important;
  background-image: radial-gradient(ellipse at 14% 18%, #1b2c44, transparent 56%), linear-gradient(160deg, #192438, #111a29 70%) !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  background-size: cover !important;
}
html.jike66-space-site > body { z-index: 1; }
html.jike66-space-site::before,
html.jike66-space-site::after { content: none; }
#jike66-space-site-v1 { height: 0; line-height: 0; pointer-events: none; }
#jike66-space-site-v1 .jike66-space-side {
  position: fixed;
  top: 0;
  bottom: 0;
  width: calc(50% - 345px);
  overflow: hidden;
  z-index: 0;
  pointer-events: none;
  --planet-size: 120px;
}
#jike66-space-site-v1 .jike66-space-left { left: 0; }
#jike66-space-site-v1 .jike66-space-right { right: 0; }
#jike66-space-site-v1 .jike66-space-side::before {
  content: "";
  position: absolute;
  inset: 0;
  background-repeat: no-repeat;
  opacity: .68;
  animation: jike66-space-stars 9s ease-in-out infinite alternate;
}
#jike66-space-site-v1 .jike66-space-left::before {
  background-image:
    radial-gradient(circle at 19% 9%, #d3dfed 0 1px, transparent 1.6px),
    radial-gradient(circle at 63% 16%, #d3dfed 0 1px, transparent 1.6px),
    radial-gradient(circle at 34% 26%, #b5cae2 0 .8px, transparent 1.4px),
    radial-gradient(circle at 78% 34%, #b5cae2 0 .8px, transparent 1.4px),
    radial-gradient(circle at 13% 42%, #d3dfed 0 .8px, transparent 1.4px),
    radial-gradient(circle at 55% 49%, #d3dfed 0 1px, transparent 1.6px),
    radial-gradient(circle at 29% 57%, #b5cae2 0 .8px, transparent 1.4px),
    radial-gradient(circle at 83% 64%, #d3dfed 0 1px, transparent 1.6px),
    radial-gradient(circle at 46% 73%, #b5cae2 0 .8px, transparent 1.4px),
    radial-gradient(circle at 11% 81%, #d3dfed 0 .8px, transparent 1.4px),
    radial-gradient(circle at 71% 89%, #b5cae2 0 .8px, transparent 1.4px),
    radial-gradient(circle at 38% 96%, #d3dfed 0 1px, transparent 1.6px);
}
#jike66-space-site-v1 .jike66-space-right::before {
  animation-duration: 12s;
  animation-delay: -4s;
  background-image:
    radial-gradient(circle at 71% 7%, #b5cae2 0 .8px, transparent 1.4px),
    radial-gradient(circle at 31% 17%, #d3dfed 0 1px, transparent 1.6px),
    radial-gradient(circle at 88% 25%, #d3dfed 0 .8px, transparent 1.4px),
    radial-gradient(circle at 53% 33%, #b5cae2 0 .8px, transparent 1.4px),
    radial-gradient(circle at 19% 41%, #d3dfed 0 1px, transparent 1.6px),
    radial-gradient(circle at 78% 50%, #d3dfed 0 .8px, transparent 1.4px),
    radial-gradient(circle at 40% 59%, #b5cae2 0 .8px, transparent 1.4px),
    radial-gradient(circle at 91% 67%, #d3dfed 0 1px, transparent 1.6px),
    radial-gradient(circle at 24% 75%, #d3dfed 0 .8px, transparent 1.4px),
    radial-gradient(circle at 61% 83%, #b5cae2 0 .8px, transparent 1.4px),
    radial-gradient(circle at 12% 90%, #d3dfed 0 .8px, transparent 1.4px),
    radial-gradient(circle at 74% 97%, #d3dfed 0 1px, transparent 1.6px);
}
#jike66-space-site-v1 .jike66-space-planet {
  display: block;
  position: absolute;
  width: var(--planet-size);
  height: var(--planet-size);
  left: calc(50% - var(--planet-size) / 2);
  border-radius: 50%;
  opacity: .84;
  animation: jike66-space-float 23s ease-in-out infinite alternate;
}
#jike66-space-site-v1 .jike66-space-blue {
  top: 22%;
  background: radial-gradient(circle at 28% 25%, #b7d0e2, #668daa 24%, #365472 50%, #15253d 77%);
  box-shadow: inset -16px -10px 24px #0d1728, inset 2px 2px 5px #a3c9e0, 0 0 34px rgba(88, 145, 189, .16);
}
#jike66-space-site-v1 .jike66-space-ringed {
  top: 58%;
  animation-duration: 29s;
  animation-delay: -8s;
}
#jike66-space-site-v1 .jike66-space-ringed::before {
  content: "";
  position: absolute;
  width: 192%;
  height: 52%;
  left: -46%;
  top: 24%;
  border-radius: 50%;
  transform: rotate(-22deg);
  background: radial-gradient(ellipse, transparent 48%, rgba(203, 185, 155, .66) 51%, rgba(121, 113, 106, .75) 60%, transparent 63%, rgba(184, 168, 148, .45) 66%, transparent 69%);
}
#jike66-space-site-v1 .jike66-space-ringed::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 24%, #dcc8a6, #ab977c 27%, #746757 52%, #242639 80%);
  box-shadow: inset -14px -9px 22px #111a2d, inset 2px 2px 4px #d0bda1, 0 0 27px rgba(167, 145, 120, .09);
}
#jike66-space-site-v1 .jike66-space-meteor {
  display: block;
  position: absolute;
  left: 70%;
  top: 12%;
  width: 132px;
  height: 2px;
  border-radius: 50%;
  background: linear-gradient(90deg, #e3f0fb, rgba(157, 194, 222, .65) 12%, transparent 100%);
  opacity: 0;
  transform: rotate(-34deg);
  animation: jike66-space-meteor 18s linear .8s infinite;
}
#jike66-space-site-v1 .jike66-space-meteor::before {
  content: "";
  position: absolute;
  left: 0;
  top: -1px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #e3f0fb;
  box-shadow: 0 0 6px rgba(183, 213, 239, .7);
}
#jike66-space-site-v1 .jike66-space-right .jike66-space-meteor {
  left: 80%;
  top: 31%;
  animation-duration: 25s;
  animation-delay: 7.5s;
}
@keyframes jike66-space-stars {
  from { opacity: .48; }
  to { opacity: .82; }
}
@keyframes jike66-space-float {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(0, -12px, 0); }
}
@keyframes jike66-space-meteor {
  0% { opacity: 0; transform: translate3d(0, 0, 0) rotate(-34deg); }
  1% { opacity: .8; }
  7% { opacity: .65; }
  9%, 100% { opacity: 0; transform: translate3d(-210px, 142px, 0) rotate(-34deg); }
}
html.jike66-quiet-paused #jike66-space-site-v1 .jike66-space-side::before,
html.jike66-quiet-paused #jike66-space-site-v1 .jike66-space-planet,
html.jike66-quiet-paused #jike66-space-site-v1 .jike66-space-meteor { animation-play-state: paused; }
html.jike66-quiet-static #jike66-space-site-v1 .jike66-space-side::before,
html.jike66-quiet-static #jike66-space-site-v1 .jike66-space-planet { animation: none; }
html.jike66-quiet-static #jike66-space-site-v1 .jike66-space-meteor { display: none; }
@media (min-width: 1600px) {
  #jike66-space-site-v1 .jike66-space-side { --planet-size: 140px; }
}
@media (prefers-reduced-motion: reduce) {
  #jike66-space-site-v1 .jike66-space-side::before,
  #jike66-space-site-v1 .jike66-space-planet { animation: none; }
  #jike66-space-site-v1 .jike66-space-meteor { display: none; }
}
@media (max-width: 979px), (hover: none), (pointer: coarse) {
  #jike66-space-site-v1 { display: none; }
}