/* —— 推荐区样式—— */

/* —— 角标“推荐”：不改模板，伪元素叠加 —— */
.hot-tools .url-card .url-body,
.hot-tools-row .url-card .url-body {
  position: relative;
}

.hot-tools .url-card .url-body::after,
.hot-tools-row .url-card .url-body::after {
  content: "推荐";
  position: absolute;
  top: 6px;
  right: -4px;
  padding: 2px 8px;
  font-size: 11px;
  line-height: 1.2;
  color: #fff;
  background: linear-gradient(90deg, #ff7a00, #ff3d00);
  border-radius: 999px;
  box-shadow: 0 4px 10px rgba(255, 100, 0, .25);
  transform: rotate(0deg);
  pointer-events: none;
  opacity: .95;
}

.dark .hot-tools .url-card .url-body::after,
.dark .hot-tools-row .url-card .url-body::after {
  box-shadow: 0 4px 10px rgba(255, 140, 0, .35);
}
/* —— 小屏时角标避免遮挡标题 —— */
@media (max-width: 575.98px) {
  .hot-tools .url-card .url-body::after,
  .hot-tools-row .url-card .url-body::after {
    top: 4px;
    right: 2px;
    transform: scale(.92);
  }
}
/* 热门工具卡片：默认橙色阴影 + 边框高亮 */
.hot-tools .url-card .card,
.hot-tools-row .url-card .card {
  border: 1px solid rgba(251, 180, 0, .2);
  box-shadow: 0 3px 6px rgba(251, 180, 0, .12);
}