补充主题静态资源与归档模板

assets/css/frontend/home-modules/ranking.css

@@ -0,0 +1,60 @@
+/* ============ Ranking ============ */
+.home-module__ranking-list {
+	list-style: none;
+	margin: 0;
+	padding: 0;
+	display: grid;
+	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
+	gap: var(--space-3, 12px);
+}
+
+.home-module__ranking-item {
+	display: flex;
+	align-items: center;
+	gap: var(--space-3, 12px);
+	padding: 12px 14px;
+	background: var(--surface-1);
+	border: 1px solid var(--color-line);
+	border-radius: var(--radius);
+}
+
+.home-module__ranking-num {
+	flex: 0 0 32px;
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	width: 32px;
+	height: 32px;
+	border-radius: 50%;
+	background: var(--surface-2);
+	color: var(--color-ink-3);
+	font: 700 13px/1 var(--font-ui);
+}
+
+.home-module__ranking-item--top .home-module__ranking-num {
+	background: linear-gradient(135deg, #f59e0b 0%, #f97316 100%);
+	color: #fff;
+	box-shadow: 0 4px 8px rgba(245, 158, 11, .25);
+}
+
+.home-module__ranking-link {
+	flex: 1 1 auto;
+	color: var(--color-ink);
+	text-decoration: none;
+	font: 500 14px/1.4 var(--font-ui);
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+.home-module__ranking-link:hover {
+	color: var(--color-primary);
+}
+
+.home-module__ranking-value {
+	flex: 0 0 auto;
+	color: var(--color-ink-3);
+	font-variant-numeric: tabular-nums;
+	font: 500 12px/1 var(--font-ui);
+}
+