🎨 Modify some Hugo syntax & use CSS style replace HTML DOM style.

layouts/partials/comments.html

@@ -16,23 +16,6 @@
     {{- $sn = (sort .nav "weight") }}
     {{- $fc = index $sn 0 }}
     {{- $sc = index $sn 1 }}
-    <style type="text/css">
-      .first-comment {
-        color: {{ $fc.color }};
-        {{- if eq .active (lower $fc.name) }}
-        font-weight: bold;
-        {{- end }}
-      }
-      .comment-switch .move, .switch-btn {
-        background-color: {{- if eq .active (lower $fc.name) }}{{ $fc.color }}{{ else }} {{ $sc.color }}{{ end }};       
-      }
-      .second-comment {
-        color: {{ $sc.color }};
-        {{- if eq .active (lower $sc.name) }}
-        font-weight: bold;
-        {{- end }}
-      }
-    </style>
     <div class="comment-switch">
       <span class="first-comment">{{ $fc.title }}</span>
       <span class="switch-btn {{ if eq .active (lower $sc.name) }}move{{ end }}"></span>
@@ -44,7 +27,7 @@
   {{ $cp := "_thirdparty/comment/%s.html" }}
   {{- if $tc }}
   {{- range $sn }}
-    <div style="display: {{ if eq $active (lower .name) }} block {{ else }} none {{ end }};">
+    <div>
       {{- partial (printf $cp (lower .name)) $root }}
     </div>
   {{- end }}