/* ===== zidong页面修复：主题默认wrap为flex导致标题与内容并排 ===== */
.auto-banner .wrap,
.l3-grid + .wrap,
.integrate-section .wrap,
.scene6-section .wrap,
.cta-section .wrap,
.arch-section .wrap,
.benefit-section .wrap,
.roadmap-section .wrap,
.industry-section .wrap,
.cta-final .wrap {
  display: block !important;
}

/* ===== kelude-page-automation.css ===== */
/* 自动化搬运集成方案 - RISING CRANE */
/* k.qizhongji.com 配色：#1a3a5c深空蓝 + #e67e22橙色 */

/* ===== 容器 ===== */
.kekao-auto { padding-top: 20px; }
.wrap { max-width: 1200px; margin: 0 auto; padding: 0 20px; }

/* ===== 通用 ===== */
.sec-title {
  font-size: 28px; color: #1a3a5c; font-weight: 800;
  text-align: center; margin-bottom: 10px;
  position: relative;
}
.sec-title::after {
  content: ''; display: block; width: 0; height: 3px;
  margin: 10px auto 0;
  background: linear-gradient(90deg, #1a3a5c, #e67e22, #1a3a5c);
  border-radius: 2px; transition: width 0.8s ease;
}
.sec-title.show-underline::after { width: 60px; }
.sec-sub {
  font-size: 14px; color: #888; text-align: center; margin-bottom: 35px;
}
.grad-orange {
  background: linear-gradient(135deg, #e67e22, #d35400);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent;
  background-clip: text;
}
.section-badge {
  display: inline-flex; align-items: center; gap: 6px;
  background: rgba(230,126,34,0.08); color: #e67e22;
  padding: 4px 16px; border-radius: 20px; font-size: 12px;
  font-weight: 600; letter-spacing: 1px; margin-bottom: 10px;
}

/* ===== Banner ===== */
.auto-banner {
  background: linear-gradient(135deg, #e8f0fe 0%, #d4e4f7 30%, #c8dcf2 60%, #b8d0ed 100%);
  padding: 60px 0 70px; position: relative; overflow: hidden;
}
.auto-banner::before {
  content: ''; position: absolute; top: -80px; right: -40px;
  width: 350px; height: 350px; border-radius: 50%;
  background: radial-gradient(circle, rgba(230,126,34,0.05), transparent 70%);
  pointer-events: none; animation: autoGlow 5s ease-in-out infinite;
}
@keyframes autoGlow { 0%,100%{opacity:0.3} 50%{opacity:1} }

/* 浮动粒子 */
.auto-banner .particle {
  position: absolute; border-radius: 50%; pointer-events: none;
  background: rgba(230,126,34,0.08);
}
.auto-banner .particle.p1 {
  width: 12px; height: 12px; top: 15%; left: 10%;
  animation: floatP1 8s ease-in-out infinite;
}
.auto-banner .particle.p2 {
  width: 8px; height: 8px; top: 40%; left: 30%;
  animation: floatP2 6s ease-in-out infinite;
  background: rgba(26,58,92,0.06);
}
.auto-banner .particle.p3 {
  width: 6px; height: 6px; top: 25%; left: 55%;
  animation: floatP3 7s ease-in-out infinite;
  background: rgba(230,126,34,0.1);
}
.auto-banner .particle.p4 {
  width: 10px; height: 10px; top: 55%; left: 15%;
  animation: floatP4 9s ease-in-out infinite;
  background: rgba(41,128,185,0.06);
}
@keyframes floatP1 { 0%,100%{transform:translate(0,0)} 25%{transform:translate(30px,-20px)} 50%{transform:translate(60px,10px)} 75%{transform:translate(20px,30px)} }
@keyframes floatP2 { 0%,100%{transform:translate(0,0)} 33%{transform:translate(-20px,15px)} 66%{transform:translate(15px,-10px)} }
@keyframes floatP3 { 0%,100%{transform:translate(0,0)} 50%{transform:translate(25px,20px)} }
@keyframes floatP4 { 0%,100%{transform:translate(0,0)} 25%{transform:translate(-15px,-25px)} 50%{transform:translate(10px,-5px)} 75%{transform:translate(-5px,15px)} }

.auto-banner .wrap { position: relative; z-index: 2; }
.auto-banner .banner-max { max-width: 650px; }
.auto-banner .badge-pill {
  display: inline-flex; align-items: center; gap: 8px;
  background: rgba(26,58,92,0.9); color: #fff;
  padding: 6px 20px; border-radius: 30px; font-size: 13px;
  letter-spacing: 2px; margin-bottom: 20px;
  animation: badgePulse 3s ease-in-out infinite;
}
@keyframes badgePulse { 0%,100%{box-shadow:0 0 0 0 rgba(230,126,34,0)} 50%{box-shadow:0 0 0 8px rgba(230,126,34,0.08)} }
.auto-banner h1 {
  font-size: 36px; color: #1a3a5c; font-weight: 800;
  line-height: 1.3; margin-bottom: 15px;
}
.auto-banner h1 .grad-orange {
  background: linear-gradient(135deg, #e67e22, #d35400);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent;
  background-clip: text; background-size: 200% 200%;
  animation: shimmerText 4s ease-in-out infinite;
}
@keyframes shimmerText { 0%,100%{background-position:0% 50%} 50%{background-position:100% 50%} }
.auto-banner p { font-size: 16px; color: #555; line-height: 2; max-width: 560px; }

/* ===== 自动化SVG特效 ===== */
.auto-art {
  position: absolute; right: 10px; bottom: 10px;
  width: 340px; height: 250px; pointer-events: none;
  z-index: 1; opacity: 0.65;
}
.auto-art svg { width: 100%; height: 100%; }

/* AGV小车移动 */
.auto-agv {
  animation: agvMove 5s ease-in-out infinite;
}
@keyframes agvMove {
  0%, 100% { transform: translateX(0); }
  30% { transform: translateX(80px); }
  60% { transform: translateX(40px); }
  85% { transform: translateX(90px); }
}

/* 货物上升 */
.auto-lift {
  animation: cargoLift 3s ease-in-out infinite;
}
@keyframes cargoLift {
  0%, 100% { transform: translateY(0); opacity: 0.6; }
  25% { transform: translateY(-15px); opacity: 1; }
  50% { transform: translateY(-5px); opacity: 0.8; }
  75% { transform: translateY(-12px); opacity: 0.9; }
}

/* 信号波纹 */
.auto-signal {
  animation: signalPulse 2s ease-in-out infinite;
}
@keyframes signalPulse {
  0%, 100% { opacity: 0.3; r: 4; }
  50% { opacity: 1; r: 6; }
}

/* 输送带运动 */
.auto-belt {
  animation: beltMove 1s linear infinite;
}
@keyframes beltMove {
  0% { stroke-dashoffset: 20; }
  100% { stroke-dashoffset: 0; }
}

/* ===== 三大联动能力 ===== */
.l3-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; margin-bottom: 50px; }
.l3-card {
  background: #f8fbff; border-radius: 16px; padding: 35px 25px;
  text-align: center; border: 1px solid #eef2f7;
  transition: all 0.35s; position: relative; overflow: hidden;
}
.l3-card::after {
  content: ''; position: absolute; bottom: 0; left: 0; right: 0;
  height: 3px; background: linear-gradient(90deg, #1a3a5c, #e67e22);
  opacity: 0; transition: opacity 0.3s;
}
.l3-card:hover::after { opacity: 1; }
.l3-card:hover { transform: translateY(-4px); box-shadow: 0 8px 24px rgba(26,58,92,0.08); }
.l3-card .l3-icon {
  width: 65px; height: 65px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  margin: 0 auto 16px; font-size: 28px;
}
.l3-card .l3-icon.b1 { background: linear-gradient(135deg, #e8f4fd, #c8dcf2); }
.l3-card .l3-icon.b2 { background: linear-gradient(135deg, #fef9e7, #f9e79f); }
.l3-card .l3-icon.b3 { background: linear-gradient(135deg, #e8f8e8, #c8e6c9); }
.l3-card h3 { font-size: 17px; color: #1a3a5c; font-weight: 700; margin-bottom: 10px; }
.l3-card p { font-size: 14px; color: #666; line-height: 1.8; margin: 0; }
/* 联动卡片图标浮动 */
.l3-card .l3-icon { animation: l3iconFloat 4s ease-in-out infinite; }
.l3-card:nth-child(2) .l3-icon { animation-delay: 0.5s; }
.l3-card:nth-child(3) .l3-icon { animation-delay: 1s; }
@keyframes l3iconFloat { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-6px)} }

/* ===== 系统集成能力 ===== */
.integrate-section { padding: 60px 0; background: linear-gradient(180deg, #f8fbff, #eef4fa); }
.integrate-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.integrate-card {
  display: flex; gap: 16px; padding: 22px;
  background: #fff; border-radius: 12px; border: 1px solid #eef2f7;
  align-items: center; transition: all 0.3s;
}
.integrate-card:hover { border-color: #e67e22; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(230,126,34,0.08); }
.integrate-card .ic-icon { font-size: 26px; flex-shrink: 0; transition: transform 0.3s; }
.integrate-card:hover .ic-icon { transform: scale(1.2) rotate(-10deg); }
.integrate-card h4 { font-size: 15px; color: #1a3a5c; font-weight: 700; margin-bottom: 4px; }
.integrate-card p { font-size: 13px; color: #666; line-height: 1.7; margin: 0; }

/* ===== 应用场景（扩展6个） ===== */
.scene6-section { padding: 60px 0; background: #fff; }
.scene6-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px;
}
.scene6-card {
  border-radius: 14px; border: 1px solid #eef2f7;
  overflow: hidden; box-shadow: 0 2px 8px rgba(26,58,92,0.04);
  transition: all 0.35s;
}
.scene6-card:hover { transform: translateY(-4px); box-shadow: 0 8px 24px rgba(26,58,92,0.08); }
.scene6-card .s6-head {
  height: 100px;
  display: flex; align-items: center; justify-content: center;
  font-size: 42px; position: relative; overflow: hidden;
}
.scene6-card .s6-head .s6-emoji {
  display: inline-block;
  animation: s6iconFloat 4s ease-in-out infinite;
}
.scene6-card:nth-child(2) .s6-emoji { animation-delay: 0.3s; }
.scene6-card:nth-child(3) .s6-emoji { animation-delay: 0.6s; }
.scene6-card:nth-child(4) .s6-emoji { animation-delay: 0.9s; }
.scene6-card:nth-child(5) .s6-emoji { animation-delay: 1.2s; }
.scene6-card:nth-child(6) .s6-emoji { animation-delay: 1.5s; }
@keyframes s6iconFloat { 0%,100%{transform:translateY(0) scale(1)} 50%{transform:translateY(-5px) scale(1.05)} }
.scene6-card .s6-head.h1 { background: linear-gradient(135deg, #1a3a5c, #2980b9); }
.scene6-card .s6-head.h2 { background: linear-gradient(135deg, #1a3a5c, #2c5f8a); }
.scene6-card .s6-head.h3 { background: linear-gradient(135deg, #1a3a5c, #3a7ab5); }
.scene6-card .s6-head.h4 { background: linear-gradient(135deg, #1a3a5c, #e67e22); }
.scene6-card .s6-head.h5 { background: linear-gradient(135deg, #1a3a5c, #27ae60); }
.scene6-card .s6-head.h6 { background: linear-gradient(135deg, #1a3a5c, #8e44ad); }
.scene6-card .s6-body { padding: 22px; }
.scene6-card h4 { font-size: 15px; color: #1a3a5c; font-weight: 700; margin-bottom: 6px; }
.scene6-card p { font-size: 13px; color: #666; line-height: 1.7; margin: 0; }

/* ===== CTA中部 ===== */
.cta-section {
  padding: 50px 0;
  background: linear-gradient(135deg, #0f2a44, #1a3a5c);
  text-align: center; position: relative; overflow: hidden;
}
.cta-section::before {
  content: ''; position: absolute; top: 50%; left: 50%;
  transform: translate(-50%, -50%); width: 600px; height: 600px;
  background: radial-gradient(circle, rgba(230,126,34,0.04), transparent 70%);
  pointer-events: none;
  animation: ctaGlow 6s ease-in-out infinite;
}
@keyframes ctaGlow { 0%,100%{opacity:0.4;transform:translate(-50%,-50%) scale(1)} 50%{opacity:0.8;transform:translate(-50%,-50%) scale(1.1)} }
.cta-section .wrap { position: relative; z-index: 2; }
.cta-section h2 { font-size: 24px; color: #fff; font-weight: 800; margin-bottom: 10px; }
.cta-section p { color: rgba(255,255,255,0.6); font-size: 14px; margin-bottom: 22px; }

/* ===== 技术架构 ===== */
.arch-section { padding: 70px 0; background: #fff; }
.arch-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.arch-card {
  background: linear-gradient(180deg, #f8fbff, #eef4fa);
  border-radius: 16px; padding: 30px 20px; text-align: center;
  border: 1px solid #eef2f7; transition: all 0.35s;
}
.arch-card:hover { transform: translateY(-4px); box-shadow: 0 8px 24px rgba(26,58,92,0.08); }
.arch-card .ac-icon {
  width: 50px; height: 50px; border-radius: 50%;
  background: linear-gradient(135deg, #e67e22, #d35400);
  display: flex; align-items: center; justify-content: center;
  margin: 0 auto 15px; font-size: 24px; color: #fff;
}
.arch-card .ac-level {
  background: #e67e22; color: #fff; font-size: 12px;
  font-weight: 700; padding: 3px 14px; border-radius: 20px;
  display: inline-block; margin-bottom: 12px;
}
.arch-card p { font-size: 13px; color: #666; line-height: 1.8; margin: 0; }

/* ===== 效益分析 ===== */
.benefit-section { padding: 70px 0; background: linear-gradient(135deg, #e8f0fe, #d4e4f7); }
.benefit-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; }
.benefit-card {
  background: #fff; border-radius: 16px; padding: 30px 20px;
  text-align: center; box-shadow: 0 4px 15px rgba(26,58,92,0.06);
  transition: all 0.35s;
}
.benefit-card:hover { transform: translateY(-4px); box-shadow: 0 8px 24px rgba(26,58,92,0.1); }
.benefit-card .b-num {
  font-size: 42px; color: #e67e22; font-weight: 800;
  line-height: 1.2; margin-bottom: 5px;
  animation: numPulse 4s ease-in-out infinite;
}
.benefit-card:nth-child(2) .b-num { animation-delay: 0.3s; }
.benefit-card:nth-child(3) .b-num { animation-delay: 0.6s; }
.benefit-card:nth-child(4) .b-num { animation-delay: 0.9s; }
.benefit-card:nth-child(5) .b-num { animation-delay: 1.2s; }
.benefit-card:nth-child(6) .b-num { animation-delay: 1.5s; }
@keyframes numPulse { 0%,100%{text-shadow:0 0 0 rgba(230,126,34,0)} 50%{text-shadow:0 0 20px rgba(230,126,34,0.15)} }
.benefit-card .b-label { font-size: 13px; color: #e67e22; font-weight: 600; margin-bottom: 12px; }
.benefit-card p { font-size: 13px; color: #666; line-height: 1.6; margin: 0; }

/* ===== 实施路线 ===== */
.roadmap-section { padding: 70px 0; background: #fff; }
.roadmap-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; }
.roadmap-card {
  border-radius: 14px; border: 1px solid #eef2f7; padding: 25px;
  background: linear-gradient(180deg, #f8fbff, #fff);
  transition: all 0.35s;
}
.roadmap-card:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(26,58,92,0.06); }
.roadmap-card .rm-num {
  width: 36px; height: 36px; border-radius: 50%;
  background: linear-gradient(135deg, #e67e22, #d35400);
  color: #fff; display: flex; align-items: center; justify-content: center;
  font-size: 16px; font-weight: 700; margin-bottom: 12px;
  animation: rmNumPulse 3s ease-in-out infinite;
}
.roadmap-card:nth-child(2) .rm-num { animation-delay: 0.3s; }
.roadmap-card:nth-child(3) .rm-num { animation-delay: 0.6s; }
.roadmap-card:nth-child(4) .rm-num { animation-delay: 0.9s; }
.roadmap-card:nth-child(5) .rm-num { animation-delay: 1.2s; }
.roadmap-card:nth-child(6) .rm-num { animation-delay: 1.5s; }
@keyframes rmNumPulse { 0%,100%{box-shadow:0 0 0 0 rgba(230,126,34,0.3)} 50%{box-shadow:0 0 0 10px rgba(230,126,34,0.08)} }
.roadmap-card h4 { font-size: 16px; color: #1a3a5c; font-weight: 700; margin-bottom: 6px; }
.roadmap-card .rm-time { font-size: 12px; color: #e67e22; font-weight: 600; margin-bottom: 8px; }
.roadmap-card p { font-size: 13px; color: #666; line-height: 1.7; margin: 0; }

/* ===== 适用行业（深色） ===== */
.industry-section {
  padding: 60px 0;
  background: linear-gradient(135deg, #0f2a44, #1a3a5c);
}
.industry-section .sec-title { color: #fff; }
.industry-section .sec-sub { color: rgba(255,255,255,0.6); }
.industry-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.industry-card {
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 14px; padding: 28px 20px; text-align: center;
  backdrop-filter: blur(4px); transition: all 0.35s;
  position: relative; overflow: hidden;
}
.industry-card::before {
  content: ''; position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px;
  border-radius: 15px;
  background: linear-gradient(135deg, rgba(230,126,34,0), rgba(230,126,34,0.2), rgba(230,126,34,0));
  opacity: 0; transition: opacity 0.4s; z-index: -1;
}
.industry-card:hover::before { opacity: 1; }
.industry-card:hover { background: rgba(255,255,255,0.1); transform: translateY(-4px); }
.industry-card .ind-icon { font-size: 42px; margin-bottom: 12px; }
.industry-card h4 { font-size: 16px; color: #fff; font-weight: 700; margin-bottom: 8px; }
.industry-card p { font-size: 13px; color: rgba(255,255,255,0.6); line-height: 1.7; margin-bottom: 14px; }
.industry-card .ind-btn {
  display: inline-flex; align-items: center; gap: 6px;
  background: linear-gradient(135deg,#e67e22,#d35400); color: #fff;
  padding: 8px 22px; border-radius: 25px; font-size: 13px;
  text-decoration: none; font-weight: 600; transition: all 0.3s;
}
.industry-card .ind-btn:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(230,126,34,0.3); }

/* ===== CTA底部 ===== */
.cta-final {
  padding: 50px 0;
  background: linear-gradient(135deg, #0f2a44, #1a3a5c);
  text-align: center; position: relative; overflow: hidden;
}
.cta-final::before {
  content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0;
  background: linear-gradient(90deg, transparent, rgba(230,126,34,0.03), transparent);
  background-size: 200% 100%;
  animation: ctaSweep 5s ease-in-out infinite;
  pointer-events: none;
}
@keyframes ctaSweep { 0%,100%{background-position:-200% 0} 50%{background-position:200% 0} }
.cta-final .wrap { position: relative; z-index: 2; }
.cta-final h2 { font-size: 24px; color: #fff; font-weight: 800; margin-bottom: 10px; }
.cta-final p { color: rgba(255,255,255,0.6); font-size: 14px; margin-bottom: 22px; }

/* ===== 按钮 ===== */
.btn-orange {
  display: inline-flex; align-items: center; gap: 8px;
  background: linear-gradient(135deg, #e67e22, #d35400); color: #fff;
  padding: 13px 44px; border-radius: 30px; font-size: 15px;
  text-decoration: none; font-weight: 600;
  box-shadow: 0 6px 20px rgba(230,126,34,0.35);
  transition: all 0.3s;
}
.btn-orange:hover { transform: translateY(-2px); box-shadow: 0 8px 28px rgba(230,126,34,0.45); }

/* ===== 响应式 ===== */
@media (max-width: 991px) {
  .auto-banner h1 { font-size: 30px; }
  .auto-art { width: 240px; height: 180px; opacity: 0.4; }
  .l3-grid { grid-template-columns: 1fr; }
  .scene6-grid { grid-template-columns: repeat(2, 1fr); }
  .arch-grid { grid-template-columns: repeat(2, 1fr); }
  .benefit-grid { grid-template-columns: repeat(2, 1fr); }
  .roadmap-grid { grid-template-columns: repeat(2, 1fr); }
  .industry-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 767px) {
  .auto-banner { padding: 40px 0 50px; }
  .auto-banner h1 { font-size: 22px; }
  .auto-art { display: none; }
  .sec-title { font-size: 22px; }
  .l3-grid { grid-template-columns: 1fr; gap: 16px; }
  .integrate-grid { grid-template-columns: 1fr; }
  .scene6-grid { grid-template-columns: 1fr; }
  .arch-grid { grid-template-columns: 1fr; }
  .benefit-grid { grid-template-columns: 1fr; }
  .roadmap-grid { grid-template-columns: 1fr; }
  .industry-grid { grid-template-columns: 1fr; }
  .btn-orange { padding: 12px 32px; font-size: 14px; }
}