增加program详情页

public/static/css/style.css

@@ -17,6 +17,65 @@ a:hover {
   color: #fff !important;
 }
 
+/* 代码块样式 */
+pre {
+  background-color: #f8f9fa;
+  border-radius: 6px;
+  padding: 16px;
+  margin: 20px 0;
+  overflow: auto;
+  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
+  font-size: 14px;
+  line-height: 1.6;
+  color: #333;
+  border-left: 4px solid #0d6efd;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+}
+
+pre code {
+  background-color: transparent;
+  padding: 0;
+  font-size: inherit;
+  color: inherit;
+  white-space: pre;
+  word-break: normal;
+}
+
+/* 代码块响应式样式 */
+@media (max-width: 768px) {
+  pre {
+    padding: 12px;
+    font-size: 13px;
+  }
+}
+
+/* 代码高亮样式 */
+.hljs-keyword,
+.hljs-selector-tag {
+  color: #d73a49;
+}
+
+.hljs-string,
+.hljs-attr {
+  color: #032f62;
+}
+
+.hljs-number,
+.hljs-literal {
+  color: #005cc5;
+}
+
+.hljs-comment {
+  color: #6a737d;
+  font-style: italic;
+}
+
+.hljs-function,
+.hljs-title {
+  color: #6f42c1;
+}
+
+
 /* 字体大小类 */
 .f20,
 .f-20 {
@@ -164,6 +223,8 @@ a:hover {
   position: relative;
 }
 
+
+
 .main-menu__list {
   display: flex;
   justify-content: center;