refactor(页面样式): 调整产品页面

pages/products/[id].vue

 :deep(.table-responsive-wrapper) {
   border-radius: 8px;
   background: theme("colors.zinc.900");
-  margin: 1rem 0;
+  padding: 1rem 0;
 }
 
 :deep(.scroll-indicator) {
   :deep(.full-table-screen .prose th),
   :deep(.full-table-screen .prose td) {
     min-width: 80px;
-    padding: 0.5rem 0.25rem !important;
-    font-size: 0.75rem;
+    padding: 0.5rem 0.75rem !important;
   }
 }
 
   position: relative;
   z-index: 101;
 }
+
+/* 通用清除浮动工具类 */
+.clearfix::before,
+.clearfix::after {
+  content: "";
+  display: table;
+}
+
+.clearfix::after {
+  clear: both;
+}
+
+/* 简化的clearfix */
+.clear-float::after {
+  content: "";
+  display: block;
+  clear: both;
+}
+
+/* 清除左浮动 */
+.clear-left {
+  clear: left;
+}
+
+/* 清除右浮动 */
+.clear-right {
+  clear: right;
+}
+
+/* 清除所有浮动 */
+.clear-both {
+  clear: both;
+}
 </style>