@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100..900&display=swap');

.ui .chinese:not(.icon),
.chinese:not(.icon),
.chinese *:not(.icon),
.ui.popup > .header {
  font-family: 'Noto Sans SC', Lato, system-ui, -apple-system, 'Segoe UI', Roboto, Oxygen, Ubuntu,
    Cantarell, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif,
    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' !important;
  font-optical-sizing: auto;
  font-style: normal;
}

/* 背包面板内容不应该超过整个页面 */
body:has(#背包面板.active) {
  overflow-y: hidden;
}

#背包面板 {
  border: none;
  box-shadow: none;
}

#背包面板-装备容器 {
  height: 50vh;
}

#背包面板-背包容器 {
  height: 80vh;
}

.背包物品-图片.背包物品-图片.背包物品-图片.背包物品-图片.背包物品-图片 {
  animation: none;
  overflow: visible;
  background-image: url(../images/tooltip.png);
  background-size: cover;
  background-position: center;
}

.炫光.炫光.炫光.炫光.炫光[data-品质='史诗'] {
  background-image: linear-gradient(-45deg, #38113b, #48194a, #752b75, #2c0c22, #240d20);
  background-size: 400% 400%;
  animation: 炫光 5s ease infinite;
}

.炫光.炫光.炫光.炫光.炫光[data-品质='传说'] {
  background-image: linear-gradient(-45deg, #3f190b, #461606, #7f681a, #324206, #281a08);
  background-size: 400% 400%;
  animation: 炫光 5s ease infinite;
}

.炫光.炫光.炫光.炫光.炫光[data-品质='神器'] {
  background-image: linear-gradient(-45deg, #b83c3a, #8d1d48, #90207b, #810f0f, #b83c3a);
  background-size: 400% 400%;
  animation: 炫光 5s ease infinite;
}

@keyframes 炫光 {
  0% {
    background-position: 0% 50%;
  }
  30% {
    background-position: 95% 50%;
  }
  40% {
    background-position: 100% 50%;
  }
  66% {
    background-position: 24% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}