/* ============================================================
   云帆导航 - 统一色调主题 v10 "海天一色"
   设计语言：深蓝锚点 → 天蓝过渡 → 浅蓝灰底 → 金色点缀
   ============================================================ */


/* === 1. 全局底色 - 蓝灰渐变 + 字体放大 === */
body {
  background: linear-gradient(180deg, #e8eef6 0%, #f0f4f8 40%, #f5f7fa 100%) !important;
  min-height: 100vh !important;
  font-size: 15px !important;
}

/* === 2. 顶部导航栏 - 毛玻璃蓝 === */
nav, header, [class*="sticky top"], [class*="fixed top"] {
  background: rgba(255,255,255,.88) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border-bottom: 1px solid rgba(30,64,175,.08) !important;
  box-shadow: 0 1px 8px rgba(30,64,175,.06) !important;
}

/* 品牌logo区强化 */
a[href="/"] span, [class*="logo"], [class*="brand"] {
  color: #1e40af !important;
}

/* 搜索框 - 蓝色聚焦 */
input[type="text"], input[type="search"], [class*="search"] input {
  border: 1.5px solid #e2e8f0 !important;
  background: #f8fafc !important;
  transition: all .2s !important;
}
input[type="text"]:focus, input[type="search"]:focus, [class*="search"] input:focus {
  border-color: #3b82f6 !important;
  background: #fff !important;
  box-shadow: 0 0 0 3px rgba(59,130,246,.12) !important;
}

/* === 3. 左侧栏 - 加宽加深蓝沉浸 === */
.fixed.left-4.w-44, .fixed[class*="left-"][class*="w-44"] {
  width: 200px !important;
  padding: 12px 8px !important;
  background: rgba(255,255,255,.92) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(30,64,175,.06) !important;
  border-radius: 14px !important;
  box-shadow: 0 2px 16px rgba(30,64,175,.06) !important;
}
.fixed[class*="left-"][class*="w-44"] a {
  padding: 10px 14px !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  border-radius: 8px !important;
  margin-bottom: 4px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}
.fixed[class*="left-"][class*="w-44"] a span {
  font-size: 14px !important;
}
/* 侧栏分割线间距 */
#sidebar-chain-section div[style*="border-bottom"] {
  margin: 10px 0 !important;
}

/* 侧栏分区标题 - 放大 */
#sidebar-chain-section div:first-child {
  color: #1e40af !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  padding: 12px 14px 10px !important;
}

/* 侧栏分类标题 - 放大 */
.fixed[class*="left-"][class*="w-44"] h2 {
  color: #475569 !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  letter-spacing: .5px !important;
  padding: 12px 14px 8px !important;
}

/* 侧栏链接 */
.fixed.left-4.w-44 a {
  border-radius: 8px !important;
  transition: all .15s !important;
}
.fixed.left-4.w-44 a:hover {
  background: #eff6ff !important;
  color: #1d4ed8 !important;
}
.fixed.left-4.w-44 a.active,
.fixed.left-4.w-44 a[class*="active"] {
  background: #dbeafe !important;
  color: #1e40af !important;
  font-weight: 600 !important;
}

/* === 4. 分类标签条 - 蓝调 === */
#yunfan-category-tabs {
  background: #fff !important;
  border: 1px solid rgba(30,64,175,.06) !important;
  box-shadow: 0 1px 8px rgba(30,64,175,.05) !important;
}
.yunfan-tab-item {
  background: #f1f5f9 !important;
  color: #475569 !important;
  font-weight: 500 !important;
  border: 1px solid transparent !important;
}
.yunfan-tab-item:hover {
  background: #dbeafe !important;
  color: #1d4ed8 !important;
  border-color: rgba(59,130,246,.2) !important;
}
.yunfan-tab-item.active {
  background: linear-gradient(135deg, #1e40af, #3b82f6) !important;
  color: #fff !important;
  box-shadow: 0 2px 8px rgba(30,64,175,.25) !important;
}

/* === 5. 健康度统计条 - 放大 === */
[class*="health-stats"], [class*="health-bar"] {
  background: #fff !important;
  border: 1px solid rgba(30,64,175,.06) !important;
  border-radius: 12px !important;
  box-shadow: 0 1px 6px rgba(30,64,175,.04) !important;
  padding: 14px 24px !important;
  font-size: 14px !important;
}

/* === 6. 工具卡片 - 蓝色hover光晕 === */
.service-card, [class*="service-card"], [class*="tool-card"],
[class*="group relative"] {
  background: #fff !important;
  border: 1px solid rgba(226,232,240,.8) !important;
  border-radius: 12px !important;
  transition: all .2s ease !important;
}
.service-card:hover, [class*="service-card"]:hover,
[class*="tool-card"]:hover, [class*="group relative"]:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(59,130,246,.25) !important;
  box-shadow: 0 8px 24px rgba(30,64,175,.1) !important;
}

/* 卡片内链接和工具名 - 放大 */
.service-card a, [class*="service-card"] a {
  color: #1e293b !important;
  font-size: 15px !important;
}
.service-card p, [class*="service-card"] p,
.service-card [class*="text-sm"], [class*="service-card"] [class*="text-sm"] {
  font-size: 13.5px !important;
  line-height: 1.5 !important;
}
.service-card a:hover, [class*="service-card"] a:hover {
  color: #1e40af !important;
}

/* === 7. 区域标题 - 深蓝加金色点缀 + 放大 === */
h2, h3, [class*="section-title"], [class*="text-xl"] {
  color: #1e293b !important;
  font-size: 20px !important;
  font-weight: 700 !important;
}

/* "热门"等区域标题加左侧竖线 */
.container.mx-auto h2,
.container.mx-auto h3 {
  padding-left: 12px !important;
  position: relative !important;
}
.container.mx-auto h2::before,
.container.mx-auto h3::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 4px !important;
  height: 60% !important;
  border-radius: 2px !important;
  background: linear-gradient(180deg, #3b82f6, #1e40af) !important;
}

/* === 8. 轮播区微调 === */
#ai-platform-carousel {
  border: 1px solid rgba(30,64,175,.08) !important;
  box-shadow: 0 4px 20px rgba(30,64,175,.08) !important;
}
.ai-slide-btn {
  background: linear-gradient(135deg, #1e40af, #3b82f6) !important;
  border: none !important;
  box-shadow: 0 2px 8px rgba(30,64,175,.3) !important;
}
.ai-carousel-dot.active {
  background: #3b82f6 !important;
}

/* === 9. 右下角悬浮按钮 === */
[class*="fixed bottom"] a[href="/news"] {
  background: linear-gradient(135deg, #1e40af, #3b82f6) !important;
  box-shadow: 0 4px 16px rgba(30,64,175,.35) !important;
  font-weight: 600 !important;
  letter-spacing: .5px !important;
}

/* === 10. 滚动条 - 蓝色调 === */
::-webkit-scrollbar {
  width: 6px !important;
}
::-webkit-scrollbar-track {
  background: #f1f5f9 !important;
}
::-webkit-scrollbar-thumb {
  background: #cbd5e1 !important;
  border-radius: 3px !important;
}
::-webkit-scrollbar-thumb:hover {
  background: #94a3b8 !important;
}

/* === 11. 分页/加载更多按钮 === */
button, [class*="load-more"], [class*="show-more"] {
  border-radius: 8px !important;
  transition: all .2s !important;
}
button[class*="blue"], button[class*="primary"] {
  background: linear-gradient(135deg, #1e40af, #3b82f6) !important;
}

/* === 12. 链路横幅标题金色字强化 === */
.ych-title em {
  background: linear-gradient(90deg, #fbbf24, #f59e0b) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

/* === 13. 标签(tags)统一 === */
[class*="tag"], [class*="badge"] {
  border-radius: 6px !important;
}

/* === 14. 移动端适配 === */
@media (max-width: 768px) {
  body {
    background: #f0f4f8 !important;
    font-size: 14px !important;
  }
  /* 工具卡片紧凑 */
  .service-card, [class*="service-card"], [class*="group relative"] {
    border-radius: 10px !important;
    padding: 12px !important;
  }
  .service-card a, [class*="service-card"] a {
    font-size: 14px !important;
  }
  .service-card p, [class*="service-card"] p,
  .service-card [class*="text-sm"], [class*="service-card"] [class*="text-sm"] {
    font-size: 12.5px !important;
  }
  /* 分类按钮紧凑 */
  .yunfan-tab-item {
    padding: 5px 10px !important;
    font-size: 12px !important;
  }
  /* 区域标题缩小 */
  .container.mx-auto h2,
  .container.mx-auto h3 {
    font-size: 17px !important;
  }
  /* 隐藏左侧栏（已在chain-nav.js中用display:none处理） */
  /* 侧栏隐藏时主内容满宽 */
  [class*="pl-52"], [class*="pl-48"], [class*="pl-44"] {
    padding-left: 0 !important;
  }
}

@media (max-width: 480px) {
  /* 小屏进一步紧凑 */
  body {
    font-size: 13px !important;
  }
  .service-card, [class*="service-card"], [class*="group relative"] {
    padding: 10px !important;
    border-radius: 8px !important;
  }
  .yunfan-tab-item {
    padding: 4px 8px !important;
    font-size: 11.5px !important;
  }
  .container.mx-auto h2,
  .container.mx-auto h3 {
    font-size: 15px !important;
  }
  /* 搜索框不过高 */
  input[type="text"], input[type="search"], [class*="search"] input {
    padding: 8px 12px !important;
    font-size: 14px !important;
  }
}


/* === 15. 移动端悬浮按钮优化 === */
@media (max-width: 640px) {
  [style*="position:fixed;bottom:90px;right:24px"] a,
  [style*="position:fixed"][style*="bottom:90"][style*="right:24"] a {
    padding: 8px 14px !important;
    font-size: 12px !important;
    border-radius: 40px !important;
  }
  [style*="position:fixed;bottom:90px;right:24px"],
  [style*="position:fixed"][style*="bottom:90"][style*="right:24"] {
    bottom: 76px !important;
    right: 12px !important;
  }
}