ceshi

.tmp-shots/css/breadcrumb.css-12

@@ -0,0 +1,120 @@
+/* ========== 面包屑导航 — 对齐 zibll .breadcrumb (main.css) ========== */
+/* Single source for breadcrumb chrome. Do not re-define in layout.css. */
+
+.breadcrumb,
+ul.breadcrumb,
+.breadcrumb-nav,
+.breadcrumbs-wrap {
+  background: transparent;
+  font-size: 13px;
+  padding: 0 8px;
+  margin: 0 0 12px;
+  opacity: 0.6;
+  line-height: 1.8;
+  list-style: none;
+}
+
+.breadcrumb-nav ol,
+.breadcrumb-nav ul,
+ul.breadcrumb,
+.breadcrumbs.breadcrumb {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: block;
+}
+
+/* Zibll uses flat li + li:before separators (not flex-gap nodes) */
+.breadcrumb > li,
+ul.breadcrumb > li,
+.breadcrumb-nav li,
+.breadcrumbs.breadcrumb > li {
+  display: inline;
+}
+
+.breadcrumb > li + li:before,
+ul.breadcrumb > li + li:before,
+.breadcrumb-nav li + li:before {
+  content: "/";
+  padding: 0 0 0 6px;
+  opacity: 0.6;
+}
+
+/* Archive/nav variant may still stamp sep nodes — keep neutral */
+.breadcrumbs.breadcrumb .breadcrumbs__sep {
+  padding: 0 6px;
+  opacity: 0.6;
+}
+
+.breadcrumb a,
+ul.breadcrumb a,
+.breadcrumb-nav a,
+.breadcrumbs a {
+  color: var(--muted-2-color, var(--color-ink-4, #999));
+  text-decoration: none;
+  transition: color 0.2s;
+}
+
+.breadcrumb a:hover,
+ul.breadcrumb a:hover,
+.breadcrumb-nav a:hover,
+.breadcrumbs a:hover {
+  color: var(--focus-color, var(--color-primary, #f04494));
+}
+
+.breadcrumb > li:last-child,
+ul.breadcrumb > li:last-child,
+.breadcrumb-nav .current,
+.breadcrumbs__item.is-current {
+  color: var(--main-color, var(--color-ink-2, #4e5358));
+}
+
+/* Cover / video footer breadcrumb — Zibll single-cover-con / single-video */
+.single-cover-con .breadcrumb,
+.single-cover-con ul.breadcrumb,
+.single-cover-con .breadcrumb-nav,
+.post-breadcrumbs .breadcrumb,
+.single-video .breadcrumb {
+  font-size: 13px;
+  margin: 5px 0 0 -6px;
+  opacity: unset;
+  padding: 0;
+  background: transparent;
+}
+
+.single-video .breadcrumb {
+  padding: 0;
+}
+
+.single-cover-con .breadcrumb,
+.single-cover-con ul.breadcrumb,
+.single-cover-con .breadcrumb-nav {
+  color: rgba(255, 255, 255, 0.85);
+}
+
+.single-cover-con .breadcrumb a,
+.single-cover-con ul.breadcrumb a,
+.single-cover-con .breadcrumb-nav a {
+  color: rgba(255, 255, 255, 0.85);
+}
+
+.single-cover-con .breadcrumb a:hover,
+.single-cover-con ul.breadcrumb a:hover,
+.single-cover-con .breadcrumb-nav a:hover {
+  color: #fff;
+}
+
+.single-cover-con .breadcrumb > li:last-child,
+.single-cover-con ul.breadcrumb > li:last-child {
+  color: #fff;
+}
+
+@media (max-width: 767px) {
+  .breadcrumb,
+  ul.breadcrumb,
+  .breadcrumb-nav,
+  .breadcrumbs-wrap {
+    font-size: 12px;
+  }
+}
+