【线上优化】 styles: 富文本加入默认样式

src/components/common/ArticleContent/index.vue

@@ -322,5 +322,91 @@ const vImagePreview: Directive = {
 <style scoped>
 .html-content {
   font-size: 18px;
+  line-height: 1.8;
+  color: #374151;
+  word-break: break-word;
+}
+
+.html-content :deep(p) {
+  margin: 1em 0;
+}
+
+.html-content :deep(h1),
+.html-content :deep(h2),
+.html-content :deep(h3),
+.html-content :deep(h4),
+.html-content :deep(h5),
+.html-content :deep(h6) {
+  margin: 1.2em 0 0.6em;
+  line-height: 1.4;
+  font-weight: 600;
+  color: #111827;
+}
+
+.html-content :deep(h1) {
+  font-size: 1.7em;
+}
+
+.html-content :deep(h2) {
+  font-size: 1.5em;
+}
+
+.html-content :deep(h3) {
+  font-size: 1.3em;
+}
+
+.html-content :deep(ul),
+.html-content :deep(ol) {
+  margin: 1em 0;
+  padding-left: 1.5em;
+}
+
+.html-content :deep(ul) {
+  list-style: disc;
+}
+
+.html-content :deep(ol) {
+  list-style: decimal;
+}
+
+.html-content :deep(li) {
+  margin: 0.35em 0;
+}
+
+.html-content :deep(blockquote) {
+  margin: 1em 0;
+  padding: 0.6em 1em;
+  border-left: 4px solid #d1d5db;
+  color: #6b7280;
+  background: #f9fafb;
+}
+
+.html-content :deep(pre),
+.html-content :deep(code) {
+  font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;
+}
+
+.html-content :deep(pre) {
+  margin: 1em 0;
+  padding: 0.8em 1em;
+  border-radius: 6px;
+  overflow-x: auto;
+  background: #f3f4f6;
+}
+
+.html-content :deep(code) {
+  padding: 0.1em 0.35em;
+  border-radius: 4px;
+  background: #f3f4f6;
+}
+
+.html-content :deep(pre code) {
+  padding: 0;
+  background: transparent;
+}
+
+.html-content :deep(a) {
+  color: #2563eb;
+  text-decoration: underline;
 }
 </style>