.treasure .content[class*="skin-rarity-color"] {
  background: #252831 !important;
  box-shadow: none;
}

.treasure .content[class*="skin-rarity-color"]::before {
  height: 43px !important;
  opacity: 1;
}

.treasure .content[class*="skin-rarity-color"]::after {
  height: 2px !important;
  box-shadow: none;
}

.treasure:hover .content[class*="skin-rarity-color"]::before {
  filter: brightness(1.12);
}

.treasure .content .ibg {
  opacity: .08 !important;
  color: #646464 !important;
}

.treasure .content .skin-img {
  position: relative;
  z-index: 1;
}

.treasure .content.skin-rarity-color0,
.treasure .content.skin-rarity-color-1 {
  --rarity-color: #fac847;
}

.treasure .content.skin-rarity-color0::before,
.treasure .content.skin-rarity-color-1::before {
  background: linear-gradient(0deg, rgba(250, 200, 71, .3), rgba(0, 0, 0, 0)) !important;
}

.treasure .content.skin-rarity-color0::after,
.treasure .content.skin-rarity-color-1::after {
  background-color: #fac847 !important;
}

.treasure .content.skin-rarity-color1 {
  --rarity-color: #eb4b4b;
}

.treasure .content.skin-rarity-color1::before {
  background: linear-gradient(0deg, rgba(235, 75, 75, .3), rgba(0, 0, 0, 0)) !important;
}

.treasure .content.skin-rarity-color1::after {
  background-color: #eb4b4b !important;
}

.treasure .content.skin-rarity-color2 {
  --rarity-color: #d537e8;
}

.treasure .content.skin-rarity-color2::before {
  background: linear-gradient(0deg, rgba(213, 55, 232, .3), rgba(0, 0, 0, 0)) !important;
}

.treasure .content.skin-rarity-color2::after {
  background-color: #d537e8 !important;
}

.treasure .content.skin-rarity-color3 {
  --rarity-color: #8a4bff;
}

.treasure .content.skin-rarity-color3::before {
  background: linear-gradient(0deg, rgba(138, 75, 255, .3), rgba(0, 0, 0, 0)) !important;
}

.treasure .content.skin-rarity-color3::after {
  background-color: #8a4bff !important;
}

.treasure .content.skin-rarity-color4 {
  --rarity-color: #3757ff;
}

.treasure .content.skin-rarity-color4::before {
  background: linear-gradient(0deg, rgba(55, 87, 255, .3), rgba(0, 0, 0, 0)) !important;
}

.treasure .content.skin-rarity-color4::after {
  background-color: #3757ff !important;
}

.treasure .content.skin-rarity-color5 {
  --rarity-color: #659ddd;
}

.treasure .content.skin-rarity-color5::before {
  background: linear-gradient(0deg, rgba(101, 157, 221, .3), rgba(0, 0, 0, 0)) !important;
}

.treasure .content.skin-rarity-color5::after {
  background-color: #659ddd !important;
}

.treasure .content.skin-rarity-color6 {
  --rarity-color: #c1c1c1;
}

.treasure .content.skin-rarity-color6::before {
  background: linear-gradient(0deg, rgba(193, 193, 193, .3), rgba(0, 0, 0, 0)) !important;
}

.treasure .content.skin-rarity-color6::after {
  background-color: #c1c1c1 !important;
}

.treasure .content.skin-rarity-color7 {
  --rarity-color: #3faf4d;
}

.treasure .content.skin-rarity-color7::before {
  background: linear-gradient(0deg, rgba(63, 175, 77, .3), rgba(0, 0, 0, 0)) !important;
}

.treasure .content.skin-rarity-color7::after {
  background-color: #3faf4d !important;
}

.treasure .content.skin-rarity-color8 {
  --rarity-color: #c87600;
}

.treasure .content.skin-rarity-color8::before {
  background: linear-gradient(0deg, rgba(200, 118, 0, .3), rgba(0, 0, 0, 0)) !important;
}

.treasure .content.skin-rarity-color8::after {
  background-color: #c87600 !important;
}

@keyframes local-lucky-bg-flow {
  0% {
    background-position: -220px 0, 50% 100%, center;
  }
  100% {
    background-position: 260px 0, 50% 100%, center;
  }
}

@keyframes local-lucky-shine {
  0% {
    transform: translateX(-130%) skewX(-18deg);
    opacity: 0;
  }
  20% {
    opacity: .75;
  }
  55% {
    opacity: .35;
  }
  100% {
    transform: translateX(130%) skewX(-18deg);
    opacity: 0;
  }
}

@keyframes local-lucky-gold-pulse {
  0%, 100% {
    filter: saturate(1.05) brightness(1);
    box-shadow: inset 0 0 0 1px rgba(255, 205, 72, .18), 0 0 0 rgba(255, 183, 37, 0);
  }
  50% {
    filter: saturate(1.25) brightness(1.12);
    box-shadow: inset 0 0 0 1px rgba(255, 217, 97, .42), 0 0 28px rgba(255, 174, 38, .3);
  }
}

.chest-lucky .list li {
  isolation: isolate;
  background-repeat: no-repeat !important;
  background-size: 145% 100%, 100% 100%, 100% 100% !important;
  animation: local-lucky-bg-flow 3.8s linear infinite;
  will-change: background-position;
}

.chest-lucky .list li:not(.king):not(.latest) {
  background-image:
    linear-gradient(110deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .14) 18%, rgba(255, 255, 255, 0) 34%),
    radial-gradient(130% 95% at 50% 100%, rgba(98, 76, 255, .35) 0%, rgba(67, 59, 176, .22) 48%, rgba(37, 40, 49, 0) 80%),
    url(http://img.topskins.cn/front/png/reward-purple.e1c9dd8e.png) !important;
}

.chest-lucky .list li:not(.king):not(.latest):nth-child(2n) {
  background-image:
    linear-gradient(110deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .13) 18%, rgba(255, 255, 255, 0) 34%),
    radial-gradient(130% 95% at 50% 100%, rgba(73, 128, 255, .32) 0%, rgba(57, 72, 172, .2) 48%, rgba(37, 40, 49, 0) 80%),
    url(http://img.topskins.cn/front/png/reward-blue.1f60e007.png) !important;
}

.chest-lucky .list li.king,
.chest-lucky .list li.latest,
.chest-lucky .list li.king.latest {
  background-image:
    linear-gradient(110deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .22) 19%, rgba(255, 255, 255, 0) 38%),
    radial-gradient(130% 100% at 50% 100%, rgba(255, 199, 65, .44) 0%, rgba(178, 112, 21, .28) 52%, rgba(42, 34, 18, 0) 82%),
    url(http://img.topskins.cn/front/png/reward-last-king.addcda2d.png) !important;
  animation: local-lucky-bg-flow 3.2s linear infinite, local-lucky-gold-pulse 2.4s ease-in-out infinite;
}

.chest-lucky .list li::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, .1) 42%, rgba(255, 255, 255, .22) 50%, rgba(255, 255, 255, .08) 58%, transparent 100%);
  animation: local-lucky-shine 4.6s ease-in-out infinite;
}

.chest-lucky .list li:nth-child(2n)::before {
  animation-delay: -1.4s;
}

.chest-lucky .list li:nth-child(3n)::before {
  animation-delay: -2.6s;
}

.chest-lucky .list li.king::before,
.chest-lucky .list li.latest::before {
  background: linear-gradient(90deg, transparent 0%, rgba(255, 238, 164, .16) 40%, rgba(255, 246, 196, .34) 50%, rgba(255, 214, 91, .14) 60%, transparent 100%);
  animation-duration: 3.8s;
}

.chest-lucky .list li .content,
.chest-lucky .list li .basic {
  position: relative;
  z-index: 1;
}

.chest-lucky .list li.king::after {
  z-index: 3;
}

.chest-lucky .list li::after {
  content: "欧皇" !important;
  position: absolute !important;
  left: 10px !important;
  top: 7px !important;
  z-index: 4 !important;
  width: auto !important;
  height: auto !important;
  display: block !important;
  background: none !important;
  color: #9d8cff !important;
  line-height: 16px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  filter: none !important;
  text-shadow: 0 0 10px rgba(123, 91, 255, .45);
}

.chest-lucky .list li.king::after,
.chest-lucky .list li.latest::after,
.chest-lucky .list li.king.latest::after {
  content: "新晋欧皇" !important;
  color: #ffe13c !important;
  text-shadow: 0 0 12px rgba(255, 197, 38, .72);
}

.chest-lucky .list li .content .mark {
  top: 5px !important;
  right: 10px !important;
  z-index: 4 !important;
}

.chest-lucky .list li .content .mark .time {
  display: block !important;
  color: rgba(219, 211, 255, .52) !important;
  line-height: 16px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  text-shadow: 0 0 8px rgba(70, 60, 132, .45);
}

.chest-lucky .list li.king .content .mark .time,
.chest-lucky .list li.latest .content .mark .time {
  color: rgba(255, 229, 152, .64) !important;
  text-shadow: 0 0 10px rgba(255, 180, 31, .42);
}

.chest-lucky .list li .content-hover {
  position: absolute !important;
  inset: 0 !important;
  z-index: 6 !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(7, 8, 14, .76) !important;
  backdrop-filter: none !important;
}

.chest-lucky .list li:hover .content-hover {
  display: flex !important;
}

.chest-lucky .list li .content-hover .box {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

.chest-lucky .list li .content-hover .box .img-box {
  width: 58px !important;
  height: 58px !important;
  border: 3px solid #ffcf28 !important;
  border-radius: 50% !important;
  box-shadow: 0 0 0 2px rgba(255, 210, 52, .16), 0 0 22px rgba(255, 199, 38, .4) !important;
  cursor: pointer !important;
}

.chest-lucky .list li .content-hover .box .username {
  max-width: 170px !important;
  margin-top: 10px !important;
  color: #fff !important;
  font-size: 13px !important;
  line-height: 16px !important;
  font-weight: 800 !important;
  text-shadow: 0 0 10px rgba(0, 0, 0, .75) !important;
  cursor: pointer !important;
}

img[src*="logo-BkjTWUai.png"] {
  content: url("/assets/images/logo-BkjTWUai.png?v=brand5") !important;
  object-fit: contain !important;
}

img.logo[src*="logo-transparent.266ebc5f.png"] {
  content: url("/assets/images/logo-transparent.266ebc5f.png?v=brand5") !important;
  object-fit: contain !important;
}

/* ★20260719 luckybg3: V玩物active背景板 + 流光特效(扫光::before沿用旧规则,新增底部辉光+背景微脉动)。
   金色king/latest保持原规则不动。优先级(0,5,1)压过上方 nth-child 紫蓝交替规则 */
@keyframes local-lucky-v-pulse {
  0%, 100% { filter: saturate(1) brightness(1); }
  50% { filter: saturate(1.18) brightness(1.1); }
}

/* 通用:多层背景=顶部渐变辉光 + 底部同色辉光 + active图。图层锁定不流动,靠::before扫光+脉动出动效 */
.chest-lucky .list li[class*=rarity-color]:not(.king):not(.latest) {
  background-repeat: no-repeat !important;
  background-position: center, 50% 100%, center !important;
  background-size: 100% 100%, 130% 70%, 100% 100% !important;
  animation: local-lucky-v-pulse 3.6s ease-in-out infinite !important;
}
/* 错开呼吸节奏,避免整排同频 */
.chest-lucky .list li[class*=rarity-color]:nth-child(2n):not(.king):not(.latest) { animation-delay: -1.2s !important; }
.chest-lucky .list li[class*=rarity-color]:nth-child(3n):not(.king):not(.latest) { animation-delay: -2.4s !important; }

/* SS 橙金 */
.chest-lucky .list li.rarity-color0:not(.king):not(.latest) {
  background-image:
    linear-gradient(180deg, rgba(255,170,40,.10) 0%, rgba(0,0,0,0) 30%),
    radial-gradient(120% 90% at 50% 100%, rgba(255,150,40,.30) 0%, rgba(180,90,10,.14) 50%, rgba(0,0,0,0) 78%),
    url(/front/png/active-SS.3196ca1c.png) !important;
}
/* S 红橙 */
.chest-lucky .list li.rarity-color1:not(.king):not(.latest) {
  background-image:
    linear-gradient(180deg, rgba(255,80,60,.10) 0%, rgba(0,0,0,0) 30%),
    radial-gradient(120% 90% at 50% 100%, rgba(255,60,60,.30) 0%, rgba(170,20,40,.14) 50%, rgba(0,0,0,0) 78%),
    url(/front/png/active-S.0d33acf1.png) !important;
}
/* A 紫粉 */
.chest-lucky .list li.rarity-color2:not(.king):not(.latest) {
  background-image:
    linear-gradient(180deg, rgba(255,60,220,.10) 0%, rgba(0,0,0,0) 30%),
    radial-gradient(120% 90% at 50% 100%, rgba(255,50,230,.28) 0%, rgba(140,20,160,.14) 50%, rgba(0,0,0,0) 78%),
    url(/front/png/active-A.545ad2b1.png) !important;
}
/* B 蓝紫 */
.chest-lucky .list li.rarity-color3:not(.king):not(.latest) {
  background-image:
    linear-gradient(180deg, rgba(140,80,255,.10) 0%, rgba(0,0,0,0) 30%),
    radial-gradient(120% 90% at 50% 100%, rgba(120,70,255,.30) 0%, rgba(70,40,180,.14) 50%, rgba(0,0,0,0) 78%),
    url(/front/png/active-B.f3cf5db6.png) !important;
}
/* C 天蓝 */
.chest-lucky .list li.rarity-color4:not(.king):not(.latest),
.chest-lucky .list li.rarity-color5:not(.king):not(.latest) {
  background-image:
    linear-gradient(180deg, rgba(60,180,255,.10) 0%, rgba(0,0,0,0) 30%),
    radial-gradient(120% 90% at 50% 100%, rgba(40,170,255,.30) 0%, rgba(20,90,180,.14) 50%, rgba(0,0,0,0) 78%),
    url(/front/png/active-C.1a55954f.png) !important;
}
/* D 绿 */
.chest-lucky .list li.rarity-color7:not(.king):not(.latest) {
  background-image:
    linear-gradient(180deg, rgba(60,255,120,.10) 0%, rgba(0,0,0,0) 30%),
    radial-gradient(120% 90% at 50% 100%, rgba(40,230,110,.28) 0%, rgba(20,140,70,.14) 50%, rgba(0,0,0,0) 78%),
    url(/front/png/active-D.8a9376ff.png) !important;
}
/* E 白灰 */
.chest-lucky .list li.rarity-color6:not(.king):not(.latest),
.chest-lucky .list li.rarity-color8:not(.king):not(.latest) {
  background-image:
    linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(0,0,0,0) 30%),
    radial-gradient(120% 90% at 50% 100%, rgba(230,230,240,.20) 0%, rgba(150,150,170,.10) 50%, rgba(0,0,0,0) 78%),
    url(/front/png/active-E.3b61acf9.png) !important;
}