add card

web/src/apps/muse/base/card/MarkDetailList.css

@@ -0,0 +1,46 @@
+/* MarkDetailList 组件样式 */
+
+/* 虚拟化列表容器 */
+.ReactVirtualized__List {
+  outline: none;
+}
+
+/* 列表行容器 */
+.ReactVirtualized__List .ReactVirtualized__Grid__innerScrollContainer > div {
+  box-sizing: border-box;
+}
+
+/* 防止内容溢出 */
+.mark-detail-row {
+  overflow: hidden;
+  box-sizing: border-box;
+}
+
+/* 卡片样式优化 */
+.mark-detail-card {
+  margin-bottom: 8px;
+  box-sizing: border-box;
+  position: relative;
+  z-index: 1;
+}
+
+/* 确保图片不会影响布局 */
+.mark-detail-card img {
+  flex-shrink: 0;
+}
+
+/* 代码块样式优化 */
+.mark-detail-card pre {
+  word-wrap: break-word;
+  white-space: pre-wrap;
+}
+
+/* 链接样式 */
+.mark-detail-card a {
+  word-break: break-all;
+}
+
+/* 标签容器 */
+.mark-detail-tags {
+  min-height: 24px;
+}