小说第一模板 url 设计

code/public/template/kuangyu/home/bai_web/css/style.css

@@ -559,3 +559,4 @@ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margi
 .info2_L .news .comB .rbtn a{float: left;}
 .info2_L .news .comB .rbtn img{width: 12px; height: 12px; margin: 4px 4px 0 0; float: left;}
 .info2_L .news .comB .rbtn a i{float: left;color: #9e9e9e;font-size: 12px;}
+

code/public/template/kuangyu/public/css/common.css

@@ -0,0 +1,65 @@
+
+/* 面包屑容器 */
+.breadcrumb {
+    font-family: Arial, sans-serif;
+    padding: 10px 15px;
+    background-color: #f8f9fa;
+    border-radius: 5px;
+    margin: 10px 0;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
+}
+
+/* 有序列表样式 */
+.breadcrumb ol {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+}
+
+/* 面包屑项 */
+.breadcrumb-item {
+    font-size: 14px;
+    color: #666;
+}
+
+/* 链接样式 */
+.breadcrumb-item a {
+    text-decoration: none;
+    color: #007bff;
+    transition: color 0.3s ease;
+}
+
+.breadcrumb-item a:hover {
+    color: #0056b3;
+    text-decoration: underline;
+}
+
+/* 分隔符 */
+.breadcrumb-item + .breadcrumb-item::before {
+    content: ">";
+    margin: 0 8px;
+    color: #999;
+    font-weight: bold;
+}
+
+/* 当前页面样式 */
+.breadcrumb-item.active {
+    color: #333;
+    font-weight: bold;
+}
+
+/* 响应式调整 */
+@media (max-width: 768px) {
+    .breadcrumb {
+        padding: 8px 10px;
+    }
+    .breadcrumb-item {
+        font-size: 12px;
+    }
+    .breadcrumb-item + .breadcrumb-item::before {
+        margin: 0 5px;
+    }
+}