/* 通用暗黑模式样式 */
@media (prefers-color-scheme: dark) {
    body {
        background-color: #121212 !important;
        color: #f5f5f5 !important;
    }

    /* 底部导航栏暗黑模式 */
    .foc,
    footer nav,
    .fixed-bottom-nav,
    .bottom-bar {
        background-color: #222 !important;
        border-top-color: #333 !important;
        box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2) !important;
    }
    
    .foc li a p,
    .foc p,
    .fixed-bottom-nav p,
    .bottom-bar p {
        color: #f5f5f5 !important;
    }
    
    .foc a:active, 
    .foc a.active,
    .fixed-bottom-nav a:active,
    /* .bottom-bar a:active {
        opacity: 0.7;
        background-color: rgba(255, 255, 255, 0.1) !important;
    } */

    /* 修复返回首页图标区域灰色背景问题 */
    .foc li a {
        background-color: transparent !important;
    }
    
    .foc li a span {
        background-color: transparent !important;
    }
    
    /* 图标容器确保透明 */
    .foc li a span, 
    .foc li a span:before, 
    .foc li a span:after {
        background-color: transparent !important;
        background: none !important;
    }

    /* 版权信息暗黑模式 */
    .copyright {
        background-color: #222 !important;
        color: #f5f5f5 !important;
    }
    
    .copyright-container {
        color: #f5f5f5 !important;
    }
    
    .copyright-item, 
    .copyright-item span, 
    .copyright-item a,
    .copyright a {
        color: #f5f5f5 !important;
    }
    
    .copyright-divider {
        background-color: #333 !important;
    }
    
    /* 图标亮度调整 */
    .mode-adaptive-icon {
        filter: brightness(1) !important;
    }
    
    /* 修复底部导航小圆点暗黑模式颜色 */
    .swiper-pagination-bullet {
        background: rgba(255, 255, 255, 0.3) !important;
    }
    
    .swiper-pagination-bullet-active {
        background: #fff !important;
    }
    
    /* 确保暗黑模式下不显示任何底部无关元素 */
    .foc::before, 
    .foc::after,
    .copyright::before, 
    .copyright::after,
    .nav-dot,
    .bottom-dot,
    .page-indicator,
    body > .dots {
        display: none !important;
    }
} 

/* 统一底部导航栏、备案号、返回按钮样式，彻底去除多余线条和点 */
.foc, .foc * {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  background: none !important;
}
.foc li, .foc a, .foc span, .foc p {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  background: none !important;
}
.foc li::after, .foc li::before,
.foc a::after, .foc a::before,
.foc span::after, .foc span::before,
.foc p::after, .foc p::before {
  display: none !important;
  content: none !important;
}
.foc p {
  border-bottom: none !important;
  box-shadow: none !important;
  outline: none !important;
  background: none !important;
}

/* 底部导航栏首页图标适配暗黑模式 */
.tabbar-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #222;
}
@media (prefers-color-scheme: dark) {
  .tabbar-icon {
    color: #fff;
  }
}

/* 备案号去除下划线和蓝色 */
.icp-badge {
  color: inherit !important;
  text-decoration: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  outline: none !important;
  background: none !important;
}
.icp-badge:visited, .icp-badge:active, .icp-badge:focus {
  color: inherit !important;
  text-decoration: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  outline: none !important;
  background: none !important;
}

/* 顶部返回按钮去除蓝色线条 */
.header a, .header a:focus, .header a:active {
  border-bottom: none !important;
  box-shadow: none !important;
  outline: none !important;
  background: none !important;
}
.header a::after, .header a::before {
  display: none !important;
  content: none !important;
}

/* 保证底部导航栏背景色正常 */
.foc {
  background: #fff !important;
}
@media (prefers-color-scheme: dark) {
  .foc {
    background: #222 !important;
  }
}

/* 首页版权区域和底部导航栏样式，保证所有页面一致 */
.copyright {
    background: #fff;
    color: #333;
    padding: 16px 0 0 0;
    font-size: 14px;
    border-top: 1px solid #eee;
}
.copyright-container {
    max-width: 600px;
    margin: 0 auto;
    padding: 0 16px;
}
.copyright-logo img {
    width: 60px;
    height: 60px;
    object-fit: contain;
    margin-bottom: 8px;
}
.copyright-divider {
    height: 1px;
    background: #eee;
    margin: 12px 0;
}
.copyright-item {
    margin-bottom: 8px;
    color: #333;
    display: flex;
    align-items: center;
    font-size: 14px;
}
.copyright-item i {
    margin-right: 6px;
}
.icp-badge {
    color: #333;
    text-decoration: none;
    border-bottom: none;
}
.foc {
    background: #fff;
    border-top: 1px solid #eee;
    box-shadow: 0 -2px 5px rgba(0,0,0,0.02);
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    display: flex;
    justify-content: space-around;
    height: 60px;
    align-items: center;
}
.foc li {
    flex: 1;
    text-align: center;
}
.foc a {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #333;
    font-size: 12px;
    padding: 6px 0 0 0;
}
.foc .tabbar-icon {
    margin-bottom: 2px;
}
.foc p {
    margin: 0;
    font-size: 12px;
    color: #333;
}
@media (prefers-color-scheme: dark) {
    .copyright {
        background: #222 !important;
        color: #f5f5f5 !important;
        border-top: 1px solid #333 !important;
    }
    .copyright-container {
        color: #f5f5f5 !important;
    }
    .copyright-item, .copyright-item span, .copyright-item a,
    .copyright a {
        color: #f5f5f5 !important;
    }
    .copyright-divider {
        background-color: #333 !important;
    }
    .icp-badge {
        color: #f5f5f5 !important;
        text-decoration: none !important;
        border-bottom: none !important;
    }
    .foc {
        background: #222 !important;
        border-top: 1px solid #333 !important;
        box-shadow: 0 -2px 5px rgba(0,0,0,0.2) !important;
    }
    .foc a, .foc p {
        color: #f5f5f5 !important;
    }
} 

/* 修复 scenic.html 列表标题和时间溢出问题 */
.product {
  display: flex;
  align-items: flex-start;
  padding: 10px 0;
  border-bottom: 1px solid #f0f0f0;
  background: #fff;
  box-sizing: border-box;
  overflow: hidden;
}
.product-info {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.product .title, .product-info .title {
  font-size: 16px;
  font-weight: bold;
  color: #333;
  margin-bottom: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/*.product-price {*/
/*  color: #ff8080;*/
/*  font-size: 14px;*/
/*  margin-top: 4px;*/
/*  overflow: hidden;*/
/*  text-overflow: ellipsis;*/
/*  white-space: nowrap;*/
/*}*/
@media (max-width: 600px) {
  .product, .product-info {
    max-width: 100vw;
  }
}

/* 针对 scenic.html 产品列表 <dl><dt><dd> 结构的布局修正 */
/*.product > a > dl {*/
/*  display: flex !important;*/
/*  align-items: flex-start !important;*/
/*  width: 100%;*/
/*  margin: 0;*/
/*  padding: 0;*/
/*}*/
/*.product > a > dl > dt {*/
/*  flex: 0 0 80px;*/
/*  width: 80px;*/
/*  margin: 0;*/
/*  padding: 0;*/
/*  display: flex;*/
/*  flex-direction: column;*/
/*  align-items: center;*/
/*}*/
.product > a > dl > dd {
  flex: 1 1 0;
  min-width: 0;
  margin: 0;
  padding: 0 0 0 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
/*.product-info .title {*/
/*  font-size: 16px !important;*/
/*  font-weight: bold !important;*/
/*  color: #333 !important;*/
/*  margin-bottom: 6px !important;*/
/*  overflow: hidden !important;*/
/*  text-overflow: ellipsis !important;*/
/*  white-space: nowrap !important;*/
/*  max-width: 100% !important;*/
/*}*/
/*.product-price {*/
/*  color: #ff8080 !important;*/
/*  font-size: 14px !important;*/
/*  margin-top: 4px !important;*/
/*  overflow: hidden !important;*/
/*  text-overflow: ellipsis !important;*/
/*  white-space: nowrap !important;*/
/*  max-width: 100% !important;*/
/*}*/