/* ========================================
   博兰锐思 PlanRich Tech - 自定义样式
   ======================================== */

/* --- 全局变量 --- */
:root {
  --color-primary: #1E40AF;
  --color-primary-light: #2563EB;
  --color-primary-dark: #1E3A8A;
  --color-accent: #F97316;
  --color-accent-hover: #EA580C;
  --color-dark: #1E293B;
  --color-gray: #334155;
  --color-light: #F8FAFC;
  --color-white: #FFFFFF;
  --color-border: #E2E8F0;
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
  --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1);
  --shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1);
  --shadow-xl: 0 20px 25px -5px rgba(0,0,0,0.1), 0 8px 10px -6px rgba(0,0,0,0.1);
}

/* --- 平滑滚动 --- */
html {
  scroll-behavior: smooth;
}

/* --- 导航栏 --- */
.navbar {
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}
.navbar.scrolled {
  background-color: rgba(30, 64, 175, 0.97) !important;
  box-shadow: var(--shadow-lg);
}

/* --- Hero Banner 轮播 --- */
.banner-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.8s ease-in-out;
}
.banner-slide.active {
  opacity: 1;
}

.banner-slide::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(30,64,175,0.85) 0%, rgba(15,23,42,0.75) 100%);
  z-index: 1;
}

/* --- 卡片悬停 --- */
.card-hover {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.card-hover:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-xl);
}

/* --- 统计数字 --- */
.stat-number {
  font-variant-numeric: tabular-nums;
}

/* --- 新闻列表 --- */
.news-item {
  transition: border-color 0.2s ease, background-color 0.2s ease;
}
.news-item:hover {
  border-left-color: var(--color-primary-light) !important;
  background-color: #F1F5F9;
}

/* --- 页脚 --- */
.footer-link {
  transition: color 0.2s ease;
}
.footer-link:hover {
  color: var(--color-accent);
}

/* --- 渐变文字 --- */
.gradient-text {
  background: linear-gradient(135deg, var(--color-primary-light), var(--color-accent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* --- 自定义滚动条 --- */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: var(--color-light);
}
::-webkit-scrollbar-thumb {
  background: #94A3B8;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #64748B;
}

/* --- 移动端菜单 --- */
.mobile-menu {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease;
}
.mobile-menu.open {
  max-height: 500px;
}

/* --- 淡入动画 --- */
.fade-in-up {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.fade-in-up.visible {
  opacity: 1;
  transform: translateY(0);
}

/* --- 服务卡片图标 --- */
.service-icon {
  transition: transform 0.3s ease, color 0.3s ease;
}
.card-hover:hover .service-icon {
  transform: scale(1.1);
  color: var(--color-accent);
}

/* --- 合作伙伴 logo --- */
.partner-logo {
  filter: grayscale(100%);
  opacity: 0.6;
  transition: filter 0.3s ease, opacity 0.3s ease;
}
.partner-logo:hover {
  filter: grayscale(0%);
  opacity: 1;
}

/* --- 回到顶部按钮 --- */
.back-to-top {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.back-to-top.visible {
  opacity: 1;
  visibility: visible;
}