/* === 背景 — 米白渐变，中性不偏黄 === */
body,
div#__next,
div#__next > div,
div#__next > div > div {
  background: linear-gradient(160deg, #efefef 0%, #f5f5f5 40%, #eaeaea 100%) !important;
  min-height: 100vh;
}

/* === 分组标题 — 加左侧彩色条 === */
div.flex.flex-row.items-center.gap-x-2 {
  border-left: 3px solid var(--color-primary) !important;
  padding-left: 12px !important;
  margin-bottom: 4px !important;
}

/* === 服务卡片容器 — 毛玻璃白 === */
div.bg-theme-200\/50 {
  background: rgba(255, 255, 255, 0.85) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.6) !important;
  border-radius: 14px !important;
  transition: box-shadow 0.2s ease, transform 0.2s ease !important;
}

div.bg-theme-200\/50:hover {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12), 0 2px 6px rgba(0, 0, 0, 0.06) !important;
  transform: translateY(-1px) !important;
}

/* === 服务/书签单项 === */
.service-block {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
  border-radius: 10px !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
  transition: box-shadow 0.15s ease, border-color 0.15s ease !important;
}

.service-block:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.10) !important;
  border-color: var(--color-primary) !important;
}

/* === 搜索框 === */
input[type="text"] {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  border-radius: 10px !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06) !important;
  transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
}

input[type="text"]:focus {
  border-color: var(--color-primary) !important;
  box-shadow: 0 0 0 3px rgba(100, 116, 139, 0.15) !important;
}

/* === Widget 卡片（资源、天气等）=== */
div#information-widgets div.bg-theme-200\/50 {
  background: rgba(255, 255, 255, 0.85) !important;
  backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(255, 255, 255, 0.6) !important;
  border-radius: 14px !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08) !important;
}

/* === 底部 — 透明融入背景 === */
footer {
  background: transparent !important;
  border: none !important;
}

footer * {
  color: #888 !important;
}

footer a:hover {
  color: var(--color-primary) !important;
}