/* 
 * 保守的现代化改进 - 基于原有布局
 * 只做必要的美化，不破坏原有功能
 */

/* ===== CSS 变量系统 ===== */
:root {
  --primary-color: #2563eb;
  --primary-hover: #1d4ed8;
  --gray-50: #f8fafc;
  --gray-100: #f1f5f9;
  --gray-200: #e2e8f0;
  --gray-600: #475569;
  --gray-700: #334155;
  --gray-900: #0f172a;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1);
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1);
  --transition-normal: 250ms ease-in-out;
}

/* ===== 全局字体优化 ===== */
body {
  font-family: 'Inter', 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background-color: var(--gray-50);
}

/* ===== 容器美化（保持原有宽度） ===== */
.container.biqunaicc {
  background: var(--gray-50);
  padding: var(--space-4);
  margin: 0 auto !important;
  box-sizing: border-box !important;
}

/* ===== 行级美化 ===== */
.row {
  margin-bottom: var(--space-6);
  display: flex;
  align-items: stretch; /* 让子元素高度相等 */
  gap: 0;
}

/* 第一行特殊处理 - 精选推荐和经典推荐 */
.row:first-of-type {
  display: flex !important; /* 使用flex确保高度对齐 */
  align-items: stretch !important;
  gap: 2% !important;
}

.row:first-of-type .layout-col2 {
  width: 68% !important;
  float: none !important;
  margin-right: 0 !important;
}

.row:first-of-type .layout-col1 {
  width: 30% !important;
  float: none !important;
  display: flex !important;
  flex-direction: column !important;
}

/* ===== 布局容器美化 ===== */
.layout {
  background: white;
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-md);
  padding: var(--space-6);
  margin-bottom: var(--space-4);
  border: 1px solid var(--gray-200);
  transition: all var(--transition-normal);
}

.layout:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-2px);
}

/* 精选推荐区域特殊布局 - 移除浮动，使用网格 */
.layout-col2 {
  width: 66.66% !important;
  float: none !important;
  margin-right: 2% !important;
}

.layout-col1 {
  width: 32% !important;
  float: right !important;
}

/* 确保浮动清除 */
.row::after {
  content: "";
  display: table;
  clear: both;
}

/* 热门连载容器 - 允许子元素浮动并排 */
.layout-col2 {
  padding: var(--space-6) !important;
}

/* 精选推荐标题 */
.layout-col2 .layout-tit {
  margin-bottom: var(--space-4) !important;
  width: 100% !important;
  clear: both !important;
  float: none !important;
}

/* 热门连载区域 - 使用flexbox确保顶部对齐 */
.layout-col2 .item {
  width: 50% !important;
  padding: 5px 0 5px 10px !important;
  float: left !important;
  box-sizing: border-box !important;
  margin-bottom: 10px !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: flex-start !important;
}

/* 移除不必要的特殊选择器，让50%宽度自然换行 */

/* 简单美化热门连载项目 */
.layout-col2 .item {
  background: white !important;
  border-radius: 8px !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1) !important;
}

.layout-col2 .item:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
  transform: translateY(-2px) !important;
}

/* 移除重复的悬停样式 */

/* 热门连载图片 - 缩小到70% */
.layout-col2 .item .image {
  width: 87px !important;
  max-height: 108px !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
}

.layout-col2 .item .image img {
  background-color: #fff !important;
  border: 1px solid #ddd !important;
  padding: 1px !important;
  width: 87px !important;
  height: 108px !important;
  object-fit: cover !important;
}

/* 热门连载文字区域 - 使用flex布局 */
.layout-col2 .item dl {
  overflow: hidden !important;
  padding: 0 10px !important;
  margin: 0 !important;
  flex: 1 !important;
}

.layout-col2 .item dl dt {
  border-bottom: 1px dotted #a6d3e8 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  height: 26px !important;
  line-height: 26px !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

.layout-col2 .item dl dt a {
  color: inherit !important;
  text-decoration: none !important;
}

.layout-col2 .item dl dt a:hover {
  color: var(--primary-color) !important;
}

.layout-col2 .item dl dt span {
  color: #b3b3b3 !important;
  float: right !important;
  font-weight: 400 !important;
}

.layout-col2 .item dl dd {
  line-height: 20px !important;
  overflow: hidden !important;
  text-indent: 2em !important;
  padding: 7px 0 0 !important;
}

.layout-col2 .item dl dd a {
  color: inherit !important;
  text-decoration: none !important;
}

/* 移除不需要的浮动规则 */

/* 确保热门连载容器正确清除浮动 */
.layout-col2::after {
  content: "" !important;
  display: table !important;
  clear: both !important;
}

/* 移除冲突的清除浮动规则，使用2x3布局 */

/* ===== 标题美化 ===== */
.layout-tit {
  font-size: var(--text-xl);
  font-weight: 600;
  color: var(--gray-900);
  margin-bottom: var(--space-4);
  padding-bottom: var(--space-3);
  border-bottom: 3px solid var(--primary-color);
  background: linear-gradient(135deg, var(--primary-color), #f59e0b);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* ===== 分类网格布局优化 ===== */
/* 分类行特殊处理 */
.row:nth-of-type(2),
.row:nth-of-type(3) {
  display: block !important; /* 分类行使用正常布局 */
}

/* 分类区域网格布局 */
.layout:has(.tp-box) {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 25px !important;
  padding: 25px !important;
  background: white !important;
  border-radius: var(--radius-xl) !important;
  box-shadow: var(--shadow-md) !important;
  border: 1px solid var(--gray-200) !important;
}

.tp-box {
  background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%) !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important;
  padding: 20px !important;
  border: 1px solid var(--gray-200) !important;
  transition: all var(--transition-normal) !important;
  margin: 0 !important;
  width: auto !important;
  display: block !important;
  float: none !important;
  position: relative !important;
}

.tp-box:hover {
  box-shadow: var(--shadow-lg) !important;
  transform: translateY(-3px) !important;
  border-color: var(--primary-color) !important;
  background: white !important;
}

.tp-box h2 {
  font-size: var(--text-lg) !important;
  font-weight: 600 !important;
  color: var(--gray-900) !important;
  margin-bottom: var(--space-3) !important;
  padding-bottom: var(--space-2) !important;
  border-bottom: 2px solid var(--primary-color) !important;
  text-align: center !important;
}

/* ===== 列表美化 ===== */
.txt-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* 通用列表项样式 */
.txt-list li {
  padding: 8px 0;
  border-bottom: 1px solid var(--gray-100);
  transition: all 150ms ease;
  font-size: 14px;
  line-height: 1.8 !important;
  display: flex !important;
  align-items: flex-start !important;
  width: 100% !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  min-height: 24px !important;
}

/* 实时更新排行和新书首发推荐 - Flexbox多列布局 */
.row:last-of-type .txt-list li {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  width: 100% !important;
  padding: 8px 0 !important;
  border-bottom: 1px solid var(--gray-100) !important;
  min-height: 32px !important;
  gap: 8px !important;
  overflow: visible !important;
  margin-bottom: 2px !important;
}

/* 列表项内部元素的Flexbox空间分配 */
/* 类别标签 - s1 */
.row:last-of-type .txt-list li .s1 {
  flex: 0 0 80px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  font-size: 12px !important;
  color: #666 !important;
}

/* 小说标题 - s2 */
.row:last-of-type .txt-list li .s2 {
  flex: 1 1 auto !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  text-align: left !important;
}

.row:last-of-type .txt-list li .s2 a {
  display: block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: inherit !important;
  text-decoration: none !important;
}

/* 章节信息 - s3 */
.row:last-of-type .txt-list li .s3 {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
  font-size: 12px !important;
  color: #888 !important;
  max-width: 120px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.row:last-of-type .txt-list li .s3 a {
  color: inherit !important;
  text-decoration: none !important;
}

/* 作者 - s4 */
.row:last-of-type .txt-list li .s4 {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
  font-size: 12px !important;
  color: #666 !important;
  max-width: 80px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* 日期 - s5 */
.row:last-of-type .txt-list li .s5 {
  flex: 0 0 70px !important;
  text-align: right !important;
  white-space: nowrap !important;
  font-size: 11px !important;
  color: #999 !important;
}

.row:last-of-type .txt-list li .s5 a {
  color: inherit !important;
  text-decoration: none !important;
}

.txt-list li:hover {
  background-color: var(--gray-50);
  padding-left: var(--space-2);
  border-radius: 4px;
}

.txt-list li:last-child {
  border-bottom: none;
}

.txt-list a {
  color: var(--gray-700);
  text-decoration: none;
  font-weight: 500;
  transition: color 150ms ease;
  display: block;
  flex: 1 !important;
  word-wrap: break-word !important;
  word-break: break-all !important;
}

/* 移除冲突的旧样式，使用新的Flexbox布局 */

/* 新书首发推荐专门样式 - 与实时更新排行保持一致 */
.row:last-of-type .layout2.layout-col1.fr .txt-list li {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  width: 100% !important;
  padding: 8px 0 !important;
  border-bottom: 1px solid var(--gray-100) !important;
  min-height: 32px !important;
  gap: 8px !important;
  overflow: visible !important;
  margin-bottom: 2px !important;
}

/* 新书首发推荐的空间分配 */
/* 类别标签 - s1 */
.row:last-of-type .layout2.layout-col1.fr .txt-list li .s1 {
  flex: 0 0 80px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  font-size: 12px !important;
  color: #666 !important;
}

/* 小说标题 - s2 */
.row:last-of-type .layout2.layout-col1.fr .txt-list li .s2 {
  flex: 1 1 auto !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  text-align: left !important;
}

.row:last-of-type .layout2.layout-col1.fr .txt-list li .s2 a {
  display: block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: inherit !important;
  text-decoration: none !important;
}

/* 作者 - s5 (新书首发推荐中是s5) */
.row:last-of-type .layout2.layout-col1.fr .txt-list li .s5 {
  flex: 0 0 80px !important;
  text-align: right !important;
  white-space: nowrap !important;
  font-size: 12px !important;
  color: #666 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.row:last-of-type .layout2.layout-col1.fr .txt-list li .s5 a {
  color: inherit !important;
  text-decoration: none !important;
}

.txt-list a:hover {
  color: var(--primary-color);
}

/* 新书首发推荐区域 - 类别标签样式 */
.txt-list li span,
.txt-list li .category-tag {
  display: inline-block !important;
  width: 80px !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: visible !important;
  flex-shrink: 0 !important;
  margin-right: 10px !important;
}

/* ===== 底部更新区域布局 - 移除gap解决左对齐 ===== */
/* 移除gap，使用margin控制间距 */
.row:last-of-type {
  display: flex !important;
  align-items: stretch !important;
  gap: 0 !important;
  padding: 0 !important;
  padding-left: 0 !important;
  margin: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  justify-content: flex-start !important;
}

/* 新书首发推荐容器 - 右侧 */
.row:last-of-type .layout2.layout-col1.fr {
  width: 50% !important;
  float: none !important;
  margin: 0 !important;
  margin-left: 2% !important;
  padding: 0 !important;
  order: 2 !important;
  box-sizing: border-box !important;
}

/* 实时更新排行容器 - 强制左对齐，无gap偏移 */
.row:last-of-type .layout2.layout-col2.fl {
  width: 48% !important;
  float: none !important;
  margin: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 0 !important;
  padding-left: 0 !important;
  order: 1 !important;
  box-sizing: border-box !important;
  position: relative !important;
  left: 0 !important;
  text-align: left !important;
  align-self: flex-start !important;
}

/* 额外的强制对齐修正 - 直接针对实时更新排行标题和内容 */
.row:last-of-type .layout2.layout-col2.fl .layout-tit,
.row:last-of-type .layout2.layout-col2.fl .txt-list {
  margin-left: 0 !important;
  padding-left: 0 !important;
  text-align: left !important;
}

/* 如果还有布局容器类 */
.row:last-of-type .layout.layout2.layout-col2.fl {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

/* ===== 响应式设计 ===== */
@media (max-width: 768px) {
  .layout:has(.tp-box) {
    grid-template-columns: 1fr !important;
    gap: var(--space-3) !important;
  }
  
  .layout-col2,
  .layout-col1,
  .layout2.layout-col1.fr,
  .layout2.layout-col2.fl {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
  }
  
  .container.biqunaicc {
    padding: var(--space-2);
  }
}

/* ===== 兼容性确保 ===== */
.fengmian,
.xs-phb2,
.xs-phb3,
.txt-list,
ul,
li {
  display: block !important;
  visibility: visible !important;
}

/* 确保图片不变形 */
img {
  max-width: 100%;
  height: auto;
  object-fit: cover;
}

/* tp-box内容样式优化 */
.tp-box ul,
.tp-box li {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.tp-box li {
  padding: 4px 0 !important;
  border-bottom: 1px solid var(--gray-100) !important;
  font-size: 14px !important;
}

.tp-box li:last-child {
  border-bottom: none !important;
}

.tp-box a {
  color: var(--gray-600) !important;
  text-decoration: none !important;
  transition: color 150ms ease !important;
}

.tp-box a:hover {
  color: var(--primary-color) !important;
}

/* 确保所有内容可见 */
* {
  visibility: visible !important;
}

/* ===== 最新标签区域布局 - 强制横向排列 ===== */
/* 使用更强的选择器优先级 */
.txt-list.tag_news,
ul.txt-list.tag_news,
.tag_news {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px 18px !important;
  list-style: none !important;
  padding: 20px !important;
  margin: 0 !important;
  border: none !important;
  width: 100% !important;
  box-sizing: border-box !important;
  /* 移除所有可能冲突的属性 */
  float: none !important;
  clear: none !important;
  position: static !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
}

/* 使用更强的选择器优先级 - 列表项 */
.txt-list.tag_news li,
ul.txt-list.tag_news li,
.tag_news li {
  display: inline-block !important;
  margin: 0 !important;
  padding: 0 !important;
  border-bottom: none !important;
  white-space: nowrap !important;
  /* 强制移除可能导致竖排的属性 */
  width: auto !important;
  height: auto !important;
  float: none !important;
  clear: none !important;
  flex: none !important;
  line-height: normal !important;
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
}

/* 使用更强的选择器优先级 - 标签链接 */
.txt-list.tag_news li a,
ul.txt-list.tag_news li a,
.tag_news li a,
.layout .tag_news li a {
  display: inline-block !important;
  padding: 8px 12px !important;
  background-color: #e0e0e0 !important;
  border-radius: 4px !important;
  text-decoration: none !important;
  color: #333 !important;
  font-size: 14px !important;
  transition: all 150ms ease !important;
  white-space: nowrap !important;
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  direction: ltr !important;
  line-height: 1.2 !important;
  min-width: auto !important;
  max-width: none !important;
  /* 关键修复：强制覆盖计算样式 */
  width: auto !important;
  min-width: max-content !important;
  flex: none !important;
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  flex-basis: auto !important;
  float: none !important;
  clear: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

/* 悬停样式 - 使用更强的选择器 */
.txt-list.tag_news li a:hover,
ul.txt-list.tag_news li a:hover,
.tag_news li a:hover,
.layout .tag_news li a:hover {
  background-color: var(--primary-color) !important;
  color: white !important;
}

/* 覆盖任何可能的全局txt-list样式 */
.tag_news.txt-list {
  display: flex !important;
  flex-wrap: wrap !important;
}

.tag_news.txt-list li {
  display: inline-block !important;
  min-height: auto !important;
  align-items: normal !important;
}

/* 强制修正文字方向 - 使用最高优先级 */
div.layout .txt-list.tag_news li a,
div.layout ul.txt-list.tag_news li a,
.layout3.layout-col3 .txt-list.tag_news li a,
body .txt-list.tag_news li a {
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  direction: ltr !important;
  unicode-bidi: normal !important;
  font-feature-settings: normal !important;
  display: inline-block !important;
  width: auto !important;
  min-width: max-content !important;
  white-space: nowrap !important;
  flex: none !important;
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
}

/* 通用标签容器样式 */
.tags-container,
.latest-tags-container,
.tag-list,
.footer .tags,
.footer ul,
footer ul {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.tags-container li,
.latest-tags-container li,
.tag-list li,
.footer .tags li,
.footer ul li,
footer ul li {
  display: inline-block !important;
  margin: 0 !important;
  padding: 0 !important;
}

.tags-container a,
.latest-tags-container a,
.tag-list a,
.footer .tags a,
.footer ul a,
footer ul a {
  display: inline-block !important;
  padding: 4px 8px !important;
  background: var(--gray-100) !important;
  border-radius: 4px !important;
  text-decoration: none !important;
  color: var(--gray-700) !important;
  font-size: 12px !important;
  transition: all 150ms ease !important;
}

.tags-container a:hover,
.latest-tags-container a:hover,
.tag-list a:hover,
.footer .tags a:hover,
.footer ul a:hover,
footer ul a:hover {
  background: var(--primary-color) !important;
  color: white !important;
}

/* ===== 最新标签区域 - 基于参考CSS的现代化标签布局 ===== */

/* 标签容器 - 采用现代flex布局 */
.txt-list.tag_news,
ul.txt-list.tag_news,
.tag_news {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  list-style: none !important;
  padding: 20px !important;
  margin: 0 !important;
  height: auto !important; /* 覆盖原始的height: 70px */
  overflow: visible !important;
  border: none !important;
  width: 100% !important;
  box-sizing: border-box !important;
  background: none !important;
}

/* 标签列表项 */
.txt-list.tag_news li,
ul.txt-list.tag_news li,
.tag_news li {
  display: inline-block !important;
  margin: 0 !important;
  padding: 0 !important;
  height: auto !important;
  line-height: normal !important;
  border-bottom: none !important;
  width: auto !important;
  float: none !important;
  clear: none !important;
}

/* 标签链接样式 - 参考modern-tags-grid的设计 */
.txt-list.tag_news li a,
ul.txt-list.tag_news li a,
.tag_news li a,
.tag_news a {
  display: inline-block !important;
  padding: 6px 12px !important;
  background: #f8f9fa !important;
  color: #495057 !important;
  text-decoration: none !important;
  border-radius: 20px !important;
  font-size: 13px !important;
  transition: all 0.2s ease !important;
  border: 1px solid #e9ecef !important;
  white-space: nowrap !important;
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  direction: ltr !important;
  height: auto !important;
  line-height: 1.4 !important;
  margin: 0 !important;
  width: auto !important;
  min-width: auto !important;
  max-width: none !important;
  vertical-align: top !important;
}

/* 标签悬停效果 */
.txt-list.tag_news li a:hover,
ul.txt-list.tag_news li a:hover,
.tag_news li a:hover,
.tag_news a:hover {
  background: #007bff !important;
  color: white !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 2px 6px rgba(0,123,255,0.3) !important;
  border-color: #007bff !important;
}

/* 使用最高优先级选择器确保样式生效 */
html body div.layout.layout3.layout-col3 ul.txt-list.txt-list-row5.tag_news,
html body .layout .tag_news {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  height: auto !important;
}

html body div.layout.layout3.layout-col3 ul.txt-list.txt-list-row5.tag_news li a,
html body .layout .tag_news li a,
html body .tag_news > li > a,
div.layout3.layout-col3 .tag_news li a {
  display: inline-block !important;
  padding: 6px 12px !important;
  background: #f8f9fa !important;
  color: #495057 !important;
  text-decoration: none !important;
  border-radius: 20px !important;
  font-size: 13px !important;
  transition: all 0.2s ease !important;
  border: 1px solid #e9ecef !important;
  white-space: nowrap !important;
  writing-mode: horizontal-tb !important;
  height: auto !important;
  line-height: 1.4 !important;
  width: auto !important;
  margin: 0 !important;
}

html body div.layout.layout3.layout-col3 ul.txt-list.txt-list-row5.tag_news li a:hover,
html body .layout .tag_news li a:hover {
  background: #007bff !important;
  color: white !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 2px 6px rgba(0,123,255,0.3) !important;
  border-color: #007bff !important;
}

/* ===== 完本精品区域Flexbox布局修正 ===== */

/* 完本精品列表项 - 设置为Flex容器 */
.layout-col1 .txt-list.txt-list-row3 li,
.layout-col1 .txt-list li {
  display: flex !important;
  align-items: baseline !important;
  width: 100% !important;
  gap: 15px !important;
  padding: 8px 0 !important;
  border-bottom: 1px solid #ddd !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

/* 类别标签 - s1 - 隐藏类别标签简化布局 */
.layout-col1 .txt-list.txt-list-row3 li .s1,
.layout-col1 .txt-list li .s1 {
  display: none !important;
}

/* 小说标题 - s2 */
.layout-col1 .txt-list.txt-list-row3 li .s2,
.layout-col1 .txt-list li .s2 {
  flex: 1 1 auto !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  text-align: left !important;
}

.layout-col1 .txt-list.txt-list-row3 li .s2 a,
.layout-col1 .txt-list li .s2 a {
  display: block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: inherit !important;
  text-decoration: none !important;
}

.layout-col1 .txt-list.txt-list-row3 li .s2 a:hover,
.layout-col1 .txt-list li .s2 a:hover {
  color: var(--primary-color) !important;
}

/* 作者名字 - s5 */
.layout-col1 .txt-list.txt-list-row3 li .s5,
.layout-col1 .txt-list li .s5 {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
  color: #888 !important;
  text-align: right !important;
  font-size: 12px !important;
  min-width: 60px !important;
}

.layout-col1 .txt-list.txt-list-row3 li .s5 a,
.layout-col1 .txt-list li .s5 a {
  color: #888 !important;
  text-decoration: none !important;
}

.layout-col1 .txt-list.txt-list-row3 li .s5 a:hover,
.layout-col1 .txt-list li .s5 a:hover {
  color: var(--primary-color) !important;
}

/* 确保完本精品容器没有额外的样式冲突 */
.layout-col1 .txt-list.txt-list-row3,
.layout-col1 .txt-list {
  padding: 4px 10px !important;
  margin: 0 !important;
  list-style: none !important;
}

/* 移除可能冲突的浮动样式 */
.layout-col1 .txt-list.txt-list-row3 li span,
.layout-col1 .txt-list li span {
  float: none !important;
}

/* ===== 小说信息页面 - 图文左右并排布局 ===== */

/* 强制最外层容器为上下排列布局 */
.row-detail {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
  width: 100% !important;
  align-items: stretch !important;
}

/* 确保每个layout容器占满宽度并左右边缘对齐 */
.row-detail .layout.layout-col1 {
  width: 100% !important;
  float: none !important;
  margin: 0 !important;
}

/* 上方信息栏容器 - 包含封面和按钮 */
.detail-box {
  width: 100% !important;
  flex-shrink: 0 !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 25px !important;
  padding: 20px !important;
  background: #fff !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
  margin: 0 !important;
}

/* 小说封面图片容器 */
.detail-box .imgbox {
  width: 150px !important;
  margin: 0 0 15px 0 !important;
  padding: 0 !important;
  background: none !important;
  float: none !important;
  flex-shrink: 0 !important;
}

.detail-box .imgbox img {
  width: 150px !important;
  height: 200px !important;
  object-fit: cover !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
  margin: 0 !important;
}

/* 按钮区域 - 横向排列 */
.detail-box .info .fix .opt {
  display: flex !important;
  gap: 10px !important;
  margin: 15px 0 !important;
  width: auto !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
}

.detail-box .info .fix .opt a {
  display: inline-block !important;
  text-align: center !important;
  padding: 8px 16px !important;
  background-color: #007bff !important;
  color: white !important;
  border-radius: 5px !important;
  text-decoration: none !important;
  font-size: 14px !important;
  min-width: auto !important;
  transition: all 0.2s ease !important;
}

.detail-box .info .fix .opt a:hover {
  background-color: #0056b3 !important;
  transform: translateY(-1px) !important;
}

/* 隐藏按钮之间的分隔符 */
.detail-box .info .fix .opt i {
  display: none !important;
}

/* 右侧简介区 - 自动填充剩余空间 */
.row-detail .layout.layout-col1:first-child .desc {
  flex-grow: 1 !important;
  margin: 0 !important;
  padding: 20px !important;
  background: #f8f9fa !important;
  border-radius: 8px !important;
  border: none !important;
  line-height: 1.6 !important;
  height: auto !important;
  font-size: 14px !important;
  color: #555 !important;
  min-height: 200px !important;
}

/* 文字信息容器调整 */
.detail-box .info {
  flex-grow: 1 !important;
  width: auto !important;
  float: none !important;
  overflow: visible !important;
  text-align: left !important;
}

.detail-box .info .top {
  padding: 0 !important;
  display: block !important;
}

/* 显示所有信息段落 */
.detail-box .info p {
  display: block !important;
  margin: 0 0 8px 0 !important;
  font-size: 14px !important;
  color: #666 !important;
  line-height: 1.6 !important;
}

/* 小说标题 */
.detail-box h1 {
  display: block !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  color: #333 !important;
  margin: 0 0 15px 0 !important;
  line-height: 1.3 !important;
}

/* ===== 章节列表区域对齐调整 ===== */

/* 章节列表容器与上方容器左右对齐 */
.row-section {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  margin: 20px 0 !important;
}

.row-section .layout.layout-col1 {
  width: 100% !important;
  float: none !important;
  margin: 0 !important;
  padding: 20px !important;
  background: #fff !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
}

/* 章节列表网格布局 */
.section-list {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 8px !important;
  list-style: none !important;
  padding: 15px 0 !important;
  margin: 0 !important;
}

.section-list li {
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  border-bottom: none !important;
  float: none !important;
  box-sizing: border-box !important;
}

.section-list li a {
  display: block !important;
  padding: 8px 12px !important;
  background: #f8f9fa !important;
  border: 1px solid #e9ecef !important;
  border-radius: 4px !important;
  text-decoration: none !important;
  color: #495057 !important;
  font-size: 13px !important;
  text-align: center !important;
  transition: all 0.2s ease !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.section-list li a:hover {
  background: #007bff !important;
  color: white !important;
  border-color: #007bff !important;
  transform: translateY(-1px) !important;
}