debug

code/public/template/haozi/book_m/css/common.css

@@ -28,7 +28,8 @@ body,html{margin:0;padding:0;width:100%;height:100%;background-color:#efefef}
 .header i{float:right;display:block;width:45px;height:45px;color:#fff;font-size:25px;line-height:48px}
 .header i.i_back{float:left}
 .header a{display:inline-block}
-.header a.logo{float:left;height:45px;color:#fff;font-weight:600;font-size:20px;line-height:46px}
+.header a.logo , .header h1.logo, .header h2.logo{float:left;height:45px;color:#fff;font-weight:600;font-size:20px;line-height:46px}
+.header a.logo a , .header h1.logo a, .header h2.logo a{color:#fff;}
 .header h1,.header p{overflow:hidden;height:45px;color:#fff;font-size:18px;line-height:46px}
 .header ul{display:inline-block;overflow:hidden;margin-top:8px;border-radius:45px;background-color:#fff}
 .header li{display:inline-block;padding:1px}
@@ -78,6 +79,7 @@ div.menu a+a{border-top:1px solid #ddd}
 .sort li{display:inline-block;width:32%}
 .sort li i{position:relative;top:1.5px;float:right;display:block;width:50px;border-left:1px solid #ddd;color:#ff6000;text-align:right;font-style:normal}
 .sort li a{display:block;margin:5px;padding:8px;border:1px solid #ddd;background-color:#fcfcfc;text-align: center;color:#666}
+.sort li.active_rank a{background-color: rgb(204, 204, 204);}
 .sort li a:active,.sort li a:hover{background-color:#f4f4f4}
 .top li{margin:10px;border:1px solid #ddd;background-color:#fff}
 .top li p{padding:10px;border-bottom:1px solid #ddd;background-color:#fff}
@@ -141,7 +143,11 @@ div.menu a+a{border-top:1px solid #ddd}
 .list li p.chapter a{color:#333}
 
 .list li p.intro{height:40px;line-height:20px}
-.list li p.data+p.intro{height:60px;line-height:20px}
+.list li p.data+p.intro{height:60px;line-height:20px;display: -webkit-box;          /* 使用 flexbox 布局 */
+  -webkit-box-orient: vertical; /* 垂直排列 */
+  -webkit-line-clamp: 3;        /* 限制显示的行数为 3 行 */
+  overflow: hidden;              /* 隐藏超出部分 */
+  text-overflow: ellipsis;      /* 使用省略号表示超出部分 */}
 .list li span.data{float:right;color:#ff6000;font-size:14px}
 .list li span.data i{margin-right:2px;color:#999;vertical-align:-1px}
 .list a.mark_read{float:right;display:block}
@@ -278,4 +284,83 @@ color: #004d00;border-radius:5px;transition: all 0.3s;}
 .novel_login .login_btn a.ok{color:#fff;background:#03A9F4;}
 .novel_login .login_btn a.ok:hover{background:#3F51B5;border: 1px solid #3F51B5;}
 .novel_login #login .login_save{width:20px;height:20px; padding:5px;}
-.novel_login .login_code{margin-bottom:0;}
+.novel_login .login_code{margin-bottom:0;}
+.site-description {
+    font-size: 0.7rem;
+    padding: 0.5rem 0.5rem;
+    line-height: 1rem;
+    /* background: #ffffff; */
+    /* margin-bottom: 0.5rem; */
+}
+
+
+
+/* 面包屑容器 -----------------------------start */
+
+/* 面包屑容器 */
+.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;
+    }
+  }
+  
+  
+  /* 面包屑容器 -----------------------------end */