fix(visual): align tokens/cards/buttons/dark mode to Zibll

P0 dark hex to #292a2d/#323335/#f8fafc; .btn opacity hover without pink elevation; post/user/product cards shadow-first without pink borders.

assets/css/frontend/card-primitives.css

@@ -12,16 +12,15 @@
  * 对齐 zibll .theme-box + .box-bg
  * ============================================================ */
 .aksrt-theme-box {
-  border: 1px solid rgba(255, 255, 255, 0.55);
-  border-radius: var(--radius-lg);
+  border: none;
+  border-radius: var(--radius, 8px);
   background: var(--surface-1);
   box-shadow: var(--shadow-sm);
-  transition: box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease), border-color var(--dur) var(--ease);
+  transition: box-shadow 0.2s ease;
 }
 
 .aksrt-theme-box:hover {
   box-shadow: var(--shadow);
-  border-color: rgba(240, 68, 148, 0.10);
 }
 
 /* ============================================================
@@ -76,16 +75,15 @@
  * ============================================================ */
 .theme-box {
   background: var(--surface-1);
-  border: 1px solid rgba(255, 255, 255, 0.55);
-  border-radius: var(--radius-lg);
+  border: none;
+  border-radius: var(--radius, 8px);
   box-shadow: var(--shadow-sm);
   margin-bottom: 20px;
-  transition: box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease), border-color var(--dur) var(--ease);
+  transition: box-shadow 0.2s ease;
 }
 
 .theme-box:hover {
   box-shadow: var(--shadow);
-  border-color: rgba(240, 68, 148, 0.10);
 }
 
 .box-bg {
@@ -129,7 +127,7 @@ html.dark .theme-box,
 body.dark-theme .theme-box,
 html.dark .box-bg,
 body.dark-theme .box-bg {
-  border-color: var(--color-line);
+  border-color: transparent;
   box-shadow: var(--shadow-sm);
 }
 
@@ -164,3 +162,15 @@ body.dark-theme .theme-box:hover {
   box-shadow: none !important;
   transform: none !important;
 }
+
+/* ============================================================
+ * .zib-widget — zibll sidebar/widget surface
+ * ============================================================ */
+.zib-widget {
+  clear: both;
+  background-color: var(--surface-1);
+  padding: var(--card-padding);
+  box-shadow: var(--shadow-sm);
+  border-radius: var(--radius, 8px);
+  margin-bottom: 20px;
+}

assets/css/frontend/home-modules/product-showcase.css

@@ -10,33 +10,33 @@
 
 .aksrt-product-card {
 	background: var(--surface-1, #fff);
-	border-radius: var(--radius-lg, 10px);
-	border: 1px solid rgba(255, 255, 255, 0.55);
+	border-radius: var(--radius, 8px);
+	border: none;
 	box-shadow: var(--shadow-sm);
 	overflow: hidden;
 	text-decoration: none;
 	color: inherit;
-	transition: box-shadow 0.2s, transform 0.2s, border-color 0.2s;
+	transition: box-shadow 0.2s ease;
 }
 
 .aksrt-product-card:hover {
 	box-shadow: var(--shadow);
-	border-color: rgba(240, 68, 148, 0.12);
-	transform: translateY(-2px);
 }
 
 .aksrt-product-card__image img {
 	width: 100%;
-	aspect-ratio: 4/3;
+	aspect-ratio: 1 / 1;
 	object-fit: cover;
+	border-radius: var(--radius, 8px) var(--radius, 8px) 0 0;
+	display: block;
 }
 
 .aksrt-product-card__body {
-	padding: 16px;
+	padding: 15px;
 }
 
 .aksrt-product-card__title {
-	font-size: 15px;
+	font-size: 16px;
 	font-weight: 600;
 	margin: 0 0 6px;
 }

assets/css/frontend/home-modules/user-cards.css

@@ -10,18 +10,16 @@
 	flex-direction: column;
 	align-items: center;
 	text-align: center;
-	padding: 24px 18px;
-	border-radius: var(--radius-lg);
-	border: 1px solid rgba(255, 255, 255, 0.55);
+	padding: 20px 15px;
+	border-radius: var(--radius, 8px);
+	border: none;
 	background: var(--surface-1);
 	box-shadow: var(--shadow-sm);
-	transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
+	transition: box-shadow 0.2s ease;
 }
 
 .home-module__user-card:hover {
-	border-color: rgba(240, 68, 148, 0.12);
 	box-shadow: var(--shadow);
-	transform: translateY(-2px);
 }
 
 .home-module__user-link {

assets/css/frontend/nav/base.css

@@ -1,11 +1,10 @@
 /* ============================================================
- * AKSRT Navigation — Editorial v3.4
+ * AKSRT Navigation — Zibll-aligned
  *
- * - 高度 60px (--nav-h)
- * - 字体使用 --font-ui (Inter / 思源黑体)
- * - 主色蓝调，hover 改为 primary-soft 浅底
- * - 永远实心：白底深字 + 1px 分隔线，滚动后追加 box-shadow
- * - 移动端：≤768 显示汉堡菜单
+ * - 高度 60px (--nav-height)
+ * - 毛玻璃 blur-bg（saturate(5) blur(20px)）
+ * - 透明叠 slider → 滚动后恢复实底
+ * - 滚动隐藏（scroll-down-hide 等价）
  * ============================================================ */
 
 .site-nav {
@@ -77,7 +76,7 @@ body.dark-theme .site-nav--blur.is-scrolled {
 
 /* 滚动后追加阴影 — 对齐 zibll .body-scroll .header */
 .site-nav.is-scrolled {
-  box-shadow: var(--shadow-sm);
+  box-shadow: 0 4px 10px var(--main-shadow, var(--shadow-sm));
 }
 
 /* WordPress Admin Bar 已全局禁用，无需偏移规则 */

assets/css/frontend/post-card.css

@@ -28,20 +28,24 @@
 .posts-item {
     padding: 20px;
     margin: 15px 0;
-    background: var(--main-bg-color, #fff);
-    border: 1px solid rgba(255, 255, 255, 0.55);
+    background: var(--main-bg-color, var(--surface-1, #fff));
+    border: none;
     overflow: hidden;
-    transition: box-shadow .2s ease, border-color .2s ease, transform .2s ease;
-    box-shadow: var(--shadow-sm);
-    border-radius: var(--radius-lg, 10px);
+    transition: box-shadow 0.2s ease;
+    box-shadow: 0 0 10px var(--main-shadow, var(--shadow-sm));
+    border-radius: var(--main-radius, var(--radius, 8px));
 }
 
 /* ============================================================
- * 卡片模式 .posts-item.card — 对齐 zibll line 7733
+ * hover — 对齐 zibll（仅阴影略强，无粉边 / 无抬升）
  * ============================================================ */
 .posts-item:hover {
-    box-shadow: var(--shadow);
-    border-color: rgba(240, 68, 148, 0.10);
+    box-shadow: 0 0 10px rgba(116, 116, 116, 0.14);
+}
+
+html.dark .posts-item:hover,
+body.dark-theme .posts-item:hover {
+    box-shadow: 0 0 10px rgba(24, 24, 24, 0.18);
 }
 
 .posts-item.card {