/* ============================================================
   英文首页轮播 · 左侧红色文字块 + 链接入口按钮
   ------------------------------------------------------------
   作用域双重限定，互不干扰：
     ① .swiper-127-1  → 只命中英文首页轮播区块（中文站是 .swiper-59-1）
     ② .ln-cap-pos / .ln-cap → 只命中你主动加了类的那几张图
   没加类的 slide 完全不受影响（空 inside-tb 不会出现空红色块）
   ============================================================ */

/* ---------- 1. 文字块定位（仅加了 ln-cap-pos 的 slide） ---------- */
.swiper-127-1 .swiper-slide .inner.ln-cap-pos{
  left:6%;
  right:auto;
  top:50%;
  bottom:auto;
  width:36%;
  padding:0;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
}

/* ---------- 2. 红色主体背景 ---------- */
.swiper-127-1 .swiper-slide .inside-tb.ln-cap{
  background-color:#9c113ced;
  padding:50px 40px 66px;
}

/* ---------- 3. 标题：衬线字体 ---------- */
.swiper-127-1 .swiper-slide .ln-cap h3{
  display:block;
  margin:0 0 14px;
  font-size:36px;
  line-height:1.22;
  color:#ffffff;
  font-weight:400;
  font-family:Georgia,"Times New Roman",Times,"Songti SC","STSong",serif;
}

/* ---------- 4. 金色分隔线 ---------- */
.swiper-127-1 .swiper-slide .ln-cap .cap-line{
  display:block;
  width:88px;
  height:3px;
  background-color:#d9b26a;
  margin:0 0 16px;
}

/* ---------- 5. 正文 ---------- */
.swiper-127-1 .swiper-slide .ln-cap p{
  display:block;
  margin:0 0 30px;
  font-size:15px;
  line-height:1.75;
  color:#ffffff;
}

/* ---------- 6. 链接入口按钮组 ----------
   两个按钮外观一致：默认「浅灰描边 + 透明底 + 白字 + 无箭头」，
   鼠标悬停 / 键盘聚焦时「金色实底 + 深红字 + 箭头滑入」。
   若日后想让两个按钮分化，在下方加 .ln-btn--primary / .ln-btn--ghost 单条规则即可。
*/
.swiper-127-1 .swiper-slide .ln-btns{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  gap:12px;
}

.swiper-127-1 .swiper-slide .ln-btn{
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  padding:12px 22px;
  font-size:14px;
  line-height:1;
  font-weight:700;
  text-decoration:none;
  border-radius:2px;
  /* 默认态：浅灰描边、无背景、白字 */
  background-color:transparent;
  border:2px solid #c8c8c8;
  color:#ffffff;
  -webkit-transition:background-color .25s ease,color .25s ease,border-color .25s ease;
  transition:background-color .25s ease,color .25s ease,border-color .25s ease;
}

/* 悬停 / 聚焦：金色实底 + 深红字 + 金色描边 */
.swiper-127-1 .swiper-slide .ln-btn:hover,
.swiper-127-1 .swiper-slide .ln-btn:focus{
  text-decoration:none;
  background-color:#d9b26a;
  border-color:#d9b26a;
  color:#6d0b28;
}

/* 箭头：默认完全收起（零宽、透明、左移），悬停/聚焦才展开滑入 */
.swiper-127-1 .swiper-slide .ln-btn .ln-arrow{
  display:inline-block;
  overflow:hidden;
  max-width:0;
  margin-left:0;
  opacity:0;
  -webkit-transform:translateX(-4px);
  transform:translateX(-4px);
  -webkit-transition:max-width .25s ease,margin-left .25s ease,opacity .2s ease,transform .25s ease;
  transition:max-width .25s ease,margin-left .25s ease,opacity .2s ease,transform .25s ease;
}
.swiper-127-1 .swiper-slide .ln-btn:hover .ln-arrow,
.swiper-127-1 .swiper-slide .ln-btn:focus .ln-arrow{
  max-width:20px;
  margin-left:7px;
  opacity:1;
  -webkit-transform:translateX(0);
  transform:translateX(0);
}

/* ---------- 7. 窄屏（<992px 时主题的高度规则不再生效，轮播只有约 234px 高，
   且翻页箭头正好在垂直中部，因此红块必须压扁、并隐藏摘要段落） ---------- */
@media only screen and (max-width:1024px){
  #main .swiper-127-1 .swiper-slide .inner.ln-cap-pos{
    left:0;
    right:auto;
    top:auto;
    bottom:0;
    width:100%!important;
    padding:0;
    -webkit-transform:none;
    transform:none;
  }
  .swiper-127-1 .swiper-slide .inside-tb.ln-cap{
    padding:12px 5% 13px;
  }
  .swiper-127-1 .swiper-slide .ln-cap h3{
    font-size:18px;
    line-height:1.2;
    margin:0 0 6px;
  }
  .swiper-127-1 .swiper-slide .ln-cap .cap-line{
    width:36px;
    height:2px;
    margin:0 0 9px;
  }
  /* 窄屏隐藏摘要：轮播太矮，段落既看不清也会压住翻页箭头。
     若想保留，把下面这条 display:none 换成两行截断版本（见方案文档 4.3） */
  .swiper-127-1 .swiper-slide .ln-cap p{
    display:none;
  }
  .swiper-127-1 .swiper-slide .ln-btns{
    gap:8px;
  }
  .swiper-127-1 .swiper-slide .ln-btn{
    padding:8px 13px;
    font-size:12px;
  }
  /* 触屏无 hover，箭头按「不显示」处理，保持与默认态一致 */
}
