/* ===== feibiao页面修复：主题默认wrap为flex导致标题与内容并排 ===== */
.cs-banner .wrap,
.solution-section .wrap,
.flow4-section .wrap,
.cta-mid .wrap,
.material-section .wrap,
.case-section .wrap,
.industry3-section .wrap,
.submit-section .wrap {
  display: block !important;
}

/* ===== kelude-page-custom-solution.css ===== */
/* 特殊工况非标定制方案 - RISING CRANE - WordPress版 */
/* k.qizhongji.com 配色：#1a3a5c深空蓝 + #e67e22橙色 */

/* ===== 容器 ===== */
.kekao-custom { 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;
}
.sec-sub {
  font-size: 14px; color: #888; text-align: center; margin-bottom: 40px;
}
.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;
}
.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); }
.btn-orange.lg { padding: 16px 50px; font-size: 16px; font-weight: 700; }

/* ===== Banner ===== */
.cs-banner {
  background: linear-gradient(135deg,#e8f0fe 0%,#d4e4f7 30%,#c8dcf2 60%,#b8d0ed 100%);
  padding: 60px 0 70px; position: relative; overflow: hidden;
}
.cs-banner::before {
  content: ''; position: absolute; top: -60px; right: -40px;
  width: 300px; height: 300px; border-radius: 50%;
  background: radial-gradient(circle, rgba(230,126,34,0.06), transparent 70%);
  pointer-events: none; animation: csGlow 5s ease-in-out infinite;
}
@keyframes csGlow { 0%,100%{opacity:0.3} 50%{opacity:1} }
.cs-banner .particle {
  position: absolute; border-radius: 50%; pointer-events: none;
}
.cs-banner .particle.p1 {
  width: 10px; height: 10px; top: 20%; left: 8%;
  background: rgba(230,126,34,0.08);
  animation: csFloat1 7s ease-in-out infinite;
}
.cs-banner .particle.p2 {
  width: 6px; height: 6px; top: 45%; left: 35%;
  background: rgba(26,58,92,0.06);
  animation: csFloat2 5s ease-in-out infinite;
}
.cs-banner .particle.p3 {
  width: 8px; height: 8px; top: 15%; left: 50%;
  background: rgba(230,126,34,0.1);
  animation: csFloat3 6s ease-in-out infinite;
}
@keyframes csFloat1 { 0%,100%{transform:translate(0,0)} 25%{transform:translate(25px,-15px)} 50%{transform:translate(50px,8px)} 75%{transform:translate(15px,20px)} }
@keyframes csFloat2 { 0%,100%{transform:translate(0,0)} 33%{transform:translate(-15px,12px)} 66%{transform:translate(12px,-8px)} }
@keyframes csFloat3 { 0%,100%{transform:translate(0,0)} 50%{transform:translate(20px,15px)} }
.cs-banner .wrap { position: relative; z-index: 2; }
.cs-banner .banner-max { max-width: 650px; }
.cs-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: csBadgePulse 3s ease-in-out infinite;
}
@keyframes csBadgePulse { 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)} }
.cs-banner h1 { font-size: 36px; color: #1a3a5c; font-weight: 800; line-height: 1.3; margin-bottom: 15px; }
.cs-banner p { font-size: 16px; color: #555; line-height: 2; max-width: 560px; }

/* ===== 非标设计SVG特效 ===== */
.cs-art {
  position: absolute; right: 5px; bottom: 5px;
  width: 360px; height: 280px; pointer-events: none;
  z-index: 1; opacity: 0.7;
}
.cs-art svg { width: 100%; height: 100%; }
/* 蓝图线动画 */
.cs-blueprint { stroke-dasharray: 300; stroke-dashoffset: 300; animation: bpDraw 3s ease-in-out infinite; }
@keyframes bpDraw { 0%{stroke-dashoffset:300} 60%{stroke-dashoffset:0} 100%{stroke-dashoffset:300} }
.cs-blueprint2 { stroke-dasharray: 200; stroke-dashoffset: 200; animation: bpDraw2 2.5s ease-in-out infinite; }
@keyframes bpDraw2 { 0%{stroke-dashoffset:200} 50%{stroke-dashoffset:0} 100%{stroke-dashoffset:200} }
/* 3D模型旋转 */
.cs-model { animation: csSpin 8s linear infinite; transform-origin: 210px 140px; }
@keyframes csSpin { 0%{transform:rotate(0deg)} 100%{transform:rotate(360deg)} }
/* 焊接火花 */
.cs-spark { animation: sparkFlash 0.8s ease-in-out infinite; }
@keyframes sparkFlash { 0%,100%{opacity:0;r:1} 30%{opacity:1;r:3} 60%{opacity:0.5;r:2} }
.cs-spark2 { animation: sparkFlash2 1s ease-in-out infinite; animation-delay: 0.3s; }
@keyframes sparkFlash2 { 0%,100%{opacity:0;r:1} 25%{opacity:1;r:2.5} 50%{opacity:0.5;r:1.5} }
/* 进度线生长 */
.cs-progress { animation: progGrow 5s ease-in-out infinite; }
@keyframes progGrow { 0%{width:0} 40%{width:60px} 70%{width:30px} 100%{width:55px} }
/* 完成闪烁 */
.cs-done { animation: doneBlink 1.5s ease-in-out infinite; }
@keyframes doneBlink { 0%,100%{opacity:0.6} 50%{opacity:1} }

/* ===== 特殊工况解决方案 ===== */
.solution-section { padding: 70px 0; background: #fff; }
.solution-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 22px; }
.solution-card {
  display: flex; gap: 18px; padding: 28px; border-radius: 14px;
  border: 1px solid #eef2f7;
  background: linear-gradient(135deg, #f8fbff, #eef4fa);
  transition: all 0.35s; position: relative; overflow: hidden;
}
.solution-card::after {
  content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 0;
  background: linear-gradient(180deg, #e67e22, #d35400);
  transition: height 0.35s;
}
.solution-card:hover::after { height: 100%; }
.solution-card:hover { transform: translateY(-4px); box-shadow: 0 8px 24px rgba(26,58,92,0.08); }
.solution-card .sc-icon { font-size: 34px; flex-shrink: 0; transition: transform 0.3s; }
.solution-card:hover .sc-icon { transform: scale(1.15) rotate(-5deg); }
.solution-card .sc-tag {
  display: inline-block; background: linear-gradient(135deg,#eef4fa,#e0eaf5);
  color: #2c5f8a; font-size: 11px; font-weight: 600;
  padding: 3px 14px; border-radius: 20px; margin-bottom: 8px;
  border: 1px solid rgba(41,128,185,0.08);
}
.solution-card h4 { font-size: 16px; color: #1a3a5c; font-weight: 700; margin-bottom: 6px; }
.solution-card p { font-size: 14px; color: #666; line-height: 1.8; margin: 0; }

/* ===== 服务流程 ===== */
.flow4-section { padding: 60px 0; background: linear-gradient(180deg, #f8fbff, #eef4fa); }
.flow4-grid { display: flex; justify-content: space-between; gap: 16px; }
.flow4-step {
  flex: 1; text-align: center; padding: 25px 15px;
  background: #fff; border-radius: 12px; border: 1px solid #eef2f7;
  transition: all 0.35s;
}
.flow4-step:hover { transform: translateY(-4px); box-shadow: 0 8px 20px rgba(26,58,92,0.08); }
.flow4-step .f4-num {
  width: 50px; height: 50px; border-radius: 50%;
  background: linear-gradient(135deg, #2980b9, #1a3a5c);
  color: #fff; display: flex; align-items: center; justify-content: center;
  font-size: 18px; font-weight: 700; margin: 0 auto 10px;
  transition: transform 0.3s;
}
.flow4-step:hover .f4-num { transform: scale(1.1); }
.flow4-step h4 { font-size: 14px; color: #1a3a5c; font-weight: 700; margin-bottom: 4px; }
.flow4-step p { font-size: 12px; color: #888; line-height: 1.6; margin: 0; }

/* ===== CTA中部 ===== */
.cta-mid {
  padding: 50px 0;
  background: linear-gradient(135deg, #0f2a44, #1a3a5c);
  text-align: center; position: relative; overflow: hidden;
}
.cta-mid::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: csCtaGlow 6s ease-in-out infinite;
}
@keyframes csCtaGlow { 0%,100%{opacity:0.3;transform:translate(-50%,-50%) scale(1)} 50%{opacity:0.7;transform:translate(-50%,-50%) scale(1.08)} }
.cta-mid .wrap { position: relative; z-index: 2; }
.cta-mid h2 { font-size: 24px; color: #fff; font-weight: 800; margin-bottom: 10px; }
.cta-mid p { color: rgba(255,255,255,0.6); font-size: 14px; margin-bottom: 22px; }

/* ===== 材质与工艺 ===== */
.material-section { padding: 70px 0; background: #fff; }
.material-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.material-card {
  padding: 28px 22px; border-radius: 14px; border: 1px solid #eef2f7;
  text-align: center; background: #fff;
  box-shadow: 0 2px 12px rgba(0,0,0,0.04);
  transition: all 0.35s;
}
.material-card:hover { box-shadow: 0 8px 24px rgba(0,0,0,0.08); transform: translateY(-4px); }
.material-card .m-icon {
  width: 56px; height: 56px; border-radius: 12px;
  background: linear-gradient(135deg,#eef4fa,#dce8f5);
  display: flex; align-items: center; justify-content: center;
  margin: 0 auto 14px; font-size: 26px;
  transition: transform 0.3s;
}
.material-card:hover .m-icon { transform: scale(1.1); }
.material-card h4 { font-size: 15px; color: #1a3a5c; font-weight: 700; margin-bottom: 6px; }
.material-card p { font-size: 13px; color: #777; line-height: 1.7; margin: 0; }

/* ===== 成功案例 ===== */
.case-section { padding: 70px 0; background: linear-gradient(180deg, #f0f6fe, #e4edf9); }
.case-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 22px; }
.case-card {
  padding: 26px; border-radius: 14px; background: #fff;
  border: 1px solid #eef2f7; box-shadow: 0 2px 12px rgba(0,0,0,0.04);
  display: flex; gap: 18px; transition: all 0.35s;
}
.case-card:hover { transform: translateY(-4px); box-shadow: 0 8px 24px rgba(0,0,0,0.08); }
.case-card .cc-icon {
  width: 64px; height: 64px; border-radius: 12px;
  background: linear-gradient(135deg,#dce8f5,#c5d8ed);
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0; font-size: 28px;
  transition: transform 0.3s;
}
.case-card:hover .cc-icon { transform: scale(1.1); }
.case-card .cc-body { flex: 1; }
.case-card h4 { font-size: 15px; color: #1a3a5c; font-weight: 700; margin-bottom: 6px; }
.case-card p { font-size: 12px; color: #999; margin-bottom: 4px; line-height: 1.6; }
.case-card p strong { color: #e67e22; }
.case-card p:last-child { margin-bottom: 0; }

/* ===== 行业应用场景 ===== */
.industry3-section { padding: 70px 0; background: linear-gradient(180deg, #f8fbff, #eef4fa); }
.industry3-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; }
.industry3-card {
  background: #fff; border-radius: 16px; overflow: hidden;
  border: 1px solid #eef2f7; box-shadow: 0 2px 12px rgba(0,0,0,0.03);
  transition: all 0.35s;
}
.industry3-card:hover {
  box-shadow: 0 12px 40px rgba(0,0,0,0.1);
  transform: translateY(-6px);
}
.industry3-card .i3-head {
  height: 120px; display: flex; align-items: center;
  justify-content: center; font-size: 52px;
}
.industry3-card .i3-body { padding: 24px 22px; }
.industry3-card .i3-tag {
  display: inline-block; background: #eef4fa; color: #2c5f8a;
  font-size: 11px; font-weight: 600; padding: 3px 14px;
  border-radius: 20px; margin-bottom: 10px;
}
.industry3-card h4 { font-size: 16px; color: #1a3a5c; font-weight: 700; margin-bottom: 8px; }
.industry3-card p { font-size: 13px; color: #666; line-height: 1.8; margin: 0; }
.industry3-cta { text-align: center; margin-top: 40px; }

/* ===== 定制提交流程（深色） ===== */
.submit-section {
  padding: 70px 0;
  background: linear-gradient(135deg, #0f2a44, #1a3a5c, #0f2a44);
  position: relative; overflow: hidden;
}
.submit-section::before {
  content: ''; position: absolute; top: 50%; left: 50%;
  transform: translate(-50%,-50%); width: 500px; height: 500px;
  background: radial-gradient(circle, rgba(230,126,34,0.04), transparent 70%);
  pointer-events: none;
}
.submit-section .wrap { position: relative; z-index: 2; }
.submit-section .sec-title { color: #fff; }
.submit-section .sec-sub { color: rgba(255,255,255,0.6); }
.submit-grid {
  display: flex; justify-content: center; gap: 50px; align-items: flex-start;
}
.submit-step { text-align: center; flex: 1; max-width: 260px; }
.submit-step .ss-num {
  width: 50px; height: 50px; border-radius: 50%;
  background: linear-gradient(135deg,#e67e22,#d35400);
  color: #fff; display: flex; align-items: center; justify-content: center;
  font-size: 20px; font-weight: 800; margin: 0 auto 12px;
  animation: ssNumPulse 3s ease-in-out infinite;
}
.submit-step:nth-child(3) .ss-num { animation-delay: 1s; }
.submit-step:nth-child(5) .ss-num { animation-delay: 2s; }
@keyframes ssNumPulse { 0%,100%{box-shadow:0 0 0 0 rgba(230,126,34,0.4)} 50%{box-shadow:0 0 0 12px rgba(230,126,34,0.08)} }
.submit-step .ss-icon {
  width: 72px; height: 72px; border-radius: 50%;
  background: rgba(255,255,255,0.1);
  border: 2px solid rgba(230,126,34,0.5);
  display: flex; align-items: center; justify-content: center;
  margin: 0 auto 14px; font-size: 32px;
  transition: all 0.3s;
}
.submit-step:hover .ss-icon { transform: scale(1.08); border-color: #e67e22; background: rgba(230,126,34,0.15); }
.submit-step h4 { font-size: 15px; color: #fff; font-weight: 700; margin-bottom: 6px; }
.submit-step p { font-size: 13px; color: rgba(255,255,255,0.6); line-height: 1.7; margin: 0; }
.submit-arrow {
  display: flex; align-items: center; padding-top: 60px;
  font-size: 28px; color: rgba(230,126,34,0.6);
}
.submit-cta { text-align: center; margin-top: 45px; }

/* ===== 响应式 ===== */
@media (max-width: 991px) {
  .cs-banner h1 { font-size: 30px; }
  .cs-art { width: 260px; height: 200px; opacity: 0.4; }
  .solution-grid { grid-template-columns: 1fr; }
  .flow4-grid { flex-wrap: wrap; }
  .flow4-step { min-width: 45%; }
  .material-grid { grid-template-columns: repeat(2, 1fr); }
  .case-grid { grid-template-columns: 1fr; }
  .industry3-grid { grid-template-columns: repeat(2, 1fr); }
  .submit-grid { flex-direction: column; align-items: center; gap: 30px; }
  .submit-arrow { padding-top: 0; transform: rotate(90deg); }
}
@media (max-width: 767px) {
  .cs-banner { padding: 40px 0 50px; }
  .cs-banner h1 { font-size: 22px; }
  .cs-art { display: none; }
  .sec-title { font-size: 22px; }
  .solution-grid { grid-template-columns: 1fr; gap: 16px; }
  .solution-card { flex-direction: column; }
  .flow4-grid { flex-direction: column; }
  .flow4-step { width: 100%; }
  .material-grid { grid-template-columns: 1fr; }
  .case-grid { grid-template-columns: 1fr; }
  .case-card { flex-direction: column; align-items: center; text-align: center; }
  .industry3-grid { grid-template-columns: 1fr; }
  .submit-grid { flex-direction: column; align-items: center; gap: 24px; }
  .submit-arrow { padding-top: 0; transform: rotate(90deg); }
  .btn-orange { padding: 12px 32px; font-size: 14px; }
}