/*
 * VIPZAI PC 首页专用样式（整理版）
 * 路径：/skin/css/eyou-home-original.css
 * 作用域：body.vip-home-original-template
 * 说明：保留现有首页布局，只稳定轮播、图片区域与交互焦点。
 */

body.vip-home-original-template {
  color: var(--vip-text, #555);
  font-family: var(--vip-font, "Microsoft YaHei", "PingFang SC", "Helvetica Neue", Arial, sans-serif);
  background: #fff;
}

.vip-home-original-template *,
.vip-home-original-template *::before,
.vip-home-original-template *::after {
  box-sizing: border-box;
}

.vip-home-original-template .vip-home-visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.vip-home-original-template .vip-home-skip {
  position: fixed;
  left: 12px;
  top: -80px;
  z-index: 100000;
  padding: 10px 14px;
  color: var(--vip-primary, #116bc4);
  background: #fff;
  border: 1px solid var(--vip-primary, #116bc4);
}

.vip-home-original-template .vip-home-skip:focus {
  top: 12px;
}

/* 顶部和原版头部 */
.vip-home-original-template .top201 {
  color: #666;
  background: #f7f8fa;
  border-bottom-color: #e7eaee;
}

.vip-home-original-template .top201 .r201 ul {
  display: flex;
  align-items: center;
  gap: 0;
}

.vip-home-original-template .top201 .r201 li {
  position: relative;
  padding: 0 10px;
}

.vip-home-original-template .top201 .r201 li + li::before {
  content: "|";
  position: absolute;
  left: 0;
  color: #c5cbd1;
}

.vip-home-original-template .h201_main {
  border-bottom: 1px solid #eef1f4;
  box-shadow: 0 2px 10px rgba(21, 48, 74, .04);
}

.vip-home-original-template .h201_main .logo201 {
  margin-top: 20px;
}

.vip-home-original-template .h201_main .logo201 img {
  width: 515px;
  height: 80px;
  object-fit: contain;
}

.vip-home-original-template .h201_main .ss201 {
  width: 280px;
  height: 38px;
  line-height: 38px;
  margin-top: 41px;
}

.vip-home-original-template .h201_main .ss201 form {
  position: relative;
  height: 38px;
  border: 1px solid #dfe4e8;
  background: #f7f8fa;
}

.vip-home-original-template .h201_main .ss201 .stxt201 {
  width: 234px;
  height: 36px;
  line-height: 36px;
  padding: 0 10px;
  color: #555;
  font-family: inherit;
  background: transparent;
}

.vip-home-original-template .h201_main .ss201 .sbtn201 {
  right: 0;
  top: 0;
  width: 44px;
  height: 36px;
  overflow: hidden;
  color: transparent;
  font-size: 0;
  background-color: var(--vip-primary, #116bc4);
}

.vip-home-original-template .nav201 {
  background: var(--vip-primary, #116bc4);
}

.vip-home-original-template .nav201 .na201 li a:hover,
.vip-home-original-template .nav201 .na201 li a.hover,
.vip-home-original-template .nav201 .na201 li #hover2 {
  background: var(--vip-primary-dark, #204c97);
}

.vip-home-original-template .nav201 .na201 dl {
  background: var(--vip-primary, #116bc4);
}

.vip-home-original-template .nav201 .na201 dl dd a:hover,
.vip-home-original-template .nav201 .na201 dl dd a.hover {
  background: var(--vip-primary-dark, #204c97);
}

/* 首页 Banner：固定 600px 画布，切换时只改变透明度，不参与文档流重排。 */
.vip-home-original-template .b182 {
  position: relative;
  isolation: isolate;
  width: 100%;
  height: 600px;
  min-height: 600px;
  overflow: hidden;
  background: #eef2f5;
}

.vip-home-original-template .b182 .list182 {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.vip-home-original-template .b182 .list182 > li {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block !important;
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity .55s ease;
  backface-visibility: hidden;
}

.vip-home-original-template .b182 .list182 > li.is-active {
  z-index: 2;
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

.vip-home-original-template .b182 .list182 > li > a {
  display: block;
  width: 100%;
  height: 100%;
}

.vip-home-original-template .b182 .list182 img {
  position: static;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  object-fit: cover;
  object-position: center;
}

.vip-home-original-template .b182 .tip182 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.vip-home-original-template .b182 .tip182 span {
  margin: 0;
}

.vip-home-original-template .b182 .prev182,
.vip-home-original-template .b182 .next182 {
  padding: 0;
  border: 0;
  appearance: none;
}

.vip-home-original-template .b182 .prev182:focus-visible,
.vip-home-original-template .b182 .next182:focus-visible,
.vip-home-original-template .b182 .tip182 span:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 3px;
}

/* SEO 主标题：只增加一条紧凑信息带，不改变原模块顺序。 */
.vip-home-original-template .vip-home-seo-intro {
  padding: 24px 0 22px;
  text-align: center;
  background: #fff;
  border-bottom: 1px solid var(--vip-border-soft, #eef1f4);
}

.vip-home-original-template .vip-home-seo-intro h1 {
  margin: 0;
  color: var(--vip-heading, #222);
  font-size: 28px;
  line-height: 1.45;
  font-weight: 700;
}

.vip-home-original-template .vip-home-seo-intro p {
  max-width: 920px;
  margin: 9px auto 0;
  color: var(--vip-text, #555);
  font-size: 15px;
  line-height: 1.75;
}

/* 首页产品中心：分类全部显示，产品固定 4 列 × 2 行。 */
.vip-home-original-template .vip-home-product-section { width:1200px; margin:0 auto; padding:44px 0 46px; }
.vip-home-original-template .vip-home-product-section .prctit { text-align:center; }
.vip-home-original-template .vip-home-product-section .prctit h2 { margin:0; color:var(--vip-heading,#222); font-size:30px; line-height:1.4; font-weight:700; }
.vip-home-original-template .vip-home-product-section .prctit h2::after { content:""; display:block; width:46px; height:3px; margin:12px auto 0; background:var(--vip-primary,#116bc4); }
.vip-home-original-template .vip-home-product-categories { margin:24px 0 22px; }
.vip-home-original-template .vip-home-product-categories ul { display:flex; flex-wrap:wrap; justify-content:center; gap:9px; margin:0; padding:0; list-style:none; }
.vip-home-original-template .vip-home-product-categories li { margin:0; padding:0; }
.vip-home-original-template .vip-home-product-categories a { display:block; min-width:126px; padding:10px 16px; color:var(--vip-text,#555); line-height:1.4; text-align:center; background:var(--vip-bg-soft,#f7f8fa); border:1px solid var(--vip-border,#e5e9ed); }
.vip-home-original-template .vip-home-product-categories a:hover { color:#fff; background:var(--vip-primary,#116bc4); border-color:var(--vip-primary,#116bc4); }
.vip-home-original-template .vip-home-product-grid ul { display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; width:100%; margin:0; padding:0; list-style:none; }
.vip-home-original-template .vip-home-product-grid li { position:static !important; display:block !important; width:auto !important; height:auto !important; margin:0 !important; padding:0 !important; float:none !important; overflow:hidden; background:#fff; border:1px solid var(--vip-border,#e5e9ed); box-shadow:0 5px 16px rgba(25,55,78,.05); }
.vip-home-original-template .vip-home-product-grid li>a { display:flex; flex-direction:column; height:100%; color:inherit; }
.vip-home-original-template .vip-home-product-image { display:flex; align-items:center; justify-content:center; width:100%; aspect-ratio:1/1; padding:12px; overflow:hidden; background:#fff; border-bottom:1px solid var(--vip-border-soft,#eef1f4); }
.vip-home-original-template .vip-home-product-image img { display:block; width:100%; height:100%; max-width:100%; object-fit:contain; object-position:center; image-rendering:auto; }
.vip-home-original-template .vip-home-product-name { display:-webkit-box; min-height:54px; margin:0; padding:11px 12px; overflow:hidden; color:var(--vip-heading,#222); font-size:16px; line-height:1.55; font-weight:400; text-align:center; background:#fff; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.vip-home-original-template .vip-home-product-grid li:hover { border-color:var(--vip-primary,#116bc4); }
.vip-home-original-template .vip-home-product-grid li:hover .vip-home-product-name { color:#fff; background:var(--vip-primary,#116bc4); }
.vip-home-original-template .vip-home-product-section .pmore { margin-top:28px; }

/* 原版关于我们 */
.vip-home-original-template .about290 .ab290 {
  padding-top: 72px;
  padding-bottom: 72px;
}

.vip-home-original-template .about290 .ab290 .part3 {
  background: var(--vip-primary, #116bc4);
  box-shadow: 0 12px 34px rgba(17, 107, 196, .16);
}

.vip-home-original-template .about290 .ab290 .part3 .img picture,
.vip-home-original-template .about290 .ab290 .part3 .img img {
  display: block;
  width: 100%;
  height: 100%;
}

.vip-home-original-template .about290 .ab290 .part3 .img img {
  object-fit: cover;
}

.vip-home-original-template .about290 .ab290 .part3 .txt h2 {
  margin: 0;
  color: #fff;
  font-size: 30px;
  line-height: 1.4;
  font-weight: 700;
}

.vip-home-original-template .about290 .vip-home-about-en {
  margin: 4px 0 0;
  padding: 0 !important;
  color: rgba(255,255,255,.78) !important;
  font-size: 15px;
  text-transform: uppercase;
}

.vip-home-original-template .about290 .ab290 .part3 .txt p.desc {
  padding-top: 34px;
  line-height: 1.85;
}

/* 优势保持原版背景与错落位置，仅统一文字。 */
.vip-home-original-template .eyys .ystit .tit,
.vip-home-original-template .case231_main .ctit231 .tit,
.vip-home-original-template .news_326 .tit h2 a {
  font-weight: 700;
}

.vip-home-original-template .floor .eylist .item .txt h3 {
  font-size: 21px;
  line-height: 1.45;
}

.vip-home-original-template .floor .eylist .item .txt p {
  line-height: 1.75;
}

/* 案例和新闻仅做边框、标题与图片裁切。 */
.vip-home-original-template .case231_main {
  padding-top: 56px;
  padding-bottom: 50px;
  background: #fff;
}

.vip-home-original-template .case231_main .ctit231 .tit,
.vip-home-original-template .news_326 .tit h2 a {
  color: var(--vip-primary, #116bc4);
  font-size: 34px;
}

.vip-home-original-template .case231_main .ctit231 .subtit,
.vip-home-original-template .news_326 .tit p {
  font-size: 20px;
  color: #a9b0b7;
}

.vip-home-original-template .case231_main .icase231 img,
.vip-home-original-template .news_326 .news_list img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* 原生案例轮播隐藏非当前项时，固定大图区域尺寸，避免内容切换产生位移。 */
.vip-home-original-template .case231_main #pic231,
.vip-home-original-template .case231_main #pic231 .bd,
.vip-home-original-template .case231_main #pic231 .bd > ul {
  width: 600px;
  height: 450px;
  overflow: hidden;
}

.vip-home-original-template .case231_main #pic231 .bd > ul > li[hidden] {
  display: none;
}

.vip-home-original-template .case231_main #pic231 .hd li:focus-visible {
  outline: 2px solid var(--vip-primary, #116bc4);
  outline-offset: 2px;
}

.vip-home-original-template .news_326 {
  padding-top: 20px;
  padding-bottom: 38px;
  margin-bottom: 0;
  background: #f7f8fa;
}

.vip-home-original-template .news_326 .tit h2 {
  margin: 0;
}

.vip-home-original-template .news_326 .news_list li {
  overflow: hidden;
  background: #fff;
  border: 1px solid #e5e9ed;
  box-shadow: 0 4px 14px rgba(24, 53, 73, .04);
}

.vip-home-original-template .news_326 .news_list span.title,
.vip-home-original-template .news_326 .news_list p {
  width: auto;
  margin-left: 14px;
  margin-right: 14px;
}

.vip-home-original-template .news_326 .news_list b {
  overflow: hidden;
  background: #eef2f5;
}

.vip-home-original-template .news_326 .news_list p {
  min-height: 60px;
}

/* 原版通用“查看更多”按钮只做轻量收口。 */
.vip-home-original-template .pmore a {
  color: #555;
  border: 1px solid #d9dee3;
  border-radius: 2px;
  background: #fff;
}

.vip-home-original-template .pmore a:hover {
  color: #fff;
  border-color: var(--vip-primary, #116bc4);
  border-radius: 2px;
  background: var(--vip-primary, #116bc4);
}

/* 友情链接与原版页脚 */
.vip-home-original-template .link192 {
  border-top: 1px solid #e8ecf0;
}

.vip-home-original-template .link192 h2 {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
}

.vip-home-original-template .footer169 .b169_main {
  padding-top: 46px;
  padding-bottom: 36px;
}

.vip-home-original-template .footer169 .b169_main .lx169 h2 {
  margin: 0 0 32px;
  color: #fff;
  font-size: 20px;
  line-height: 1.4;
}

.vip-home-original-template .footer169 .b169_main .bnav169 dl dt a,
.vip-home-original-template .footer169 .b169_main .bnav169 dl dd a {
  transition: color .2s ease;
}

.vip-home-original-template .footer169 .b169_main .bnav169 a:hover {
  color: #79c8ed;
}

@media (prefers-reduced-motion: reduce) {
  .vip-home-original-template .b182 .list182 > li,
  .vip-home-original-template .case231_main .item,
  .vip-home-original-template .pmore a,
  .vip-home-original-template .footer169 a {
    transition: none;
    animation: none;
  }
}