/* 1. 彻底清空容器底色，防止挡住壁纸，并实现无缝全屏铺满 */
html, body, #__next {
  background-color: transparent !important;
  min-height: 100vh !important;
  height: auto !important;
}

/* 2. 紧凑型卡片尺寸与内边距 */
.service-card, .widget-card, .search-card {
  padding: 8px 12px !important;
  min-height: unset !important;
  background-color: rgba(15, 23, 42, 0.45) !important;
  backdrop-filter: blur(12px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(12px) saturate(180%) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 10px !important;
  transition: all 0.2s ease !important;
}

/* 3. 缩小卡片图标与指示灯尺寸 */
.service-card img, .service-card svg {
  width: 28px !important;
  height: 28px !important;
}

.ping-dot {
  width: 6px !important;
  height: 6px !important;
}

/* 4. 紧凑文字排版与缩减行高 */
.service-card .text-sm, .service-card h2, .service-card h3 {
  font-size: 0.85rem !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}

.service-card .text-xs, .service-card p {
  font-size: 0.725rem !important;
  line-height: 1.1 !important;
  opacity: 0.65 !important;
  margin-top: 2px !important;
}

/* 5. 压缩分类标题间距与卡片网格间隙 */
.group-header, .group-title {
  margin-top: 12px !important;
  margin-bottom: 6px !important;
  font-size: 0.9rem !important;
  font-weight: 700 !important;
}

.grid {
  gap: 8px !important;
}

/* 6. 悬浮微动效 */
.service-card:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(99, 102, 241, 0.5) !important;
}