﻿.ky-top-ticker{position:sticky;top:0;z-index:50;background:linear-gradient(90deg,#112243 0,#0f1c35 100%);border-bottom:1px solid #1d2a45;box-shadow:0 10px 30px rgba(0,0,0,.25);color:#d7e2ff}.ky-ticker-inner{overflow:hidden;white-space:nowrap}.ky-ticker-track{list-style:none;display:flex;gap:28px;padding:10px 12px;margin:0;will-change:transform}.ky-ticker-item{display:inline-flex;gap:6px;align-items:center;font-weight:600;font-size:14px}.ky-tag{font-size:12px;padding:2px 8px;border-radius:999px;color:#081223}.ky-tag.win{background:#ffcf4d}.ky-tag.hot{background:#00e0a4}.ky-tag.big{background:#ff5c7a;color:#fff}.ky-ticker-inner:hover .ky-ticker-track{animation-play-state:paused}.ky-banner{padding:10px 10px 0}.ky-slider{position:relative;overflow:hidden;max-width:1200px;margin:0 auto;border-radius:18px;border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 30px rgba(0,0,0,.25);background:#0f1527}.ky-slides{display:flex;transition:transform .5s ease;will-change:transform}.ky-slide{min-width:100%;user-select:none}.ky-slide img{
width:100%;height:100%;aspect-ratio:1080/500;object-fit:cover;background:#0e1628}.ky-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:rgba(10,14,28,.55);backdrop-filter:blur(6px);border:1px solid #2a3550;cursor:pointer;transition:opacity .2s ease}.ky-nav:hover{opacity:.85}.ky-prev{left:10px}.ky-next{right:10px}.ky-nav::before{content:"";display:block;width:12px;height:12px;border-top:2px solid #dfe8ff;border-right:2px solid #dfe8ff;margin:16px auto;transform:rotate(225deg)}.ky-next::before{transform:rotate(45deg)}.ky-dots{position:absolute;left:0;right:0;bottom:10px;display:flex;gap:8px;justify-content:center;align-items:center}.ky-dots button{width:8px;height:8px;border-radius:999px;border:0;background:#6d7aa3;opacity:.5;transition:transform .2s ease,opacity .2s ease,width .2s ease}.ky-dots button[aria-current=true]{opacity:1;width:20px}@media (max-width:900px){.ky-slide img{aspect-ratio:1080/500}.ky-nav{display:none}}#fixedImage1,#fixedImage2{position:fixed;right:45px;z-index:999;width:70px;height:auto}#fixedImage2{top:40%;transform:translateY(-50%)}#fixedImage1{top:57%;transform:translateY(-50%)}.ky-sponsors{padding:28px 12px 40px}.ky-sp-slider{position:relative;max-width:1200px;margin:0 auto;overflow:hidden;border-radius:18px;border:1px solid rgb(196 230 241 / 74%);background:linear-gradient(180deg, rgb(144 176 254 / 35%) 0, rgb(192 192 192 / 79%) 100%);box-shadow:0 10px 30px rgb(42 95 179 / 50%)}.ky-sp-slides{
  display:flex;
  will-change:transform;
  transition:transform .45s ease;
}

.ky-sp-slide{
  flex:0 0 calc(100% / 4);
  padding:10px;
}

@media (max-width:900px){
  .ky-sp-slide{
    flex:0 0 calc(100% / 3);
  }

  .ky-slide img{
    aspect-ratio:1080/500;
  }
}.ky-sponsor{text-align:center;color:#dfe6ff;border-radius:18px;padding:16px 6px 14px;background:radial-gradient(120% 120% at 50% 0,rgba(255,255,255,.06) 0,rgba(255,255,255,.02) 60%,rgba(255,255,255,.01) 100%);border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 30px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.04);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.ky-sponsor:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.18)}.ky-sponsor img{width:64px;height:64px;object-fit:contain;margin:0 auto 8px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.25))}.ky-sponsor h4{font-size:15px;margin:4px 0 2px;font-weight:700;letter-spacing:.2px}.ky-sponsor p{margin:0;font-size:12px;color:#9fb0d0}.ky-sp-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:rgba(10,14,28,.55);backdrop-filter:blur(6px);border:1px solid #2a3550;cursor:pointer;transition:opacity .2s ease;z-index:2}.ky-sp-nav:hover{opacity:.85}.ky-sp-prev{left:10px}.ky-sp-next{right:10px}.ky-sp-nav::before{content:"";display:block;width:12px;height:12px;border-top:2px solid #dfe8ff;border-right:2px solid #dfe8ff;margin:16px auto;transform:rotate(225deg)}.ky-sp-next::before{transform:rotate(45deg)}.ky-sp-dots{position:absolute;left:0;right:0;bottom:8px;display:flex;gap:8px;justify-content:center;align-items:center}.ky-sp-dots button{width:8px;height:8px;border-radius:999px;border:0;background:#6d7aa3;opacity:.5;transition:opacity .2s ease,width .2s ease}.ky-sp-dots button[aria-current=true]{opacity:1;width:20px}@media (max-width:600px){.ky-sponsor{border-radius:16px;padding:14px 6px}.ky-sponsor img{width:56px;height:56px}.ky-sp-nav{display:none}}.coin-rain-section{
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  pointer-events: none;
  z-index: 1;
  margin: 0;
}

.coin-rain-wrap{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
}

/* 金币 */
.coin-item{
  position: absolute;
  top: -60px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background:
    radial-gradient(circle at 30% 28%, #fffbe0 0%, #ffe27a 20%, #ffc938 48%, #d89200 72%, #8f5600 100%);
  box-shadow:
    0 0 10px rgba(255,215,0,.18),
    0 0 18px rgba(255,196,0,.08),
    inset 0 1px 2px rgba(255,255,255,.55),
    inset 0 -2px 3px rgba(116,72,0,.35);
  opacity: .78;
  will-change: transform, opacity;
  animation-name: coinFloatFall;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}

.coin-item::before{
  content:"¥";
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:14px;
  font-weight:800;
  color:rgba(120,72,0,.92);
  text-shadow:0 1px 0 rgba(255,255,255,.28);
}

.coin-item::after{
  content:"";
  position:absolute;
  inset:2px;
  border-radius:50%;
  border:1px solid rgba(255,248,210,.32);
}

/* 星光粒子 */
.spark-item{
  position: absolute;
  top: -20px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,255,255,.95) 0%, rgba(255,244,180,.72) 45%, rgba(255,255,255,0) 100%);
  box-shadow:
    0 0 6px rgba(255,255,255,.45),
    0 0 12px rgba(255,225,120,.20);
  opacity: .55;
  will-change: transform, opacity;
  animation-name: sparkFloatFall;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}

.spark-item.size-sm{
  width: 3px;
  height: 3px;
}

.spark-item.size-md{
  width: 5px;
  height: 5px;
}

.spark-item.size-lg{
  width: 8px;
  height: 8px;
}

@keyframes coinFloatFall{
  0%{
    transform: translate3d(0, 0, 0) rotate(0deg) scale(.82);
    opacity: 0;
  }
  8%{
    opacity: .78;
  }
  100%{
    transform: translate3d(var(--drift-x, 0px), 110vh, 0) rotate(720deg) scale(1);
    opacity: 0;
  }
}

@keyframes sparkFloatFall{
  0%{
    transform: translate3d(0, 0, 0) scale(.7);
    opacity: 0;
  }
  10%{
    opacity: var(--spark-opacity, .55);
  }
  50%{
    opacity: calc(var(--spark-opacity, .55) * 1.15);
  }
  100%{
    transform: translate3d(var(--drift-x, 0px), 110vh, 0) scale(1);
    opacity: 0;
  }
}

@media screen and (max-width:768px){
  .coin-item{
    width: 24px;
    height: 24px;
  }

  .coin-item::before{
    font-size: 11px;
  }

  .spark-item.size-sm{
  width: 2px;
  height: 2px;
}

.spark-item.size-md{
  width: 4px;
  height: 4px;
}

.spark-item.size-lg{
  width: 6px;
  height: 6px;
}