gpttemp

code/public/static/css/modules/breadcrumb/layout/layout_A.css

@@ -0,0 +1,83 @@
+/* ================= Breadcrumb Layout A ================= */
+
+.__PFX__-bc-a{
+    margin:10px 0;
+    font-size:13px;
+    line-height:1.6;
+    color:var(--text-muted-color);
+
+    /* 关键：横向导航 */
+    display:flex;
+    align-items:center;
+    flex-wrap:wrap;
+    gap:6px;
+}
+
+/* 所有直接子容器都横向 */
+.__PFX__-bc-a > *{
+    display:flex;
+    align-items:center;
+    flex-wrap:wrap;
+    gap:6px;
+}
+
+/* 重置 ol / ul */
+.__PFX__-bc-a ol,
+.__PFX__-bc-a ul{
+    display:flex;
+    align-items:center;
+    flex-wrap:wrap;
+    gap:6px;
+    list-style:none;
+    padding:0;
+    margin:0;
+}
+
+/* li 横向 */
+.__PFX__-bc-a li{
+    display:flex;
+    align-items:center;
+    gap:6px;
+}
+
+/* 分隔符（li::after 方案） */
+.__PFX__-bc-a li::after{
+    content:"/";
+    margin-left:6px;
+    color:var(--text-muted-color);
+}
+
+.__PFX__-bc-a li:last-child::after{
+    content:"";
+}
+
+/* 链接样式 */
+.__PFX__-bc-a a{
+    color:var(--text-muted-color);
+    text-decoration:none;
+    white-space:nowrap;
+}
+
+/* 当前节点 */
+.__PFX__-bc-a strong,
+.__PFX__-bc-a em,
+.__PFX__-bc-a span{
+    color:var(--text-color);
+    font-style:normal;
+    white-space:nowrap;
+}
+
+/* inline variant（你原来的，保留） */
+.__PFX__-bc-inline{
+    display:flex;
+    gap:6px;
+}
+
+/* 紧凑 / SEO */
+.__PFX__-bc-a.compact{
+    font-size:12px;
+}
+
+.__PFX__-bc-a.seo{
+    font-weight:500;
+}