/* ============================================================
   杭州坤辰科技 - 专业科技感UI设计系统
   设计理念：现代、简洁、科技感、专业
   ============================================================ */

/* =========================
   1. 设计系统变量（Design Tokens）
   ========================= */
:root {
  --kc-bg-primary: #0a0e1a;
  --kc-bg-secondary: #0f1624;
  --kc-bg-tertiary: #151b2e;
  --kc-surface: rgba(255, 255, 255, 0.05);
  --kc-surface-hover: rgba(255, 255, 255, 0.08);
  --kc-surface-active: rgba(255, 255, 255, 0.12);
  --kc-border: rgba(255, 255, 255, 0.1);
  --kc-border-hover: rgba(53, 209, 255, 0.4);
  --kc-border-active: rgba(53, 209, 255, 0.6);
  --kc-text-primary: rgba(255, 255, 255, 0.95);
  --kc-text-secondary: rgba(255, 255, 255, 0.75);
  --kc-text-tertiary: rgba(255, 255, 255, 0.55);
  --kc-accent-primary: #00d4ff;
  --kc-accent-secondary: #7c3aed;
  --kc-accent-tertiary: #a855f7;
  --kc-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
  --kc-shadow-md: 0 8px 24px rgba(0, 0, 0, 0.4);
  --kc-shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.5);
  --kc-shadow-glow: 0 0 20px rgba(0, 212, 255, 0.3);
  --kc-shadow-glow-purple: 0 0 20px rgba(124, 58, 237, 0.3);
  --kc-radius-sm: 8px;
  --kc-radius-md: 12px;
  --kc-radius-lg: 16px;
  --kc-radius-xl: 24px;
  --kc-radius-full: 999px;
  --kc-spacing-xs: 4px;
  --kc-spacing-sm: 8px;
  --kc-spacing-md: 16px;
  --kc-spacing-lg: 24px;
  --kc-spacing-xl: 32px;
  --kc-spacing-2xl: 48px;
  --kc-transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  --kc-transition-base: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --kc-transition-slow: 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

/* =========================
   2. 全局基础样式
   ========================= */
* {
  box-sizing: border-box;
}

html {
  overflow-x: hidden;
  max-width: 100%;
}
body {
  max-width: 100%;
  overflow-x: hidden;
}

section,
.banner-header,
.lets-talk,
.footer {
  max-width: 100%;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
}

body {
  color: var(--kc-text-primary);
  background:
    radial-gradient(ellipse 1200px 800px at 20% 15%, rgba(0, 212, 255, 0.12), transparent 60%),
    radial-gradient(ellipse 1000px 700px at 80% 25%, rgba(124, 58, 237, 0.1), transparent 55%),
    radial-gradient(ellipse 800px 600px at 50% 70%, rgba(168, 85, 247, 0.08), transparent 50%),
    linear-gradient(180deg, var(--kc-bg-primary) 0%, var(--kc-bg-secondary) 50%, var(--kc-bg-tertiary) 100%);
  background-attachment: fixed;
  min-height: 100vh;
  font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* =========================
   3. 导航栏
   ========================= */
.navbar {
  background: rgba(10, 14, 26, 0.6) !important;
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border-bottom: 1px solid var(--kc-border);
  padding: var(--kc-spacing-md) 0;
  transition: all var(--kc-transition-base);
  box-shadow: var(--kc-shadow-sm);
}

.navbar.nav-scroll {
  background: rgba(10, 14, 26, 0.85) !important;
  box-shadow: var(--kc-shadow-md);
  border-bottom-color: var(--kc-border-hover);
}

.navbar .logo-img { transition: transform var(--kc-transition-base); }
.navbar .logo:hover .logo-img { transform: scale(1.05); }

.navbar .nav-link {
  color: var(--kc-text-secondary) !important;
  font-size: 21px !important;
  font-weight: 700;
  letter-spacing: 0.02em;
  padding: var(--kc-spacing-md) var(--kc-spacing-lg) !important;
  margin: 0 var(--kc-spacing-sm);
  border-radius: var(--kc-radius-sm);
  transition: all var(--kc-transition-base);
  position: relative;
  line-height: 1.4;
  display: inline-block;
}
.navbar .navbar-nav { align-items: center; gap: 0; }
.navbar .navbar-nav .nav-item { margin: 0; }

.navbar .nav-link::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: var(--kc-radius-sm);
  background: linear-gradient(135deg, var(--kc-accent-primary), var(--kc-accent-secondary));
  opacity: 0;
  transition: opacity var(--kc-transition-base);
}
.navbar .nav-link:hover {
  color: var(--kc-text-primary) !important;
  background: var(--kc-surface-hover);
  transform: translateY(-1px);
}
.navbar .nav-link:hover::before { opacity: 0.1; }
.navbar .nav-link.active {
  color: var(--kc-text-primary) !important;
  background: var(--kc-surface-active);
}
.navbar .nav-link.active::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
  height: 2px;
  background: linear-gradient(90deg, var(--kc-accent-primary), var(--kc-accent-secondary));
  border-radius: var(--kc-radius-full);
  box-shadow: 0 0 8px rgba(0, 212, 255, 0.6);
}

.navbar-right .wrap {
  background: var(--kc-surface);
  border: 1px solid var(--kc-border);
  border-radius: var(--kc-radius-md);
  padding: var(--kc-spacing-sm) var(--kc-spacing-md);
  transition: all var(--kc-transition-base);
}
.navbar-right .wrap:hover {
  background: var(--kc-surface-hover);
  border-color: var(--kc-border-hover);
  box-shadow: var(--kc-shadow-sm);
}
.navbar-right a {
  color: var(--kc-text-primary) !important;
  font-weight: 700;
  transition: color var(--kc-transition-fast);
}
.navbar-right a:hover { color: var(--kc-accent-primary) !important; }

.navbar .navbar-collapse { align-items: center; }
.navbar-right .wrap .text h5,
.navbar-right .wrap .text h5 a { font-size: 18px; font-weight: 700; }
@media (max-width: 991px) {
  .navbar .navbar-nav .nav-link {
    font-size: 21px !important;
    padding: var(--kc-spacing-md) var(--kc-spacing-lg) !important;
    margin: 0 0 var(--kc-spacing-xs) 0;
  }
  .navbar .navbar-nav .nav-item { margin-bottom: 2px; }
}

/* =========================
   4. 标题系统
   ========================= */
h1, h2, h3, h4, h5, h6 {
  color: var(--kc-text-primary);
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.5px;
}
h1 {
  font-size: clamp(2.5rem, 5vw, 4rem);
  background: linear-gradient(135deg, var(--kc-text-primary) 0%, var(--kc-accent-primary) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
h2 { font-size: clamp(2rem, 4vw, 3rem); }

.section-title { margin-bottom: var(--kc-spacing-2xl); }
.section-title span {
  font-size: clamp(3rem, 6vw, 5rem);
  font-weight: 800;
  background: linear-gradient(135deg, var(--kc-accent-primary) 0%, var(--kc-accent-secondary) 50%, var(--kc-accent-tertiary) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  display: inline-block;
}
.section-title span::after {
  content: '';
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 60px;
  height: 3px;
  background: linear-gradient(90deg, var(--kc-accent-primary), var(--kc-accent-secondary));
  border-radius: var(--kc-radius-full);
  box-shadow: 0 0 10px rgba(0, 212, 255, 0.5);
}

/* =========================
   5. 卡片系统
   ========================= */
.contact-box .item,
.form-box,
.cars1 .item,
.cars2 .item,
.post-wrapper,
.gallery-box,
.item_sp,
.cars2 .item {
  background: var(--kc-surface);
  border: 1px solid var(--kc-border);
  border-radius: var(--kc-radius-lg);
  padding: var(--kc-spacing-xl);
  box-shadow: var(--kc-shadow-md);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transition: all var(--kc-transition-base);
  position: relative;
  overflow: hidden;
}
.contact-box .item::before,
.form-box::before,
.cars1 .item::before,
.cars2 .item::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(0, 212, 255, 0.1), transparent);
  transition: left 0.6s;
}
.contact-box .item:hover::before,
.form-box:hover::before,
.cars1 .item:hover::before,
.cars2 .item:hover::before { left: 100%; }
.contact-box .item:hover,
.form-box:hover,
.cars1 .item:hover,
.cars2 .item:hover,
.item_sp:hover {
  background: var(--kc-surface-hover);
  border-color: var(--kc-border-hover);
  box-shadow: var(--kc-shadow-lg), var(--kc-shadow-glow);
  transform: translateY(-4px);
}
.contact-box .item.active {
  background: linear-gradient(135deg, rgba(0, 212, 255, 0.15), rgba(124, 58, 237, 0.15));
  border-color: var(--kc-border-active);
  box-shadow: var(--kc-shadow-lg), var(--kc-shadow-glow);
}

.cars1 .item,
.cars2 .item { position: relative; overflow: hidden; }
.cars1 .item .img,
.cars2 .item img { transition: transform var(--kc-transition-slow); border-radius: var(--kc-radius-md); }
.cars1 .item:hover .img img,
.cars2 .item:hover img { transform: scale(1.08); }
.cars1 .item .con,
.cars2 .item .title {
  background: linear-gradient(to top, rgba(10, 14, 26, 0.95), rgba(10, 14, 26, 0.7), transparent);
  padding: var(--kc-spacing-lg);
  border-radius: 0 0 var(--kc-radius-md) var(--kc-radius-md);
}
.cars1 .item .title a,
.cars2 .item .title h4 {
  color: var(--kc-text-primary);
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: var(--kc-spacing-sm);
  transition: color var(--kc-transition-fast);
  text-align: center;
}
.cars1 .item:hover .title a,
.cars2 .item:hover .title h4 { color: var(--kc-accent-primary); }

/* =========================
   6–8. 表单、按钮、联系卡片（简化）
   ========================= */
.contact .form-box input,
.contact .form-box textarea,
.booking-box input,
.booking-box textarea {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1.5px solid var(--kc-border) !important;
  color: var(--kc-text-primary) !important;
  border-radius: var(--kc-radius-md) !important;
  padding: var(--kc-spacing-md) var(--kc-spacing-lg) !important;
  font-size: 15px;
  transition: all var(--kc-transition-base);
  width: 100%;
}
.contact .form-box input::placeholder,
.contact .form-box textarea::placeholder { color: var(--kc-text-tertiary) !important; opacity: 0.7; }
.contact .form-box input:focus,
.contact .form-box textarea:focus {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: var(--kc-accent-primary) !important;
  box-shadow: 0 0 0 4px rgba(0, 212, 255, 0.15), var(--kc-shadow-sm) !important;
  outline: none;
}

input[type="submit"],
.booking-button,
.button-1,
.button-2,
.button-3 {
  border-radius: var(--kc-radius-full) !important;
  border: none !important;
  background: linear-gradient(135deg, var(--kc-accent-primary) 0%, var(--kc-accent-secondary) 100%) !important;
  color: var(--kc-bg-primary) !important;
  font-weight: 600;
  padding: var(--kc-spacing-md) var(--kc-spacing-xl) !important;
  box-shadow: var(--kc-shadow-md), var(--kc-shadow-glow);
  transition: all var(--kc-transition-base);
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
input[type="submit"]:hover,
.booking-button:hover,
.button-1:hover,
.button-2:hover,
.button-3:hover {
  transform: translateY(-2px);
  box-shadow: var(--kc-shadow-lg), var(--kc-shadow-glow), 0 0 30px rgba(0, 212, 255, 0.4);
}

.contact-box .item { text-align: center; padding: var(--kc-spacing-xl); }
.contact-box .item .icon { font-size: 2.5rem; color: var(--kc-accent-primary); margin-bottom: var(--kc-spacing-md); display: block; transition: all var(--kc-transition-base); }
.contact-box .item:hover .icon { transform: scale(1.15) rotate(5deg); color: var(--kc-accent-secondary); }
.contact-box .item h5 { color: var(--kc-text-primary); font-size: 1.1rem; font-weight: 600; margin-bottom: var(--kc-spacing-sm); }
.contact-box .item p { color: var(--kc-text-secondary); font-size: 0.95rem; margin: 0; }
.contact-box .item p a { color: var(--kc-accent-primary); }

/* =========================
   9. 列表/网格
   ========================= */
.container_sp { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: var(--kc-spacing-lg); }
.item_sp { border-radius: var(--kc-radius-lg); overflow: hidden; background: var(--kc-surface); border: 1px solid var(--kc-border); transition: all var(--kc-transition-base); }
.item_sp img { width: 100%; height: auto; display: block; transition: transform var(--kc-transition-slow); object-fit: contain; }
.item_sp:hover img { transform: scale(1.05); }
.caption_sp { padding: var(--kc-spacing-lg); background: var(--kc-surface); }
.title_sp { font-size: 1.2rem; font-weight: 700; margin: 0 0 var(--kc-spacing-xs); color: var(--kc-text-primary); transition: color var(--kc-transition-fast); }
.item_sp:hover .title_sp { color: var(--kc-accent-primary); }
.description_sp { font-size: 0.9rem; color: var(--kc-text-secondary); margin: 0; line-height: 1.6; }

/* =========================
   10. 首页特色产品 - 放图片的框为原宽 3/4，单张轮播
   ========================= */
.img {
  position: relative;
  min-height: 200px;
  overflow: hidden;
  border-radius: var(--kc-radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--kc-bg-tertiary);
}
.img img {
  position: relative;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  transition: transform var(--kc-transition-slow);
}

.cars1 .item:hover .img img { transform: scale(1.05); }

/* 特色产品：大屏 3 张（卡片更宽）、中屏 4 张、手机 3 张；卡片上下缩短、留白 30px */
.cars1 .cars1-carousel {
  max-width: 100%;
  padding: 0 15px;
}
/* 覆盖 style.css 的 overflow:visible，否则会露出 7 张；改为 hidden 只显示 5 张 */
.cars1 .cars1-carousel.owl-carousel .owl-stage-outer {
  overflow: hidden !important;
}
.cars1 .container {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.cars1 .owl-item .item {
  width: 100% !important;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
}
.cars1 .section-head {
  margin-bottom: 1.25rem;
}
.cars1.section-padding {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.cars1 .item .con.opacity-1 {
  opacity: 1;
  visibility: visible;
}
/* 图片区域：缩短上下高度（今早之前的紧凑长度）；图片完整显示不裁切 */
.cars1 .item .img {
  height: 200px;
  min-height: 160px;
  background: var(--kc-bg-tertiary);
  display: flex;
  align-items: center;
  justify-content: center;
}
.cars1 .item .img img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
}
/* 文字区收紧，降低卡片总高度；文字居中 */
.cars1 .item .con {
  padding: 1rem 1.25rem !important;
  text-align: center;
}
.cars1 .item .con .row {
  justify-content: center;
  margin-left: 0;
  margin-right: 0;
}
.cars1 .item .con .col-md-7 {
  flex: 0 0 100%;
  max-width: 100%;
  text-align: center;
}
.cars1 .item .title a { font-size: 1.1rem; margin-bottom: 0.35rem; display: block; }
.cars1 .item .details,
.cars1 .item .details span {
  font-size: 0.85rem;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
/* 平板 */
@media (max-width: 991px) {
  .cars1 .item .img {
    height: 180px;
    min-height: 140px;
  }
}
@media (max-width: 767px) {
  .cars1 .item .img {
    height: 160px;
    min-height: 120px;
  }
  .cars1 .item .con {
    padding: 0.75rem 1rem !important;
  }
  .cars1 .item .title a {
    font-size: 1rem;
  }
  .cars1 .item .details,
  .cars1 .item .details span {
    font-size: 0.8rem;
    -webkit-line-clamp: 2;
  }
}
@media (max-width: 575px) {
  .cars1 .item .img {
    height: 140px;
    min-height: 100px;
  }
}

/* =========================
   11. Banner 与 联系我们
   ========================= */
.banner-header,
.lets-talk { position: relative; overflow: hidden; }
.banner-header::before,
.lets-talk::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(0, 212, 255, 0.1), rgba(124, 58, 237, 0.1));
  z-index: 1;
}
.banner-header .v-middle,
.lets-talk .container { position: relative; z-index: 2; }

.lets-talk {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  box-sizing: border-box;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
}
.lets-talk .container { max-width: 100%; padding-left: 15px; padding-right: 15px; }
.lets-talk.bg-img {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  min-height: 320px;
  display: flex;
  align-items: center;
  background-color: var(--kc-bg-secondary);
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.lets-talk.bg-img .container { width: 100%; max-width: 100%; box-sizing: border-box; }

.company-intro {
  font-size: 17px;
  line-height: 1.95em;
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 0;
  font-weight: 400;
}

/* =========================
   12. Footer
   ========================= */
.footer {
  background: var(--kc-bg-secondary);
  border-top: 1px solid var(--kc-border);
  padding: var(--kc-spacing-2xl) 0 var(--kc-spacing-lg);
  margin-top: var(--kc-spacing-2xl);
}
.footer p,
.footer a { color: var(--kc-text-secondary); transition: color var(--kc-transition-fast); }
.footer a:hover { color: var(--kc-accent-primary); }

/* =========================
   13. 响应式
   ========================= */
@media (min-width: 1400px) {
  .section-padding { padding: 140px 0; }
  .lets-talk.bg-img { min-height: 380px; }
}
@media (max-width: 1199px) {
  .section-padding { padding: 90px 0; }
  .lets-talk.bg-img { min-height: 280px; }
}
@media (max-width: 991px) {
  .section-padding { padding: 70px 0; }
  .lets-talk.bg-img { min-height: 260px; }
}
@media (max-width: 767px) {
  .section-padding { padding: 50px 0; }
  .lets-talk.bg-img { min-height: 240px; }
}
@media (max-width: 575px) {
  .section-padding { padding: 40px 0; }
  .lets-talk.bg-img { min-height: 220px; }
}

.banner-header.bg-img {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

@media (max-width: 768px) {
  .container_sp { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: var(--kc-spacing-md); }
  .item_sp { border-radius: var(--kc-radius-md); }
  .map-actions { flex-direction: column; }
  .map-btn { width: 100%; }
}
@media (max-width: 480px) {
  .container_sp { grid-template-columns: 1fr; }
  .contact-box .item { padding: var(--kc-spacing-lg); }
}

/* =========================
   14. 滚动条、加载、返回顶部
   ========================= */
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: var(--kc-bg-secondary); }
::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, var(--kc-accent-primary), var(--kc-accent-secondary));
  border-radius: var(--kc-radius-full);
}
::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, var(--kc-accent-secondary), var(--kc-accent-tertiary));
}

#preloader { background: var(--kc-bg-primary); }
.preloader-position.loader span { border-color: var(--kc-accent-primary) transparent transparent transparent; }

.progress-wrap {
  background: var(--kc-surface);
  border: 1px solid var(--kc-border);
  box-shadow: var(--kc-shadow-md);
}
.progress-wrap:hover {
  background: var(--kc-surface-hover);
  border-color: var(--kc-border-hover);
  box-shadow: var(--kc-shadow-lg), var(--kc-shadow-glow);
}
.progress-circle path { stroke: var(--kc-accent-primary); }

/* =========================
   15. 全站 UI 优化
   ========================= */
.section-padding { padding-top: 5rem; padding-bottom: 5rem; }
@media (min-width: 992px) {
  .section-padding { padding-top: 6rem; padding-bottom: 6rem; }
}
@media (min-width: 1200px) {
  .section-padding { padding-top: 7rem; padding-bottom: 7rem; }
}

.banner-header { min-height: 58vh; display: flex; align-items: center; }
.banner-header .v-middle { position: relative; width: 100%; padding: 2rem 0; }
.banner-header::before {
  background: linear-gradient(180deg, rgba(10, 14, 26, 0.75) 0%, rgba(10, 14, 26, 0.5) 50%, rgba(10, 14, 26, 0.6) 100%);
}

.section-head { margin-bottom: 3rem; }
.section-title { margin-bottom: 0.5rem; font-size: 18px; }
.section-title span { font-size: inherit; letter-spacing: 0.04em; }
.section-sub {
  font-size: 0.95rem;
  color: var(--kc-text-tertiary);
  margin: 0;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  font-weight: 500;
}

.cars1 .item {
  border-radius: var(--kc-radius-lg);
  overflow: hidden;
  box-shadow: var(--kc-shadow-md);
  border: 1px solid var(--kc-border);
}
.cars1 .item .img { border-radius: 0; border-bottom: 1px solid var(--kc-border); background: var(--kc-bg-tertiary); }
.cars1 .item .img img { border-radius: 0; }
.cars1 .item .con {
  padding: 1rem 1.25rem;
  text-align: center;
  background: linear-gradient(to top, rgba(15, 22, 36, 0.98), rgba(15, 22, 36, 0.92));
  border-radius: 0;
}
.cars1 .item .title a { font-size: 1.1rem; display: block; margin-bottom: 0.35rem; }
.cars1 .item .details,
.cars1 .item .details span { font-size: 0.85rem; line-height: 1.5; color: var(--kc-text-secondary); }
.cars1 .item:hover {
  transform: translateY(-6px);
  box-shadow: var(--kc-shadow-lg), 0 0 24px rgba(0, 212, 255, 0.12);
}
.cars1 .item::before,
.cars1 .item:hover::before { opacity: 0; }

.lets-talk .container .row > [class*="col-"] { padding: 1rem 0; }
.lets-talk-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 200px;
}
.lets-talk-inner > * { margin: 0.25rem 0; line-height: 1.5; }
.lets-talk-title,
.lets-talk-desc {
    line-height: 1.5 !important;
    text-align: center;
    width: 100%;
    max-width: 100%;
}

.lets-talk .button-2 {
    line-height: 1.5 !important;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

/* 联系我们区域h5标题居中 */
.contact-section h5,
.contact h5,
.form-box h5 {
    text-align: center !important;
    width: 100%;
}

/* Lets Talk区域 - 三个元素垂直居中 */
.lets-talk .col-md-12.text-center {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 250px;
    padding: 2rem 0;
}
.lets-talk .col-md-12.text-center h6 {
    display: none;
}
.lets-talk .col-md-12.text-center h5,
.lets-talk .col-md-12.text-center p,
.lets-talk .col-md-12.text-center .button-2 {
    margin: 0.5rem 0;
    line-height: 1.5;
}

.footer .bottom-footer-text .copyright .col-md-12 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: 1rem 0;
}
.footer-bottom-inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: 1rem 0;
}
.footer .copyright p { margin: 0; font-size: 0.9rem; color: var(--kc-text-tertiary); }
.footer .copyright a[href*="beian"] {
  display: inline-flex;

/* 智慧工厂页面 - 标题样式 */
.post-wrapper h1 {
    font-size: 20px !important;
}

/* 首页-特色产品 - 2倍大小 */
.sy-page .cars1 .section-title span,
.cars1 .section-title span {
    font-size: clamp(5rem, 10vw, 10rem) !important;
}

/* 智慧工厂-智能设备展示 - 2倍大小 */
.zhcs-page .cars2 .section-title span {
    font-size: 140px !important;
}

/* 智能读表设备-智能表展示 - 2倍大小 */
.znb-page .section-title span {
    font-size: 140px !important;
}

/* IC芯片-智能IC芯片 - 2倍大小 */
.icxp-page .section-title span {
    font-size: 140px !important;
}

/* Lets Talk区域 - 三行文字居中对齐到中间 */
.lets-talk .col-md-12.text-center {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 280px;
    padding: 2rem 0;
}
.lets-talk .col-md-12.text-center h5 {
    margin-bottom: 0.75rem;
}
.lets-talk .col-md-12.text-center p {
    margin-bottom: 0.75rem;
}
.lets-talk .col-md-12.text-center .button-2 {
    margin-top: 0.75rem;
}
  align-items: center;
  gap: 0.35rem;
  color: var(--kc-text-tertiary);
  font-size: 0.9rem;
  text-decoration: none;
  transition: color var(--kc-transition-fast);
}
.footer .copyright a[href*="beian"]:hover { color: var(--kc-accent-primary); }
.footer .copyright a[href*="beian"] img { width: 20px; max-width: 80px; height: auto; }
.beian-link { display: inline-flex; align-items: center; gap: 0.35rem; color: var(--kc-text-tertiary); font-size: 0.9rem; text-decoration: none; transition: color var(--kc-transition-fast); }
.beian-link:hover { color: var(--kc-accent-primary); }
.beian-icon { width: 20px; height: auto; max-width: 80px; }

@media (max-width: 767px) {
  .footer-bottom-inner,
  .footer .bottom-footer-text .copyright .col-md-12 { flex-direction: column; text-align: center; }
  .banner-header { min-height: 50vh; }
  .banner-header h5 {
    font-size: 14px !important;
    line-height: 1.8em !important;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .lets-talk h5:not(.lets-talk-title) {
    font-size: 14px !important;
    line-height: 1.8em !important;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.clients .section-title,
.cars1 .section-title { text-align: center; margin-top: 0; }
.clients { padding-top: 4rem; padding-bottom: 4rem; }

section .container img.img-fluid,
section .rounded-4,
.gallery-box img,
.post-wrapper + img { border-radius: var(--kc-radius-md); box-shadow: var(--kc-shadow-sm); }

/* =========================
   16. Logo样式优化
   ========================= */
.logo-wrapper {
    display: flex;
    align-items: center;
    gap: 0;
}

.logo {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
}

.logo .logo-img {
    height: 50px !important;
    width: auto !important;
    max-width: none !important;
    transition: transform var(--kc-transition-base);
}

.logo:hover .logo-img {
    transform: scale(1.05);
}

.company-name {
    font-size: 18px;
    font-weight: 700;
    color: var(--kc-text-primary);
    letter-spacing: 0.05em;
    white-space: nowrap;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

/* =========================
   17. Banner页面标题样式统一
   ========================= */
.banner-header .post-wrapper h1,
.lets-talk .post-wrapper h1,
.lets-talk h5,
.banner-header h1 {
    font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.banner-header .post-wrapper h1,
.lets-talk .post-wrapper h1 {
    font-size: 36px;
    margin-bottom: 0.5rem;
    text-align: left;
}

.banner-header h5 {
    font-size: 17px;
    line-height: 1.9em;
    color: rgba(255, 255, 255, 0.9);
    font-weight: 400;
    max-width: 900px;
    margin: 0 auto 0 0;
    text-align: left;
}

/* lets-talk区域h5元素样式 - 默认左对齐，lets-talk-title居中 */
.lets-talk h5:not(.lets-talk-title) {
    font-size: 17px !important;
    line-height: 1.9em !important;
    color: rgba(255, 255, 255, 0.9) !important;
    font-weight: 400 !important;
    max-width: 900px;
    margin: 0 auto 0 0 !important;
    text-align: left !important;
}

/* 只有带lets-talk-title类的h5才居中（首页"联系我们"标题） */
.lets-talk h5.lets-talk-title {
    font-size: 17px !important;
    line-height: 1.9em !important;
    color: rgba(255, 255, 255, 0.9) !important;
    font-weight: 400 !important;
    max-width: 100%;
    margin: 0 auto !important;
    text-align: center !important;
}

/* 调整容器让文字区域适配 */
.banner-header .post-wrapper,
.lets-talk .post-wrapper {
    display: inline-block;
    background: linear-gradient(180deg, rgba(10, 14, 26, 0.7) 0%, rgba(10, 14, 26, 0.4) 100%);
    padding: 1rem 1.5rem;
    border-radius: 8px;
    margin-bottom: 0.5rem;
}

.banner-header .text-center .post-wrapper,
.lets-talk .text-center .post-wrapper {
    display: block;
    text-align: left;
    margin-left: 0;
    margin-right: auto;
    width: auto;
    max-width: 100%;
}

/* lets-talk区域页面标题左对齐，lets-talk-title居中 */
.lets-talk .text-center .post-wrapper h1 {
    text-align: left;
}

/* 确保.lets-talk .text-center内的lets-talk-title h5居中对齐 */
.lets-talk .text-center h5.lets-talk-title {
    text-align: center;
}

/* 确保.lets-talk .text-center内的h1也左对齐 */
.lets-talk .text-center h1 {
    text-align: left;
}

/* =========================
   18. 联系卡片hover样式修复
   ========================= */
.contact-box .item {
    background: var(--kc-surface);
    border: 1px solid var(--kc-border);
    border-radius: var(--kc-radius-lg);
    padding: var(--spacing-xl, 2rem);
    box-shadow: var(--kc-shadow-md);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    transition: all var(--kc-transition-base);
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.contact-box .item::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(0, 212, 255, 0.1), transparent);
    transition: left 0.6s;
}

.contact-box .item:hover::before {
    left: 100%;
}

.contact-box .item:hover {
    background: var(--kc-surface-hover);
    border-color: var(--kc-border-hover);
    box-shadow: var(--kc-shadow-lg), var(--kc-shadow-glow);
    transform: translateY(-4px);
}

.contact-box .item:hover .icon {
    transform: scale(1.15) rotate(5deg);
    color: var(--kc-accent-secondary);
}

/* 移除默认的active样式，让所有卡片在非hover状态保持一致 */
.contact-box .item.active {
    background: var(--kc-surface);
    border-color: var(--kc-border);
    box-shadow: var(--kc-shadow-md);
}