/* ========== 全局基础 ========== */
*{margin:0;padding:0;box-sizing:border-box}
body{
  font-family:'Noto Serif SC','Playfair Display',serif;
  background:#ffffff; /* 柔和深灰，避免纯黑硬边 */
  color:#000000;
  overflow-x:hidden;
}

/* ======= 顶部导航 ======= */
.navbar {
  position: fixed;
  top: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 80px; /* ✅ 稍微加大右侧内边距，让菜单靠右 */
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(8px);
  z-index: 100;
}

/* 左侧 Logo */
.logo {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: bold;
  cursor: pointer;
  color: #fff;
}
.logo img {
  height: 40px;
}

/* 右侧导航区靠近语言选择 */
.navbar nav {
  display: flex;
  align-items: center;
  margin-right: -1000px; /* ✅ 向右推进，紧挨语言切换 */
  gap: 28px; /* 每个导航间留空更匀称 */
}

.navbar nav a {
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  transition: .3s;
}
.navbar nav a:hover {
  color: #ff9966;
}
/* ===== 导航栏新增样式（更多 + 登录） ===== */
.dropdown {
  position: relative;
  display: flex;               /* ✅ 改为 flex，与其他导航项保持水平对齐 */
  align-items: center;         /* ✅ 垂直居中 */
}

/* 用伪元素做“悬浮桥”，消除触发区和菜单之间的缝隙 */
.dropdown::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 12px;               /* 桥的高度：鼠标经过这片区域仍视为在.dropdown 上 */
}

.dropdown > a {
  display: inline-flex;        /* ✅ 改为 inline-flex，让“更多 ▾”内部也居中 */
  align-items: center;
  padding-bottom: 0;           /* ✅ 移除底部多余间距 */
  line-height: 1;              /* ✅ 保持与其他文字一致的行高 */
}


/* 默认隐藏：用 visibility/opacity 避免抖动 */
.dropdown-content {
  position: absolute;
  left: 0;
  top: calc(100% + 8px);     /* 菜单紧贴触发元素下方 8px */
  min-width: 140px;
  background: rgba(0,0,0,0.85);
  border-radius: 10px;
  z-index: 9999;
  padding: 6px 0;

  visibility: hidden;
  opacity: 0;
  transform: translateY(6px);
  transition: opacity .15s ease, transform .15s ease, visibility 0s linear .15s;
  pointer-events: none;      /* 隐藏时不接收鼠标事件 */
}

/* 展开状态：hover 任意落在 .dropdown（触发+桥+菜单）上都保持打开 */
.dropdown:hover .dropdown-content,
.dropdown:focus-within .dropdown-content {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0s;
  pointer-events: auto;
}

/* 菜单项 */
.dropdown-content a {
  display: block;
  text-align: center;              /* ✅ 居中显示文字 */
  padding: 10px 0;                 /* 上下留白更匀称 */
  color: #fff;
  text-decoration: none;
  transition: all 0.25s ease;
  pointer-events: auto;      /* ✅ 确保链接可以点击 */
  position: relative;
}

/* 悬停状态 */
.dropdown-content a:hover,
.dropdown-content a:focus {
  background: rgba(255, 255, 255, 0.08); /* ✅ 柔和浅白透明底，不突兀 */
  color: #ff9966;                        /* ✅ 字体变成淡橙红 */
  transform: scale(1.05);                /* ✅ 轻微放大一点点，有动感 */
}
/* 当登录链接还是 login.html 时，强制隐藏下拉菜单 */
#login-link[href="login.html"] + .dropdown-content {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* ====== 语言切换下拉框 ====== */
.lang-switch select {
  height: 34px;
  line-height: 34px;
  padding: 0 12px;
  border-radius: 6px;
  border: 1px solid rgba(255,255,255,0.6);
  background: rgba(0,0,0,0.6);
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  /* ✅ 当前选中项水平居中 */
  text-align: center;
  text-align-last: center;
}

/* ✅ 下拉选项单独左对齐 */
.lang-switch select option {
  background: #1a1a1a; /* 深灰底 */
  color: #fff;
  font-size: 15px;
  text-align: left; /* 强制左对齐，防止偏右 */
}


/* ======= 主视觉区 ======= */
.hero{
  position:relative;height:100vh;
  background:url('/mobile-slider/hero-new.jpg') center/cover no-repeat;
  display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;
}
.hero .overlay{
  position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.35)
}
.hero-content{
  position:relative;z-index:2;color:#fff;padding:0 20px
}
.hero-content h1{font-size:3rem;font-weight:bold;margin-bottom:10px;text-shadow:0 2px 10px rgba(0,0,0,.6)}
.hero-content h2{font-size:1.4rem;margin-bottom:25px}
.cta-btn{
  background:linear-gradient(90deg,#ff6666,#ff9966);
  color:#fff;border:none;padding:12px 30px;border-radius:30px;
  font-size:1rem;cursor:pointer;transition:.3s
}
.cta-btn:hover{background:linear-gradient(90deg,#ff9966,#ff6666)}

/* ======= 搜索模块结构（改为完整圆角条形） ======= */
.floating-search {
  position: absolute;       /* 改为绝对定位 */
  bottom: 0;                /* 紧贴背景底部 */
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  z-index: 10;
  background: transparent;  /* 去掉黑色背景 */
  box-shadow: none;
  border-radius: 0;
  overflow: visible;
}
/* ======= 上圆下平 半胶囊导航形状 ======= */
.tabs-wrapper {
  width: min(1000px, 95%);
  margin: 0 auto;
  position: relative;
  background: #fff;
  box-shadow: 0 -6px 20px rgba(0,0,0,0.15);
  z-index: 2;
   top: -6px;
  overflow: hidden;
  /* 用 clip-path 画出“上弧下平外斜”的形状 */
  clip-path: path("M0,100 Q0,0 80,0 L920,0 Q1000,0 1000,100 Z");
}

.tabs-highlight{
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:0;
  background:rgba(255,165,42,0.25); /* 柔光层 */
  backdrop-filter:brightness(1.05);
  transition:left .3s ease,width .3s ease;
  z-index:2;
}
/* 内部标签内容 */
.search-tabs {
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 100%;
  padding: 16px 0;
}

.search-tabs .tab {
  flex: 1;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-size: 15px;
  font-weight: 600;
  color: #ff9b21;
  cursor: pointer;
  transition: all 0.3s ease;
  padding: 12px 0;
}

.search-tabs .tab.active{
  color:#fff;
  background:none !important; /* ✅ 关键：禁止自身再加一层背景 */
  box-shadow:none !important;
}


.search-tabs .tab:hover {
  background: rgba(255,155,33,0.1);
  color: #ff7f2a;
}



/* 下半渐变矩形（拉满全屏宽度） */
/* ======= 渐变底层保持全屏铺满 ======= */
.search-box{
  width:100vw;
  position:relative;
  left:50%;
  transform:translateX(-50%);
  background:linear-gradient(90deg,#f6a018 0%,#f07c74 45%,#b769e6 100%);
  padding:40px 0 45px; /* 去掉左右padding，让内部控制宽度 */
  border-radius:0;
  box-shadow:0 12px 28px rgba(0,0,0,.25);
  margin-top:-6px;
  z-index:1;
}

/* ======= 内层内容区控制宽度，与胶囊对齐 ======= */
.search-box .inner{
  width:min(1200px,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:1.2fr 1.2fr 1fr .8fr .8fr auto;
  align-items:end;
  gap:16px;
  padding:0 40px; /* 给点左右留白 */
}

/* ======= 内容样式放大优化 ======= */
.search-box .form-group{
  display:flex;
  flex-direction:column;
  gap:8px;
  text-align:left;
}
.search-box label{
  font-size:14px;
  font-weight:600;
  letter-spacing:.2px;
  color:rgba(255,255,255,.95);
}
.search-box input,
.search-box select{
  height:46px;
  padding:0 14px;
  border:none;
  border-radius:6px;
  background:#fff;
  color:#333;
  font-size:15px;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.08);
  outline:none;
  transition:.2s;
}
.search-box input:focus,
.search-box select:focus{
  box-shadow:0 0 0 2px rgba(255,255,255,.8),0 0 0 4px rgba(80,0,150,.3);
}

/* 搜索按钮放大保持协调 */
.search-btn{
  height:46px;
  padding:0 28px;
  border:none;
  border-radius:24px;
  font-weight:700;
  font-size:15px;
  background:#2c0c4a;
  color:#fff;
  box-shadow:0 8px 18px rgba(32,0,64,.4);
  cursor:pointer;
  display:flex;
  align-items:center;
  gap:8px;
  transition:.2s;
}
.search-btn:hover{
  background:#3b0e6b;
  transform:translateY(-1px);
  box-shadow:0 12px 26px rgba(32,0,64,.45);
}
.search-btn i{font-size:15px;}


/* ======= 响应式 ======= */
@media(max-width:1024px){
  .search-box{grid-template-columns:1fr 1fr 1fr 1fr 1fr auto}
}
@media(max-width:768px){
  .floating-search{margin:-40px auto 40px;}
  .tabs-wrapper{border-radius:20px 20px 0 0;}
  .search-tabs{overflow-x:auto;gap:8px;padding:10px;height:auto;}
  .search-box{grid-template-columns:1fr;gap:12px;border-radius:0;}
  .search-btn{width:100%;justify-content:center;}
}

/* ======= 其他区块保持原色 ======= */
.services,.featured,.reviews,.about,.contact,footer{
  background:#000;
  color:#fff;
  text-align:center;
}
/* ===== 我们的服务：固定容器 + 玻璃箭头 + 水平滑动 ===== */
.service-carousel-section{
  position: relative;
  width: 100%;
  padding: 140px 0;
   background: linear-gradient(135deg, #f7b977 0%, #f58a77 40%, #8265ff 100%);
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

/* 背景图跟随当前项变化（不影响白卡稳定） */
.service-bg{
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  filter: brightness(0.7);
  transition: background-image 0.8s ease-in-out;
  z-index: 1;
}

/* 白色固定容器 */
.service-card{
  position: relative;
  background: rgba(255,255,255,0.96);
  border-radius: 20px;
  padding: 80px 120px;
  box-shadow: 0 15px 45px rgba(0,0,0,0.1);
  width: 900px;
  z-index: 2;
  overflow: visible; /* 让左右箭头可以露在白卡外侧 */
}

/* 视口：只显示一屏 */
.service-viewport{
  overflow: hidden;
  position: relative;
}

/* 轨道：横向排列所有内容 */
.service-track{
  display: flex;
  width: 100%;
  transform: translateX(0);
}

/* 平滑动画（需要时才加） */
.service-track.anim{
  transition: transform 0.6s ease;
}

/* 每一页内容（与白卡等宽） */
.service-slide{
  flex: 0 0 100%;
  width: 100%;
  text-align: center;
}

/* 文案样式 */
.service-title{
  font-size: 2rem;
  font-weight: 600;
  color: #222;
  margin-bottom: 20px;
}
.service-desc{
  font-size: 1rem;
  color: #555;
  line-height: 1.8;
  max-width: 80%;
  margin: 0 auto;
}

/* CTA 按钮 */
.service-btn{
  margin-top: 35px;
  padding: 14px 48px;
  background: linear-gradient(90deg, #ff9966, #cc66ff);
  border: none;
  color: #fff;
  font-size: 1rem;
  border-radius: 30px;
  cursor: pointer;
  box-shadow: 0 6px 18px rgba(255,153,102,0.4);
  transition: all 0.3s ease;
}
.service-btn:hover{
  transform: translateY(-3px);
  box-shadow: 0 10px 25px rgba(255,153,102,0.5);
}

/* ===== 玻璃质感箭头（实体符号❮❯，100%可见） ===== */
.service-prev,
.service-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;                    /* 稍微拉长一点，呈椭圆感 */
  height: 40px;
  border: 2px solid rgba(255, 255, 255, 0.85);
  border-radius: 10px;            /* ✅ 不再是圆形，变成圆角矩形 */
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(8px);     /* ✅ 半透明磨砂质感 */
  color: #fff;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 5;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);  /* ✅ 增加立体感阴影 */
}

/* 左右位置 */
.service-prev {
  left: calc(50% - 520px); /* 卡片外沿刚好贴近 */
}
.service-next {
  right: calc(50% - 520px);
}


/* 悬停效果 */
.service-prev:hover,
.service-next:hover {
  background: rgba(255,255,255,0.25);
  transform: translateY(-50%) scale(1.05);
  box-shadow: 0 4px 12px rgba(0,0,0,0.25);
}


.service-prev:hover, .service-next:hover{
  background: rgba(255,255,255,0.25);
  border-color: rgba(255,255,255,0.9);
  box-shadow: 0 0 12px rgba(255,255,255,0.3);
  transform: translateY(-50%) scale(1.05);
}
.service-prev:active, .service-next:active{
  transform: translateY(-50%) scale(0.95);
  box-shadow: 0 0 10px rgba(255,255,255,0.25) inset;
}

/* 响应式 */
@media (max-width: 1024px){
  .service-card{ width: 86%; padding: 60px 36px; }
  .service-prev{ left: 30px; }
  .service-next{ right: 30px; }
}
@media (max-width: 768px){
  .service-title{ font-size: 1.6rem; }
  .service-desc{ font-size: 0.95rem; max-width: 95%; }
  .service-prev, .service-next{ width: 42px; height: 54px; }
}




/* ===== 双列车型展示 ===== */
.car-section {
  width: 100%;
  background: #fff; /* ✅ 修复黑色背景问题 */
  padding: 20px 0;
  text-align: center;
}

.car-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px;
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 20px;
}

/* 每个车型卡片 */
.car-box {
  display: flex;
  align-items: center;
  gap: 30px;
  background: #fafafa;
  border-radius: 16px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.08);
  flex: 1 1 calc(50% - 40px); /* ✅ 一行放两辆 */
  min-width: 500px;
  padding: 25px;
  transition: all 0.3s ease;
}

.car-box:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}

/* 图片 */
.car-image {
  flex: 0 0 40%;
  text-align: center;
}

.car-image img {
  width: 100%;
  border-radius: 12px;
  object-fit: cover;
  max-height: 300px;
  transition: transform 0.3s ease;
}

.car-box:hover img {
  transform: scale(1.03);
}

/* 文字 */
.car-info {
  flex: 1;
  text-align: left;
}

.car-info h3 {
  font-size: 22px;
  font-weight: bold;
  color: #222;
  margin-bottom: 10px;
}

.car-info h3 span {
  font-size: 15px;
  color: #999;
  margin-left: 6px;
}

.car-info p {
  color: #555;
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 12px;
}

.car-info ul {
  list-style: none;
  padding: 0;
  margin: 0 0 18px;
  color: #666;
  font-size: 14px;
  line-height: 1.8;
}

/* 按钮 */
.car-btns {
  display: flex;
  gap: 12px;
}

.btn-main {
  background: linear-gradient(90deg, #ff6a6a, #ff9966);
  color: #fff;
  padding: 8px 20px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  transition: all 0.3s ease;
}

.btn-main:hover {
  filter: brightness(1.1);
}

.btn-outline {
  border: 2px solid #ff6a6a;
  color: #ff6a6a;
  padding: 6px 18px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  transition: all 0.3s ease;
}

.btn-outline:hover {
  background: #ff6a6a;
  color: #fff;
}

/* 响应式：手机端单列 */
@media (max-width: 992px) {
  .car-box {
    flex: 1 1 100%;
    flex-direction: column;
    text-align: center;
  }
  .car-image {
    width: 100%;
  }
  .car-info {
    text-align: center;
  }
  .car-btns {
    justify-content: center;
  }
}
/* ===== 标题：车型介绍 ===== */
.section-title {
  font-size: 32px;
  font-weight: bold;
  color: #222;
  text-align: center;
  margin: 20px 0 50px; /* 与上方拉开间距 */
  letter-spacing: 2px;
  position: relative;
}

.section-title span {
  font-size: 18px;
  color: #999;
  margin-left: 8px;
}

/* 底部渐变短线 */
.section-title::after {
  content: "";
  display: block;
  width: 60px;
  height: 3px;
  background: linear-gradient(90deg, #ff6a6a, #ff9966);
  margin: 15px auto 0;
  border-radius: 2px;
}
/* ===== 热门推荐模块（现代卡片式+上方标签） ===== */
.hot-section {
  background: #fff;
  padding: 60px 0;
  text-align: center;
}

.hot-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

.hot-title {
  font-size: 2.2rem;
  font-weight: 800;
  color: #222;
  margin-bottom: 10px;
}

.hot-subtitle {
  color: #777;
  font-size: 1rem;
  margin-bottom: 60px;
}

/* 三列布局 */
.hot-grid {
  display: flex;
  justify-content: center;
  gap: 40px;
  flex-wrap: wrap;
}

/* 单个卡片 */
.hot-item {
  position: relative;
  width: 360px;
  height: 480px;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 8px 30px rgba(0,0,0,0.12);
  transition: all 0.3s ease;
}
.hot-item:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 40px rgba(0,0,0,0.18);
}

/* 背景图 */
.hot-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(0.7);
  transition: 0.3s;
}
.hot-item:hover img {
  filter: brightness(0.9);
}



/* 底部文字层 */
.hot-overlay {
  position: absolute;
  bottom: 30px;
  left: 0;
  width: 100%;
  color: #fff;
  text-align: center;
}

.hot-overlay h3 {
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 5px;
}

.price {
  font-size: 1rem;
  margin-bottom: 8px;
}

.stars {
  color: #ffcc33;
  margin-bottom: 15px;
  letter-spacing: 2px;
}

/* 渐变按钮 */
.hot-btn {
  display: inline-block;
  background: linear-gradient(90deg, #ff9966, #cc66ff);
  color: #fff;
  padding: 10px 26px;
  border-radius: 30px;
  text-decoration: none;
  font-weight: 600;
  transition: 0.3s;
}
.hot-btn:hover {
  background: linear-gradient(90deg, #ff7b5a, #b44cff);
}

/* 响应式 */
@media (max-width: 960px) {
  .hot-grid {
    flex-direction: column;
    align-items: center;
  }
  .hot-item {
    width: 90%;
    height: 400px;
  }
}
/* ===== 商品一览 ===== */
.product-section {
  padding: 100px 0;
  background: #fafafa;
  text-align: center;
  margin-top: -60px;
}

.product-section .section-title {
  font-size: 2.2rem;
  color: #333;
  margin-bottom: 15px;
  font-weight: 700;
}

.product-section .section-title span {
  font-size: 1rem;
  color: #999;
  margin-left: 10px;
}

.section-subtitle {
  color: #777;
  font-size: 1rem;
  margin-bottom: 60px;
}

.product-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* ✅ 固定四列 */
  gap: 30px;
  padding: 0 80px;
}

.product-card {
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
  overflow: hidden;
  transition: all 0.3s ease;
}

.product-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 35px rgba(0,0,0,0.12);
}

/* ✅ 图片完整显示 + 居中对齐 */
.product-card img {
  width: 100%;
  height: 320px; /* 可以根据需要微调 300–350px */
  object-fit: contain; /* ✅ 显示完整图片，不裁剪 */
  background-color: #f9f9f9; /* ✅ 填充空白区域，防止留白太突兀 */
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  transition: transform 0.4s ease;
}

/* ✅ 悬停时轻微放大，增强动效 */
.product-card:hover img {
  transform: scale(1.03);
}

.product-card h3 {
  margin: 15px 20px 8px;
  font-size: 1.2rem;
  color: #333;
  text-align: center;
}

.product-card p {
  margin: 0 20px 12px;
  color: #666;
  font-size: 0.95rem;
  line-height: 1.6;
  text-align: center;
}

.product-price {
  font-weight: 700;
  color: #ff6f61;
  margin: 0 20px 15px;
  text-align: center;
}

.btn-product {
  display: inline-block;
  margin-bottom: 25px;
  padding: 8px 22px;
  border-radius: 20px;
  background: linear-gradient(90deg, #ff9a9e, #fad0c4);
  color: #fff;
  text-decoration: none;
  transition: 0.3s;
}

.btn-product:hover {
  opacity: 0.9;
}

/* ✅ 响应式：平板两列，手机一列 */
@media (max-width: 1024px) {
  .product-grid {
    grid-template-columns: repeat(2, 1fr);
    padding: 0 40px;
  }
}

@media (max-width: 600px) {
  .product-grid {
    grid-template-columns: 1fr;
    padding: 0 20px;
  }
}
/* ======== 合作平台样式（修正版） ======== */
.partners-section {
  position: relative;
  padding: 30px 0 150px;
  background: linear-gradient(180deg, #fff 0%, #fef2f2 100%);
  text-align: center;
  overflow: visible; /* ✅ 确保不被遮挡 */
}

.partners-header .section-title {
  font-size: 2.2rem;
  font-weight: 700;
  color: #222;
  margin-bottom: 10px;
}

.partners-header .section-subtitle {
  color: #888;
  font-size: 1rem;
  margin-bottom: 60px;
}

/* ✅ 修复容器塌陷、确保logo显示 */
.partners-logos {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  gap: 50px;
  padding: 0 40px;
  min-height: 200px; /* ✅ 确保有足够空间 */
  position: relative;
  z-index: 2;
  opacity: 1;
  visibility: visible;
}

/* ✅ 确保卡片正常显示 */
.partner-card {
  width: 150px;
  height: 150px;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: all 0.3s ease;
  overflow: hidden;
  opacity: 1 !important;
  visibility: visible !important;
}

.partner-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 30px rgba(255,102,102,0.25);
}

.partner-card img {
  width: auto;
  height: 55px;        /* ✅ 改为固定高度 */
  object-fit: contain;
  margin-bottom: 10px;
  display: block;
  mix-blend-mode: normal; /* 保持原色 */
}


.partner-card span {
  font-size: 1rem;
  color: #333;
  font-weight: 600;
}
/* 弹窗遮罩 */
.popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

/* 弹窗内容 */
.popup-content {
  background: #fff;
  padding: 25px;
  border-radius: 16px;
  text-align: center;
  box-shadow: 0 0 15px rgba(255, 102, 102, 0.5);
  animation: fadeIn 0.3s ease;
}

.popup-content img {
  width: 200px;
  border-radius: 10px;
  margin-bottom: 10px;
}

.popup-content p {
  font-size: 16px;
  color: #333;
}

.close-popup {
  margin-top: 10px;
  padding: 6px 16px;
  background: rgb(255, 102, 102);
  color: #fff;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.3s;
}

.close-popup:hover {
  background: #ff3333;
}

@keyframes fadeIn {
  from { opacity: 0; transform: scale(0.9); }
  to { opacity: 1; transform: scale(1); }
}


/* 手机端适配 */
@media (max-width: 768px) {
  .partners-logos {
    gap: 25px;
    min-height: 180px;
  }

  .partner-card {
    width: 120px;
    height: 120px;
  }

  .partner-card img {
    width: 55px;
    height: 55px;
  }
}


/* ======== 客户反馈模块（最终版） ======== */
.feedback-float {
  position: relative;
  width: 100%;
  padding: 70px 0 80px; /* 上下留白改成60和80，整体往上靠但保留底部 */
  text-align: center;
  margin-top: -120px;
  overflow: hidden;
}

/* 标题与副标题间距微调 */
.feedback-float h2 {
  margin-top: 0;
  margin-bottom: 10px;
}

.feedback-float p.subtitle {
  margin-bottom: 40px; /* 比原来稍小，让卡片更靠近标题 */
}


/* ===== 客户反馈背景（保留新版色彩，但不带字体） ===== */
.feedback-bg {
  position: absolute;
  inset: 0;
  background: #fff5ec; /* 你这张图的奶黄主色 */
  z-index: 1;
}

@keyframes bgGlow {
  0% { filter: blur(18px) brightness(1); }
  100% { filter: blur(25px) brightness(1.1); }
}

/* 标题部分 */
.feedback-header {
  position: relative;
  z-index: 3;
  margin-bottom: 50px;
}

.feedback-header .section-title {
  font-size: 2.4rem;
  font-weight: 700;
  color: #222;
  margin-bottom: 10px;  /* ✅ 强制缩小主标题下方间距 */
  line-height: 1.2;
}

.feedback-header .section-subtitle {
  font-size: 1rem;
  color: #777;
  margin-top: 0;       /* ✅ 去掉多余的顶部间距 */
  line-height: 1.4;
}


/* 卡片容器 */
.feedback-stack {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0px;
  padding: 0 80px;
  z-index: 2;
}

/* 单个卡片 */
.fb-card {
  position: relative;
  width: 320px;
  padding: 45px 35px 35px;
  background: rgba(255,255,255,0.7);
  border-radius: 18px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.1);
  overflow: hidden;
  text-align: left;
  transition: all 0.35s ease;
  z-index: 2;
  margin-left: -60px;
}

.fb-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 18px 35px rgba(255,102,102,0.25);
}

/* 背景图层 */
.fb-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  opacity: 0.9;
  filter: blur(0px);
  filter: brightness(0.85) contrast(1.02);
  transform: scale(1.02);
  z-index: 0;
}

/* 每张卡片背景图 */
.card1::before {
  background-image: url("https://redrabbittravel-jp.com/mobile-slider/feedback-bg1.jpg");
}
.card2::before {
  background-image: url("https://redrabbittravel-jp.com/mobile-slider/feedback-bg2.jpg");
}
.card3::before {
  background-image: url("https://redrabbittravel-jp.com/mobile-slider/feedback-bg3.jpg");
}
.card4::before {
  background-image: url("https://redrabbittravel-jp.com/mobile-slider/feedback-bg4.jpg");
}

/* 内容置顶 */
.fb-card * {
  position: relative;
  z-index: 1;
}

/* 文本部分 */
.fb-card p {
  font-size: 1rem;
  line-height: 1.8;
  color: #fff; /* 白色文字 */
  margin-bottom: 25px;
  font-family: 'Noto Serif SC', serif;
  text-shadow:
    -1px -1px 2px rgba(0,0,0,0.8),
     1px -1px 2px rgba(0,0,0,0.8),
    -1px  1px 2px rgba(0,0,0,0.8),
     1px  1px 2px rgba(0,0,0,0.8); /* ✅ 黑色描边实现 */
}

/* 作者 */
.fb-author {
  text-align: right;
  font-size: 0.9rem;
  color: #fff;
  text-shadow:
    -1px -1px 2px rgba(0,0,0,0.8),
     1px -1px 2px rgba(0,0,0,0.8),
    -1px  1px 2px rgba(0,0,0,0.8),
     1px  1px 2px rgba(0,0,0,0.8);
}

/* 重叠错位 */
.card1 { transform: rotate(-3deg) translateY(20px); z-index: 4; }
.card2 { transform: rotate(2deg) translateY(-10px); z-index: 3; }
.card3 { transform: rotate(-1deg) translateY(30px); z-index: 2; }
.card4 { transform: rotate(3deg) translateY(-15px); z-index: 1; }

/* 响应式 */
@media (max-width: 768px) {
  .feedback-stack {
    padding: 0 30px;
    gap: 25px;
  }
  .fb-card {
    width: 100%;
    max-width: 360px;
    transform: none !important;
  }
}

.footer {
  background: linear-gradient(135deg, #2b1030 0%, #3b1550 50%, #4a1765 100%);
  color: #eee;
  padding: 80px 60px 40px;
  font-family: 'Noto Serif SC', 'Playfair Display', serif;
  position: relative;
}

.footer a {
  color: #ffb76b; /* 橙金点缀 */
  transition: 0.3s;
}
.footer a:hover {
  color: #ffd080;
}

/* 分割线 */
.footer-line {
  height: 2px;
  width: 60%;
  background: radial-gradient(circle, rgba(255,130,150,0.9) 0%, transparent 70%);
  margin: 0 auto 60px;
}

/* 主体布局 */
.footer-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 1200px;
  margin: auto;
  gap: 40px;
}
.footer-left, .footer-right {
  flex: 1;
}

/* 左侧 */
.footer-left h3 {
  font-size: 1.4rem;
  color: #fff;
  margin-bottom: 12px;
}
.footer-left p {
  color: #ddd;
  margin: 4px 0;
  font-size: 0.95rem;
  line-height: 1.6;
}

/* ===== 右侧（联系我们） ===== */
.footer-right {
  flex: 1;
  text-align: center;
}

.footer-right h4 {
  color: #fff;
  font-size: 1.4rem;
  margin-bottom: 12px;
  transform: translateX(-30px);
}

/* 联系方式列表 */
.footer-right ul {
  list-style: none;
  padding: 0;
  margin: 0;
  transform: translateX(70px);
}

.footer-right li {
  display: flex;
  align-items: center;
  margin: 10px 0;
  font-size: 0.95rem;
  line-height: 1.2;
}

/* 左侧标签部分（图标 + 冒号） */
.footer-right li span:first-child {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  width: 135px; /* 控制所有标签宽度统一，让冒号对齐 */
  color: #ff9fb3;
  text-align: right;
  gap: 6px;
}

/* 图标统一风格 */
.footer-right li span:first-child i {
  font-size: 18px;
  color: #ff9bb0;
  transition: 0.3s ease;
}

.footer-right li span:first-child i:hover {
  transform: scale(1.2);
  color: #fff;
}

/* 右侧文字部分 */
.footer-right li span:last-child {
  color: #f1f1f1;
  word-break: break-all;
}

/* ===== 社交图标（左栏底部） ===== */
.social-icons {
  display: flex;
  justify-content: center;
  gap: 18px;
  margin-top: 20px;
  transform: translateX(310px)translateY(30px);
}
.social-icons i {
  font-size: 30px;
  color: #ff9bb0;
  transition: 0.3s ease;
}
.social-icons i:hover {
  transform: scale(1.25);
  color: #fff;
}

/* ===== 底部文字 ===== */
.footer-bottom {
  margin-top: 60px;
  text-align: center;
}
.footer-bottom .slogan {
  color: #ff8090;
  font-weight: 500;
  margin-bottom: 10px;
  font-size: 1.1rem;
}
.footer-bottom .copyright {
  color: #ccc;
  font-size: 0.85rem;
}