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

assets/css/frontend/breadcrumb.css

@@ -0,0 +1,76 @@
+/* ========== 面包屑导航 — 对齐 zibll breadcrumb ========== */
+.breadcrumb-nav {
+  font-size: 13px;
+  padding: 0 8px;
+  margin-bottom: 12px;
+  opacity: 0.6;
+  line-height: 1.8;
+}
+
+.breadcrumb-nav ol,
+.breadcrumb-nav ul {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 0;
+}
+
+.breadcrumb-nav li {
+  display: inline-flex;
+  align-items: center;
+}
+
+.breadcrumb-nav li + li::before {
+  content: '/';
+  padding: 0 0 0 6px;
+  opacity: 0.6;
+}
+
+.breadcrumb-nav a {
+  color: var(--color-ink-4, #999);
+  text-decoration: none;
+  transition: color 0.2s;
+}
+
+.breadcrumb-nav a:hover {
+  color: var(--color-primary, #f04494);
+}
+
+.breadcrumb-nav .current {
+  color: var(--color-ink-2, #4e5358);
+  font-weight: 500;
+}
+
+.single-cover-con .breadcrumb-nav,
+.single-cover-con .breadcrumb {
+  font-size: 13px;
+  margin: 5px 0 0 -6px;
+  opacity: unset;
+}
+
+/* 封面内面包屑 */
+.single-cover-con .breadcrumb-nav {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.single-cover-con .breadcrumb-nav a {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.single-cover-con .breadcrumb-nav a:hover {
+  color: #fff;
+}
+
+.single-cover-con .breadcrumb-nav .current {
+  color: #fff;
+}
+
+/* 移动端 */
+@media (max-width: 767px) {
+  .breadcrumb-nav {
+    font-size: 12px;
+  }
+}