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;
+}

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

@@ -0,0 +1,35 @@
+/* ================= Breadcrumb Layout B ================= */
+
+.__PFX__-bc-b{
+    margin:14px 0;
+    padding:10px 12px;
+    background:var(--bg-soft-color);
+    border-radius:6px;
+    font-size:13px;
+    line-height:1.6;
+}
+
+.__PFX__-bc-b a{
+    color:var(--text-color);
+    text-decoration:none;
+}
+
+.__PFX__-bc-b strong,
+.__PFX__-bc-b em{
+    font-style:normal;
+    font-weight:600;
+}
+
+/* block spacing */
+.__PFX__-bc-b > * > *{
+    margin-bottom:6px;
+}
+
+.__PFX__-bc-b.compact{
+    padding:8px 10px;
+    font-size:12px;
+}
+
+.__PFX__-bc-b.seo{
+    font-weight:500;
+}

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

@@ -0,0 +1,37 @@
+/* ================= Breadcrumb Layout C ================= */
+
+.__PFX__-bc-c{
+    margin:10px 0;
+    font-size:13px;
+    line-height:1.8;
+    color:var(--text-muted-color);
+}
+
+.__PFX__-bc-c a{
+    color:var(--text-muted-color);
+    text-decoration:none;
+}
+
+.__PFX__-bc-c strong,
+.__PFX__-bc-c em,
+.__PFX__-bc-c mark{
+    font-style:normal;
+    font-weight:500;
+    background:none;
+    color:var(--text-color);
+}
+
+.__PFX__-bc-c code,
+.__PFX__-bc-c kbd{
+    background:transparent;
+    padding:0;
+    font-size:12px;
+}
+
+.__PFX__-bc-c.seo{
+    font-weight:500;
+}
+
+.__PFX__-bc-c.compact{
+    font-size:12px;
+}

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

@@ -0,0 +1,57 @@
+/* ================= Breadcrumb Layout D ================= */
+
+.__PFX__-bc-d{
+    margin:16px 0;
+    padding:12px;
+    background:var(--bg-soft-color);
+    border-radius:8px;
+}
+
+/* pills */
+.__PFX__-bc-pill .pill{
+    display:inline-block;
+    padding:4px 10px;
+    border-radius:999px;
+    background:var(--bg-color);
+    margin-right:6px;
+    font-size:12px;
+}
+.__PFX__-bc-pill .active{
+    background:var(--primary-color);
+    color:#fff;
+}
+
+/* card */
+.__PFX__-bc-card{
+    list-style:none;
+    display:flex;
+    gap:8px;
+    padding:0;
+    margin:0;
+}
+.__PFX__-bc-card li{
+    padding:6px 10px;
+    background:var(--bg-color);
+    border-radius:6px;
+}
+
+/* step */
+.__PFX__-bc-step{
+    display:flex;
+    gap:10px;
+}
+.__PFX__-bc-step .step{
+    padding:6px 10px;
+    background:var(--bg-color);
+    border-radius:4px;
+}
+.__PFX__-bc-step .active{
+    background:var(--primary-color);
+    color:#fff;
+}
+
+/* generic */
+.__PFX__-bc-d a{
+    text-decoration:none;
+    color:var(--text-color);
+}