修复文章前后端相关问题

public/static/css/style.css

@@ -211,7 +211,8 @@ pre code {
   position: relative;
 }
 
-.main-menu .container .main-menu__right .layui-btn-primary:hover,.sticky-nav .container .main-menu__right .layui-btn-primary:hover {
+.main-menu .container .main-menu__right .layui-btn-primary:hover,
+.sticky-nav .container .main-menu__right .layui-btn-primary:hover {
   color: #3492ed;
 }
 
@@ -326,7 +327,6 @@ pre code {
 
 /* 轮播动画 */
 @keyframes slide {
-
   0%,
   33% {
     transform: translateX(0);
@@ -576,4 +576,66 @@ pre code {
 .game-content img {
   width: 100%;
   margin: 20px auto;
-}
+}
+
+.article-detail-container {
+}
+
+.article-detail-container .article-header .trans {
+  margin-bottom: 10px;
+  color: #aaa;
+  font-size: 12px;
+}
+
+.article-detail-container .article-content h1,
+.article-detail-container .article-content h2,
+.article-detail-container .article-content h3,
+.article-detail-container .article-content h4,
+.article-detail-container .article-content h5 {
+  font-weight: 700;
+  margin-bottom: 20px;
+}
+
+.article-detail-container .article-content h1 {
+  font-size: 2rem;
+}
+
+.article-detail-container .article-content h2 {
+  font-size: 1.75rem;
+}
+
+.article-detail-container .article-content h3 {
+  font-size: 1.45rem;
+}
+
+.article-detail-container .article-content h4 {
+  font-size: 1.25rem;
+}
+
+.article-detail-container .article-content h5 {
+  font-size: 1rem;
+}
+
+.article-detail-container .article-content video {
+  width: 100%;
+  margin: 10px auto;
+}
+
+.article-detail-container .article-content span {
+  margin: 0 5px;
+  padding: 2px 6px;
+  border-radius: 4px;
+}
+
+.article-detail-container .article-content pre {
+  margin-bottom: 2.5rem;
+}
+
+.article-detail-container .article-content pre code {
+  white-space: pre-wrap;
+  word-wrap: break-word;
+}
+
+.article-detail-container .article-content hr {
+  margin: 40px auto;
+}