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

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

@@ -0,0 +1,56 @@
+/* ============ Tabs ============ */
+.home-module__header--tabs {
+	flex-wrap: wrap;
+	border-bottom: 0;
+	padding-bottom: 0;
+}
+
+.home-module__tabs {
+	display: flex;
+	flex-wrap: wrap;
+	gap: var(--space-1, 4px);
+	border-bottom: 1px solid var(--color-line);
+	margin-top: var(--space-3, 12px);
+	width: 100%;
+}
+
+.home-module__tab {
+	background: transparent;
+	border: 0;
+	padding: 8px 16px;
+	font: 500 14px/1 var(--font-ui);
+	color: var(--color-ink-2);
+	cursor: pointer;
+	border-radius: 8px 8px 0 0;
+	border-bottom: 2px solid transparent;
+	transition: color .18s ease, border-color .18s ease;
+}
+
+.home-module__tab:hover {
+	color: var(--color-ink);
+}
+
+.home-module__tab.is-active {
+	color: var(--color-primary);
+	border-bottom-color: var(--color-primary);
+}
+
+.home-module__tab-panel {
+	margin-top: var(--space-5, 20px);
+}
+
+.index-tab-main .home-module__tab-panel.tab-pane[hidden],
+.home-tab-content .home-module__tab-panel.tab-pane[hidden] {
+	display: none;
+}
+
+.home-module__tab-panel[hidden] {
+	display: none;
+}
+
+.home-module__empty {
+	color: var(--color-ink-3);
+	text-align: center;
+	padding: var(--space-7, 32px) 0;
+}
+