/* ==========================================================================
   Sun-Panel Modern Dark Glassmorphism Theme (极简暗黑毛玻璃质感主题)
   ========================================================================== */

:root {
  --glass-bg: rgba(22, 27, 34, 0.65);
  --glass-border: rgba(255, 255, 255, 0.08);
  --glass-border-hover: rgba(59, 130, 246, 0.45);
  --glass-shadow: 0 8px 24px -4px rgba(0, 0, 0, 0.35);
  --glass-shadow-hover: 0 12px 32px -4px rgba(0, 0, 0, 0.5), 0 0 16px rgba(59, 130, 246, 0.2);
  --accent-color: #3b82f6;
  --text-main: #f3f4f6;
  --text-muted: #9ca3af;
}

/* 整体背景与平滑滚动 */
html, body {
  background-color: #0b0f17 !important;
  color: var(--text-main) !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  -webkit-font-smoothing: antialiased;
}

/* 背景微光渐变层 */
body::before {
  content: "";
  position: fixed;
  top: -20%;
  left: -10%;
  width: 140%;
  height: 140%;
  background: radial-gradient(circle at 50% 20%, rgba(30, 58, 138, 0.15), transparent 45%),
              radial-gradient(circle at 80% 80%, rgba(17, 24, 39, 0.6), transparent 50%);
  pointer-events: none;
  z-index: -1;
}

/* 图标卡片 Glassmorphism 样式 */
.card-item, 
div[class*="item_box"],
div[class*="icon-item"],
.item-card {
  background: var(--glass-bg) !important;
  backdrop-filter: blur(16px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(180%) !important;
  border: 1px solid var(--glass-border) !important;
  border-radius: 14px !important;
  box-shadow: var(--glass-shadow) !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* 卡片悬浮交互与微光描边 */
.card-item:hover,
div[class*="item_box"]:hover,
div[class*="icon-item"]:hover,
.item-card:hover {
  transform: translateY(-4px) scale(1.015) !important;
  border-color: var(--glass-border-hover) !important;
  box-shadow: var(--glass-shadow-hover) !important;
  background: rgba(30, 41, 59, 0.75) !important;
}

/* 分组标题与分组容器优化 */
.group-title,
div[class*="group_title"],
h3[class*="title"] {
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  color: #e2e8f0 !important;
  border-left: 3.5px solid var(--accent-color) !important;
  padding-left: 10px !important;
  margin-bottom: 12px !important;
}

/* 顶部搜索框/工具栏美化 */
input[type="text"],
.search-input,
div[class*="search_box"] input {
  background: rgba(15, 23, 42, 0.6) !important;
  backdrop-filter: blur(12px) !important;
  border: 1px solid var(--glass-border) !important;
  border-radius: 12px !important;
  color: #ffffff !important;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3) !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

input[type="text"]:focus,
.search-input:focus,
div[class*="search_box"] input:focus {
  border-color: var(--accent-color) !important;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.25) !important;
}

/* 图标细节与内边距调整 */
img, svg {
  transition: transform 0.25s ease !important;
}

.card-item:hover img,
.card-item:hover svg,
div[class*="item_box"]:hover img,
div[class*="item_box"]:hover svg {
  transform: scale(1.06) !important;
}

/* 滚动条极简美化 */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.15);
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.3);
}