/* WenOS compact dashboard */

body {
  background:
    linear-gradient(rgba(15, 23, 42, 0.68), rgba(15, 23, 42, 0.86)),
    radial-gradient(circle at 15% 0%, rgba(56, 189, 248, 0.16), transparent 30rem),
    radial-gradient(circle at 88% 0%, rgba(99, 102, 241, 0.14), transparent 30rem),
    linear-gradient(180deg, #0b1120 0%, #111827 100%) !important;
}

#page_container,
main {
  max-width: 1500px !important;
  margin: 0 auto !important;
  padding-left: 28px !important;
  padding-right: 28px !important;
}

/* 减少分类标题占位 */
h2,
.service-group-name,
.bookmark-group-name,
[class*="group-name"] {
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em !important;
  opacity: 0.78 !important;
  margin-top: 14px !important;
  margin-bottom: 8px !important;
}

/* 顶部书签做小卡片 */
section:first-of-type a[href],
section:first-of-type a {
  min-height: 46px !important;
  border-radius: 14px !important;
}

/* 服务卡片高密度 */
a[href*="wenlox.com"],
a[href*="192.168.5.50"],
a[href*="tailscale.com"],
a[href*="cloudflare.com"],
a[href*="github.com"],
a[href*="docker.com"],
a[href*="chatgpt.com"],
a[href*="deepseek.com"],
a[href*="youtube.com"],
a[href*="reddit.com"] {
  border-radius: 16px !important;
  transition: transform 0.14s ease, border-color 0.14s ease, background 0.14s ease !important;
}

a[href*="wenlox.com"]:hover,
a[href*="192.168.5.50"]:hover,
a[href*="tailscale.com"]:hover,
a[href*="cloudflare.com"]:hover,
a[href*="github.com"]:hover,
a[href*="docker.com"]:hover,
a[href*="chatgpt.com"]:hover,
a[href*="deepseek.com"]:hover,
a[href*="youtube.com"]:hover,
a[href*="reddit.com"]:hover {
  transform: translateY(-2px) !important;
}

/* 减少无详情卡片的空白感 */
a[href*="emby-av.wenlox.com"],
a[href*="avdb.wenlox.com"],
a[href*="mdcng.wenlox.com"] {
  min-height: 74px !important;
}

/* 组件区域保持清晰 */
div[class*="widget"],
div[class*="Widget"] {
  opacity: 0.96 !important;
}

/* 图标 */
img {
  border-radius: 8px !important;
}

/* 移动端 */
@media (max-width: 900px) {
  #page_container,
  main {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  h2,
  .service-group-name,
  [class*="group-name"] {
    font-size: 14px !important;
  }
}