/* Sun-Panel-Helper CSS */
/* 此文件由系统自动管理，请勿手动修改 */
/* 警告：手动修改可能导致样式冲突或程序异常 */
/* 上次更新：3/19/2025, 10:50:43 AM */

/* Sun-Panel-Helper CSS Start: xiantiao */
/* 背景线条样式 BY 香水 [二群大佬提供] */

/* 伪元素创建背景线条样式 */
.w-full .font-semibold:before {
  content: "";
  position: absolute;
  width: 93px;
  height: 93px;
  border-radius: 60%;
  background: rgba(144, 160, 212, 0.19);
  box-shadow: -8px 21px 0 rgba(69, 178, 142, 0.19);
  z-index: -1;
  right: -28px;
  top: -54px;
  pointer-events: none;
}

/* 伪元素创建另一种背景线条样式 */
.w-full .font-semibold:after {
  content: "";
  position: absolute;
  width: 40px;
  height: 40px;
  border: 4px solid rgba(209, 113, 158, 0.38);
  border-radius: 70%;
  z-index: -1;
  top: -21px;
  right: 49px;
  pointer-events: none;
}

/* 设置图标信息框的圆角样式 */
.icon-info-box .rounded-2xl {
  position: relative;
  border-radius: 15px;
  overflow: hidden;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}
/* Sun-Panel-Helper CSS End: xiantiao */

/* Sun-Panel-Helper CSS Start: mouse-cursor */
body {
  cursor: url(https://img.hi-linux.com/staticfile/P1i7yA-2024-04-26-hZZjUZ.png) 0 0, default !important;
}

.cursor-pointer,
a:hover,
button:hover,
.clickable:hover {
  cursor: url(https://img.hi-linux.com/staticfile/hVX0Sf-2024-04-26-INwMSQ.png) 0 0, pointer !important;
}
/* Sun-Panel-Helper CSS End: mouse-cursor */

/* Sun-Panel-Helper CSS Start: card-hover */
.icon-info-box .rounded-2xl {
  --scale-size: 1.1;
  --shake-degree: 15deg;
  --shake-speed: 0.5s;
  --scale-delay: 0.3s;
}
/* 鼠标悬停动画 */
.icon-info-box .rounded-2xl {
  transform-origin: center center;
  transition: transform 0.3s ease;
}

.icon-info-box .rounded-2xl:hover {
  transform: scale(var(--scale-size, 1));
}

.icon-info-box .rounded-2xl:hover {
  animation: info-shake-bounce var(--shake-speed, 0.5s) var(--scale-delay, 0s) ease-in-out forwards;
}

@keyframes info-shake-bounce {
  0%, 100% {
    transform: scale(var(--scale-size, 1)) rotate(0);
  }
  25% {
    transform: scale(var(--scale-size, 1)) rotate(var(--shake-degree, 15deg));
  }
  50% {
    transform: scale(var(--scale-size, 1)) rotate(calc(var(--shake-degree, 15deg) * -1));
  }
  75% {
    transform: scale(var(--scale-size, 1)) rotate(calc(var(--shake-degree, 15deg) * 0.25));
  }
  85% {
    transform: scale(var(--scale-size, 1)) rotate(calc(var(--shake-degree, 15deg) * -0.25));
  }
}

/* 小图标的动画保持不变 */
.icon-small-box .rounded-2xl:hover {
  -webkit-animation: small-shake-bounce .5s alternate !important;
  -moz-animation: small-shake-bounce .5s alternate !important;
  -o-animation: small-shake-bounce .5s alternate !important;
  animation: small-shake-bounce .5s alternate !important;
}

@keyframes small-shake-bounce {
  0%, 100% {
    transform: rotate(0);
  }
  25% {
    transform: rotate(15deg);
  }
  50% {
    transform: rotate(-15deg);
  }
  75% {
    transform: rotate(5deg);
  }
  85% {
    transform: rotate(5deg);
  }
}
/* Sun-Panel-Helper CSS End: card-hover */

/* Sun-Panel-Helper CSS Start: layout-adjust */
.search-container {
  margin-top: 0px !important;
}

.system-monitor {
  margin-top: -10px !important;
}
/* Sun-Panel-Helper CSS End: layout-adjust */

/* Sun-Panel-Helper CSS Start: custom-bg-image */
/* 最外层容器，用于定位和 z-index */
body {
  position: relative;
  z-index: 1;
  min-height: 100vh; /* 至少撑满视口高度 */
    overflow-x: hidden;
}

/* 渐变背景层 (初始背景) */
.bg-overlay-initial {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2; /* 确保在图片背景下方 */
  /* 其他样式在 JS 中动态设置 */
}

/* 图片背景层 */
.bg-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  z-index: -1;
  opacity: 0; /* 初始透明 */
  /* float 动画在 JS 中动态控制 */
}

/* 过渡效果类 (由 JS 添加/移除) */
.bg-overlay-transition {
  transition: opacity 2.5s ease, transform 2.5s ease;
}

/* float 动画 (关键帧) */
@keyframes float {
  0%   { transform: scale(1.08) translate(0, 0); }
  20%  { transform: scale(1.08) translate(3.5%, -2.5%); }
  40%  { transform: scale(1.08) translate(-5%, 2%); }
  60%  { transform: scale(1.08) translate(3%, 3.7%); }
  80%  { transform: scale(1.08) translate(-2%, -5.5%); }
  100% { transform: scale(1.08) translate(0, 0); }
}
/* 渐变动画 */
@keyframes gradientAnimation {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* 响应式调整 (可选) */
@media (max-width: 768px) {
  @keyframes float {
     0%   { transform: scale(1.05) translate(0, 0); }
     20%  { transform: scale(1.05) translate(2%, -1%); }
     40%  { transform: scale(1.05) translate(-3%, 1%); }
     60%  { transform: scale(1.05) translate(2%, 2%); }
     80%  { transform: scale(1.05) translate(-1%, -3%); }
     100% { transform: scale(1.05) translate(0, 0); }
  }
}
/* 竖屏模式下的调整 */
@media (orientation: portrait) {
  .bg-overlay {
    background-position: center 20%; /* 水平居中，垂直向上偏移 20% */
    /* 或者 */
    /* background-position: 50% 30%; */  /*更灵活的自定义位置 */
  }
}

/* Sun-Panel-Helper CSS End: custom-bg-image */