diff --git a/src/App.vue b/src/App.vue index 6451d22..e9be18b 100644 --- a/src/App.vue +++ b/src/App.vue @@ -241,41 +241,39 @@ body { .rich-content { padding: 24px 0; font-size: 16px; - line-height: 1.7; - color: var(--text-primary); + line-height: 1.6; + color: #333; word-wrap: break-word; } .rich-content h1, .rich-content h2, .rich-content h3 { - color: var(--text-primary); - margin: 32px 0 16px; - font-weight: 600; + margin: 24px 0 16px; + color: #000; + line-height: 1.3; } .rich-content h2 { - font-size: 20px; - border-left: 4px solid var(--primary-color); - padding-left: 12px; - margin-left: -4px; + font-size: 1.2rem; + font-weight: 600; } .rich-content p { margin-bottom: 16px; + text-align: justify; } .rich-content strong { font-weight: 600; - color: var(--text-primary); + color: #000; } .rich-content img { max-width: 100%; height: auto; - border-radius: 12px; - margin: 16px 0; - box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); + display: block; + margin: 16px auto; } .rich-content table { @@ -283,8 +281,6 @@ body { border-collapse: collapse; margin: 20px 0; font-size: 14px; - display: block; - overflow-x: auto; } .rich-content th,