From dce98f631cd6cb0818d9fe1a7f81837fba4d0189 Mon Sep 17 00:00:00 2001
From: unknown <kate522@88.com>
Date: Sun, 19 Jul 2026 01:20:53 +0800
Subject: [PATCH] feat(widgets): deepen categories, tag cloud, vertical icon
 cards

Add hierarchy/include-exclude for categories; multi-taxonomy colored
tag cloud; vertical icon-card layout with go_link and mobile columns.
---
 assets/css/frontend/widget-batch5.css | 59 +++++++++++++++++++++++++++
 1 file changed, 59 insertions(+)

diff --git a/assets/css/frontend/widget-batch5.css b/assets/css/frontend/widget-batch5.css
index 95fc7429..0d15fadd 100644
--- a/assets/css/frontend/widget-batch5.css
+++ b/assets/css/frontend/widget-batch5.css
@@ -453,3 +453,62 @@
   color: var(--muted-2-color, #999);
   text-decoration: none;
 }
+
+.widget-icon-cards {
+  display: grid;
+  grid-template-columns: repeat(var(--ic-columns, 2), minmax(0, 1fr));
+  gap: 10px;
+}
+@media (max-width: 575.98px) {
+  .widget-icon-cards {
+    grid-template-columns: repeat(var(--ic-m-columns, 2), minmax(0, 1fr));
+  }
+}
+.widget-icon-cards.is-bare .widget-icon-cards__item {
+  background: transparent;
+  border: 0;
+  box-shadow: none;
+}
+.widget-icon-cards__item.is-vertical {
+  flex-direction: column;
+  text-align: center;
+  padding: 16px 10px;
+}
+.widget-icon-cards__item.is-vertical .widget-icon-cards__icon {
+  margin: 0 auto 10px;
+  width: calc(var(--ic-icon, 28px) + 20px);
+  height: calc(var(--ic-icon, 28px) + 20px);
+  font-size: var(--ic-icon, 28px);
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: var(--surface-2, #f3f4f6);
+  color: var(--color-primary, #3b82f6);
+}
+.aksrt-tag-cloud.tag-cloud {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+}
+.aksrt-tag-cloud .but {
+  display: inline-flex;
+  align-items: center;
+  padding: 4px 10px;
+  border-radius: 999px;
+  background: var(--surface-2, #f3f4f6);
+  color: inherit;
+  text-decoration: none;
+  font-size: 12px;
+}
+.aksrt-tag-cloud .c-blue { background: #dbeafe; color: #1d4ed8; }
+.aksrt-tag-cloud .c-green { background: #dcfce7; color: #15803d; }
+.aksrt-tag-cloud .c-yellow { background: #fef3c7; color: #b45309; }
+.aksrt-tag-cloud .c-purple { background: #ede9fe; color: #6d28d9; }
+.aksrt-tag-cloud .c-red { background: #fee2e2; color: #b91c1c; }
+.aksrt-tag-cloud.fixed-width a { min-width: 72px; justify-content: center; }
+.aksrt-cat-list .count {
+  float: right;
+  color: var(--muted-2-color, #999);
+  font-size: 12px;
+}