fix: unify Featured top-3 badges to gold, add badges to post detail Featured section (#43)

Agent-Logs-Url: https://github.com/unbug/unbug.github.io/sessions/f9749eb5-4f40-4f82-8264-66862866bb95

Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: unbug <799578+unbug@users.noreply.github.com>

Author: Copilot

_layouts/post.html

@@ -106,10 +106,11 @@ <h5 class="font-weight-bold spanborder"><span>Related</span></h5>
 						<h5 class="font-weight-bold spanborder"><span>Featured</span></h5>
 						<ol class="list-featured">
 							{% for post in site.tags.featured %}
-							<li class="mb-4">
+							{% assign rank = forloop.index %}
+							<li class="mb-4{% if rank <= 3 %} featured-rank-{{ rank }}{% endif %}">
 								<span>
 									<h6 class="font-weight-bold">
-										<a href="{{site.baseurl}}{{ post.url }}" class="text-dark">{{ post.title }}</a>
+										<a href="{{site.baseurl}}{{ post.url }}" class="text-dark">{{ post.title }}</a>{% if rank <= 3 %}<span class="featured-badge featured-badge-{{ rank }}">推荐</span>{% endif %}
 									</h6>
 									<span class="d-block text-muted">
 										In <span class="catlist">

assets/css/theme.css

@@ -716,10 +716,10 @@ ol.list-featured li.featured-rank-3:before {
     background-color: #FFB800;
 }
 .featured-badge-2 {
-    background-color: #A0A0A0;
+    background-color: #FFB800;
 }
 .featured-badge-3 {
-    background-color: #C8763A;
+    background-color: #FFB800;
 }
 .catlist .sep:last-child {
 	display:none;