:root {
  --card-background: rgba(15, 23, 42, 0.58);
  --card-background-hover: rgba(30, 41, 59, 0.74);
  --border-color: rgba(148, 163, 184, 0.18);
}

body {
  font-family: Inter, "Microsoft YaHei", "PingFang SC", system-ui, sans-serif;
}

.service-card, .bookmark-card, .widget-card {
  border: 1px solid var(--border-color) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18);
  backdrop-filter: blur(14px);
}

.service-card:hover, .bookmark-card:hover {
  transform: translateY(-2px);
  transition: all 160ms ease;
}