/* 全局重置 & PPT风格变量 - 修复版 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Microsoft Yahei", "PingFang SC", sans-serif;
}
:root {
  --primary: #4299E1; /* 主蓝（替代绿色） */
  --dark: #2D3748;    /* 深灰底色 */
  --light: #F7FAFC;   /* 浅灰背景 */
  --white: #FFFFFF;   /* 白色 */
  --text-dark: #1A202C; /* 文字主色 */
  --text-gray: #718096; /* 文字次色 */
  --shadow: 0 4px 12px rgba(0,0,0,0.08); /* 轻阴影 */
  --radius: 4px;      /* 圆角（PPT风格） */
  --transition: all 0.3s ease;
}
body {
  color: var(--text-dark);
  background: var(--light);
  line-height: 1.5;
  overflow-x: hidden; /* 修复横向滚动 */
  padding: 0 !important;
  margin: 0 !important;
}
a {
  text-decoration: none;
  color: inherit;
}
ul {
  list-style: none;
}
img {
  max-width: 100%;
  display: block;
  border-radius: var(--radius);
  object-fit: cover; /* 修复图片变形 */
}
/* 通用容器（PPT宽高比适配 - 固定核心尺寸） */
.container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px !important; /* 强制优先级 */
  box-sizing: border-box;
}
/* PPT风格模块 - 修复间距 */
.section {
  padding: 80px 0;
  width: 100%;
  float: none; /* 修复浮动错乱 */
  clear: both;
}
/* 标题样式（PPT大标题风格 - 统一尺寸） */
.title-box {
  margin-bottom: 60px !important;
  text-align: center;
  width: 100%;
}
.main-title {
  font-size: 36px !important;
  font-weight: 700 !important;
  color: var(--dark) !important;
  margin-bottom: 12px !important;
  line-height: 1.2 !important;
}
.sub-title {
  font-size: 16px !important;
  color: var(--text-gray) !important;
  line-height: 1.4 !important;
}
/* 卡片（PPT色块风格 - 修复边框/内边距） */
.card {
  background: var(--white) !important;
  padding: 40px 30px !important;
  border-radius: var(--radius) !important;
  box-shadow: var(--shadow) !important;
  height: 100% !important;
  border-left: 4px solid var(--primary) !important;
  box-sizing: border-box !important;
  float: none !important;
}
.card-full {
  background: var(--dark) !important;
  color: var(--white) !important;
  padding: 60px 40px !important;
  border-radius: var(--radius) !important;
  margin-bottom: 40px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
/* 按钮（PPT风格 - 统一尺寸） */
.btn {
  display: inline-block !important;
  background: var(--primary) !important;
  color: var(--white) !important;
  padding: 12px 30px !important;
  border-radius: var(--radius) !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  transition: var(--transition) !important;
  border: none !important;
  cursor: pointer !important;
  text-align: center !important;
}
.btn:hover {
  background: #3182CE !important;
}
/* 栅格布局（PPT分栏风格 - 修复错位核心） */
.grid-2 {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 30px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
.grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 30px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
.grid-4 {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 20px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
/* 导航栏（PPT顶部导航风格 - 修复对齐） */
.navbar {
  background: var(--white) !important;
  padding: 20px 0 !important;
  border-bottom: 1px solid #E2E8F0 !important;
  width: 100% !important;
  float: none !important;
}
.navbar .container {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: nowrap !important; /* 修复移动端换行 */
}
.logo {
  font-size: 28px !important;
  font-weight: 700 !important;
  color: red;
  line-height: 1 !important;
}
.logo span {
  color: var(--primary) !important;
}
.nav-list {
  display: flex !important;
  gap: 40px !important;
  flex-wrap: nowrap !important;
}
.nav-list a {
  font-size: 16px !important;
  color: var(--text-gray) !important;
  font-weight: 500 !important;
  padding: 5px 0 !important;
  border-bottom: 2px solid transparent !important;
  transition: var(--transition) !important;
  white-space: nowrap !important;
}
.nav-list a:hover, .nav-list a.active {
  color: var(--primary) !important;
  border-bottom: 2px solid var(--primary) !important;
}
/* 页脚（PPT底部风格 - 修复间距） */
.footer {
  background: var(--dark) !important;
  color: var(--white) !important;
  padding: 60px 0 30px !important;
  margin-top: 40px !important;
  width: 100% !important;
  float: none !important;
  clear: both !important;
}
.footer .container {
  text-align: center !important;
}
.footer .logo {
  margin-bottom: 20px !important;
}
.footer p {
  font-size: 14px !important;
  opacity: 0.8 !important;
  line-height: 2 !important;
}
.footer .copyright {
  margin-top: 30px !important;
  font-size: 12px !important;
  opacity: 0.6 !important;
}
/* 品牌标签（供应链品牌展示 - 修复换行） */
.brand-tag {
  display: inline-block !important;
  background: var(--light) !important;
  color: var(--dark) !important;
  padding: 8px 15px !important;
  border-radius: 20px !important;
  font-size: 14px !important;
  margin: 0 5px 10px 0 !important;
  white-space: nowrap !important;
}
/* 案例卡片（PPT风格 - 修复定位） */
.case-card {
  background: var(--white) !important;
  padding: 30px !important;
  border-radius: var(--radius) !important;
  box-shadow: var(--shadow) !important;
  height: 100% !important;
  position: relative !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}
.case-card::before {
  content: "" !important;
  width: 80px !important;
  height: 80px !important;
  background: rgba(66, 153, 225, 0.1) !important;
  border-radius: 50% !important;
  position: absolute !important;
  top: -20px !important;
  right: -20px !important;
  z-index: 0 !important;
}
.case-card h3, .case-card h4, .case-card p {
  position: relative !important;
  z-index: 1 !important;
}
/* 响应式（保证PPT风格基础上适配 - 修复断点） */
@media (max-width: 992px) {
  .grid-3, .grid-4 {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .main-title {
    font-size: 30px !important;
  }
  .nav-list {
    gap: 20px !important;
  }
}
@media (max-width: 768px) {
  .grid-2, .grid-3, .grid-4 {
    grid-template-columns: 1fr !important;
  }
  .section {
    padding: 60px 0 !important;
  }
  .main-title {
    font-size: 24px !important;
  }
  .navbar .container {
    flex-direction: column !important;
    gap: 10px !important;
    align-items: center !important;
  }
  .nav-list {
    gap: 15px !important;
    font-size: 12px !important;
    justify-content: center !important;
  }
  .card-full {
    padding: 40px 20px !important;
  }
  .card {
    padding: 20px !important;
  }
}
/* 修复文字排版通用样式 */
p, li, span {
  font-size: 14px !important;
  line-height: 1.8 !important;
  color: var(--text-gray) !important;
  box-sizing: border-box !important;
}
h1, h2, h3, h4 {
  color: var(--dark) !important;
  line-height: 1.2 !important;
  box-sizing: border-box !important;
}
.card-full h1, .card-full h2, .card-full h3, .card-full p, .card-full li {
  color: var(--white) !important;
  opacity: 1 !important;
}