/* ============================================================
   亿恩凯站点模板 · 页面内容样式（命名空间隔离版 .sy-page）
   由 assets/css/style.css 自动生成，所有选择器限定在 .sy-page 内
   品牌变量：--sany-red / --sany-dark 等
   ============================================================ */

:root{
  --sany-red:#ed6a18;
  --sany-dark:#1a1a1a;
  --sany-gray:#666;
  --sany-gray-l:#999;
  --sany-light:#f5f5f5;
  --sany-border:#e5e5e5;
  --max-width:1400px;
  }

.sy-page *{
  margin:0;
  padding:0;
  box-sizing:border-box;
  }

.sy-page{
  font-family:"Microsoft YaHei","PingFang SC","Helvetica Neue",sans-serif;
  color:#333;
  background:#fff;
  -webkit-font-smoothing:antialiased;
  }

.sy-page a{
  text-decoration:none;
  color:inherit;
  }

.sy-page ul,
.sy-page ol{
  list-style:none;
  }

.sy-page img{
  max-width:100%;
  /* 图片带 width/height 属性时，浏览器会把属性高度当成 CSS 的 px 高度用；
     宽度又被 max-width:100% 压小，横图就会被压扁（卡片同时被撑高）。
     补 CLS 尺寸属性时必须同时保留这一条 height:auto。 */
  height:auto;
  display:block;
  }

.sy-page .container{
  max-width:var(--max-width);
  margin:0 auto;
  padding:0 20px;
  }

.sy-page .topbar{
  background:var(--sany-dark);
  color:#fff;
  font-size:12px;
  height:34px;
  line-height:34px;
  }

.sy-page .topbar .container{
  display:flex;
  justify-content:space-between;
  }

.sy-page .topbar a{
  margin-left:18px;
  opacity:.8;
  }

.sy-page .topbar a:hover{
  opacity:1;
  color:var(--sany-red);
  }

.sy-page .header{
  background:#fff;
  box-shadow:0 2px 8px rgba(0,0,0,.06);
  position:sticky;
  top:0;
  z-index:100;
  }

.sy-page .header .container{
  display:flex;
  align-items:center;
  height:72px;
  gap:40px;
  }

.sy-page .logo img{
  height:44px;
  }

.sy-page .logo-placeholder{
  font-size:26px;
  font-weight:800;
  color:var(--sany-red);
  letter-spacing:2px;
  line-height:1;
  }

.sy-page .logo-placeholder small{
  display:block;
  font-size:10px;
  color:var(--sany-gray);
  font-weight:400;
  letter-spacing:4px;
  margin-top:4px;
  }

.sy-page .nav{
  display:flex;
  flex:1;
  }

.sy-page .nav>li{
  position:relative;
  }

.sy-page .nav>li>a{
  display:block;
  padding:0 18px;
  font-size:16px;
  font-weight:600;
  height:72px;
  line-height:72px;
  transition:.2s;
  white-space:nowrap;
  }

.sy-page .nav>li>a:hover,
.sy-page .nav>li.active>a{
  color:var(--sany-red);
  border-bottom:3px solid var(--sany-red);
  }

.sy-page .dropdown{
  position:absolute;
  top:72px;
  left:0;
  min-width:180px;
  background:#fff;
  box-shadow:0 8px 20px rgba(0,0,0,.1);
  opacity:0;
  visibility:hidden;
  transform:translateY(8px);
  transition:.25s;
  }

.sy-page .nav>li:hover .dropdown{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
  }

.sy-page .dropdown a{
  display:block;
  padding:12px 20px;
  font-size:14px;
  border-bottom:1px solid var(--sany-border);
  white-space:nowrap;
  }

.sy-page .dropdown a:hover{
  background:var(--sany-light);
  color:var(--sany-red);
  }

.sy-page .search-box{
  width:170px;
  height:36px;
  border:1px solid var(--sany-border);
  border-radius:18px;
  display:flex;
  align-items:center;
  padding:0 14px;
  }

.sy-page .search-box input{
  border:none;
  outline:none;
  flex:1;
  font-size:13px;
  width:100%;
  }

.sy-page .search-box::before{
  content:"🔍";
  margin-right:6px;
  font-size:13px;
  }

.sy-page .section{
  padding:70px 0;
  }

.sy-page .section-gray{
  background:var(--sany-light);
  }

.sy-page .section-head{
  text-align:center;
  margin-bottom:44px;
  }

.sy-page .section-head h2{
  font-size:34px;
  font-weight:800;
  letter-spacing:2px;
  }

.sy-page .section-head h2 em{
  font-style:normal;
  color:var(--sany-red);
  }

.sy-page .section-head p{
  margin-top:10px;
  color:var(--sany-gray);
  font-size:15px;
  letter-spacing:1px;
  }

.sy-page .section-head::after{
  content:"";
  display:block;
  width:48px;
  height:4px;
  background:var(--sany-red);
  margin:18px auto 0;
  }

.sy-page .section-head.left{
  text-align:left;
  }

.sy-page .section-head.left::after{
  margin-left:0;
  }

.sy-page .img-placeholder{
  background:repeating-linear-gradient(45deg,#f2f2f2,#f2f2f2 12px,#eaeaea 12px,#eaeaea 24px);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  color:#aaa;
  font-size:13px;
  text-align:center;
  padding:0 10px;
  height:190px;
  }

.sy-page .img-placeholder::before{
  content:"🖼";
  font-size:30px;
  margin-bottom:8px;
  opacity:.6;
  }

/* ---------- 真实配图容器（替代斜纹占位块） ---------- */
.sy-page .img-ph{
  height:190px;
  overflow:hidden;
  background:#eceff3;
  }
.sy-page .img-ph img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .5s;
  }
.sy-page .product-card:hover .img-ph img,
.sy-page .case-card:hover .img-ph img{
  transform:scale(1.05);
  }
.sy-page .product-grid.cols-3 .img-ph{
  height:210px;
  }
.sy-page .case-card .img-ph{
  height:210px;
  }
.sy-page .case-row-item .img-ph{
  height:160px;
  }
.sy-page .equip-card .img-ph{
  height:190px;
  }
.sy-page .series-card .img-ph{
  height:220px;
  }
.sy-page .prod-card .img-ph{
  height:200px;
  }
.sy-page .detail-imgs .img-ph{
  height:340px;
  }
.sy-page .sol-card .img-ph{
  height:230px;
  }

.sy-page .btn{
  display:inline-block;
  padding:11px 32px;
  font-size:14px;
  border:1px solid transparent;
  transition:.2s;
  cursor:pointer;
  }

.sy-page .btn-solid{
  background:var(--sany-red);
  color:#fff;
  }

.sy-page .btn-solid:hover{
  filter:brightness(1.15);
  }

.sy-page .btn-outline{
  border-color:var(--sany-red);
  color:var(--sany-red);
  background:#fff;
  }

.sy-page .btn-outline:hover{
  background:var(--sany-red);
  color:#fff;
  }

.sy-page .btn-ghost{
  border-color:var(--sany-border);
  color:#333;
  background:#fff;
  }

.sy-page .btn-ghost:hover{
  border-color:var(--sany-red);
  color:var(--sany-red);
  }

.sy-page .btn-sm{
  padding:7px 18px;
  font-size:13px;
  }

.sy-page .link-more{
  color:var(--sany-red);
  font-size:14px;
  font-weight:600;
  }

.sy-page .banner{
  position:relative;
  height:520px;
  overflow:hidden;
  background:#111;
  }

.sy-page .slide{
  position:absolute;
  inset:0;
  opacity:0;
  transition:opacity .8s;
  display:flex;
  align-items:center;
  }

.sy-page .slide.active{
  opacity:1;
  }

/* banner 背景图上的暗色遮罩：左深右浅，保证左侧文案可读 */
.sy-page .slide::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(6,10,16,.88) 0%,rgba(6,10,16,.70) 36%,rgba(6,10,16,.34) 64%,rgba(6,10,16,.10) 100%);
  }

.sy-page .slide-1{
  background:url("../images/banner/banner-imaging-camera.jpg") center/cover no-repeat #141414;
  }

.sy-page .slide-2{
  background:url("../images/banner/banner-multi-industry-objects.jpg") center/cover no-repeat #101216;
  }

.sy-page .slide-3{
  background:url("../images/banner/banner-automotive-interior.jpg") center/cover no-repeat #12100e;
  }

.sy-page .slide-inner{
  position:relative;
  z-index:2;
  max-width:var(--max-width);
  margin:0 auto;
  width:100%;
  padding:0 60px;
  color:#fff;
  }

.sy-page .slide-tag{
  font-size:34px;
  font-weight:800;
  letter-spacing:4px;
  }

.sy-page .slide-title{
  font-size:22px;
  /* H1 与 div 的浏览器默认样式差异必须抹平，否则首屏标题会变粗、下方多出 0.67em 间距：
     h1 自带 font-weight:bold 与 margin:.67em 0，这里显式复位为与 div 一致。 */
  font-weight:400;
  margin:10px 0 0;
  color:#ddd;
  }

.sy-page .slide-desc{
  margin-top:24px;
  font-size:15px;
  color:#bbb;
  line-height:1.9;
  }

.sy-page .slide-desc span{
  display:block;
  }

.sy-page .slide-btn{
  display:inline-block;
  margin-top:30px;
  padding:12px 40px;
  background:var(--sany-red);
  color:#fff;
  font-size:15px;
  }

.sy-page .slide-btn:hover{
  filter:brightness(1.15);
  }

.sy-page .banner-dots{
  position:absolute;
  bottom:24px;
  left:50%;
  transform:translateX(-50%);
  display:flex;
  gap:10px;
  z-index:5;
  }

.sy-page .banner-dots span{
  width:32px;
  height:4px;
  background:rgba(255,255,255,.35);
  cursor:pointer;
  transition:.3s;
  }

.sy-page .banner-dots span.active{
  background:var(--sany-red);
  }

.sy-page .page-hero{
  position:relative;
  padding:64px 0 56px;
  color:#fff;
  background:linear-gradient(120deg,#2c2c2c 0%,#121212 70%);
  overflow:hidden;
  }

.sy-page .page-hero::after{
  content:"";
  position:absolute;
  right:-60px;
  top:-40px;
  width:420px;
  height:420px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(237,106,24,.22),transparent 70%);
  }

.sy-page .page-hero .container{
  position:relative;
  z-index:2;
  }

.sy-page .page-hero h1{
  font-size:38px;
  font-weight:800;
  letter-spacing:2px;
  }

.sy-page .page-hero h1 small{
  display:block;
  font-size:16px;
  font-weight:400;
  color:#bbb;
  letter-spacing:1px;
  margin-top:10px;
  }

.sy-page .page-hero p{
  margin-top:18px;
  font-size:15px;
  color:#c8c8c8;
  line-height:1.9;
  max-width:900px;
  }

.sy-page .page-hero .hero-actions{
  margin-top:26px;
  display:flex;
  gap:14px;
  }

.sy-page .breadcrumb{
  font-size:13px;
  color:#999;
  margin-bottom:18px;
  }

.sy-page .breadcrumb a:hover{
  color:var(--sany-red);
  }

.sy-page .breadcrumb span{
  margin:0 8px;
  }

.sy-page .sub-nav{
  position:sticky;
  top:72px;
  z-index:60;
  background:#fff;
  border-bottom:1px solid var(--sany-border);
  box-shadow:0 2px 6px rgba(0,0,0,.04);
  }

.sy-page .sub-nav .container{
  display:flex;
  gap:8px;
  overflow-x:auto;
  }

.sy-page .sub-nav a{
  display:block;
  padding:16px 22px;
  font-size:15px;
  font-weight:600;
  color:#555;
  white-space:nowrap;
  border-bottom:3px solid transparent;
  }

.sy-page .sub-nav a:hover,
.sy-page .sub-nav a.active{
  color:var(--sany-red);
  border-bottom-color:var(--sany-red);
  }

.sy-page .sub-nav .nav-inquiry{
  margin-left:auto;
  color:var(--sany-red);
  }

.sy-page .product-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:20px;
  }

.sy-page .product-grid.cols-3{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
  }

.sy-page .product-grid.cols-3 .img-placeholder{
  height:210px;
  }

.sy-page .product-grid.cols-3 .product-card-body h3{
  font-size:19px;
  }

.sy-page .product-grid.cols-3 .product-card-body h3 small{
  font-size:13px;
  }

.sy-page .product-card{
  background:#fff;
  border:1px solid var(--sany-border);
  overflow:hidden;
  transition:.3s;
  display:flex;
  flex-direction:column;
  }

.sy-page .product-card:hover{
  box-shadow:0 12px 30px rgba(0,0,0,.12);
  transform:translateY(-6px);
  border-color:transparent;
  }

.sy-page .product-card-body{
  padding:18px;
  flex:1;
  display:flex;
  flex-direction:column;
  }

.sy-page .product-card-body h3{
  font-size:17px;
  font-weight:800;
  }

.sy-page .product-card-body h3 small{
  display:block;
  font-size:12px;
  color:var(--sany-red);
  font-weight:600;
  margin-bottom:6px;
  }

.sy-page .product-card-body p{
  margin-top:10px;
  color:var(--sany-gray);
  font-size:13px;
  line-height:1.75;
  }

.sy-page .product-card-body p span{
  display:block;
  }

.sy-page .product-card-body .link-more{
  margin-top:auto;
  padding-top:14px;
  }

.sy-page .sol-tabs{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:12px;
  margin-bottom:40px;
  }

.sy-page .sol-tabs button{
  padding:10px 24px;
  border:1px solid var(--sany-border);
  background:#fff;
  cursor:pointer;
  font-size:14px;
  transition:.2s;
  font-family:inherit;
  }

.sy-page .sol-tabs button.active{
  background:var(--sany-red);
  border-color:var(--sany-red);
  color:#fff;
  }

.sy-page .tab-panel{
  display:none;
  }

.sy-page .tab-panel.active{
  display:block;
  }

.sy-page .sol-panel{
  display:none;
  grid-template-columns:1.1fr minmax(0,1fr);
  gap:40px;
  align-items:center;
  }

.sy-page .sol-panel.active{
  display:grid;
  }

.sy-page .sol-detail h3{
  font-size:26px;
  font-weight:800;
  }

.sy-page .sol-detail p{
  margin-top:18px;
  color:var(--sany-gray);
  line-height:2;
  font-size:15px;
  }

.sy-page .sol-tags{
  margin-top:24px;
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  }

.sy-page .sol-tags a{
  padding:8px 22px;
  border:1px solid var(--sany-red);
  color:var(--sany-red);
  font-size:14px;
  transition:.2s;
  }

.sy-page .sol-tags a:hover{
  background:var(--sany-red);
  color:#fff;
  }

.sy-page .case-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
  }

.sy-page .case-card{
  background:#fff;
  border:1px solid var(--sany-border);
  display:block;
  transition:.3s;
  }

.sy-page .case-card:hover{
  box-shadow:0 12px 30px rgba(0,0,0,.12);
  transform:translateY(-4px);
  }

.sy-page .case-card .img-placeholder{
  height:210px;
  }

.sy-page .case-card-body{
  padding:20px;
  }

.sy-page .case-card-body h4{
  font-size:17px;
  font-weight:800;
  line-height:1.6;
  }

.sy-page .case-card-body p{
  margin-top:10px;
  color:var(--sany-gray);
  font-size:13px;
  line-height:1.8;
  }

.sy-page .case-card-body p span{
  display:block;
  }

.sy-page .case-card-body span.more{
  display:block;
  margin-top:14px;
  color:var(--sany-red);
  font-size:13px;
  font-weight:600;
  }

.sy-page .case-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  margin-bottom:30px;
  }

.sy-page .case-head h2{
  font-size:30px;
  font-weight:800;
  }

.sy-page .case-head a{
  color:var(--sany-gray);
  font-size:14px;
  }

.sy-page .case-head a:hover{
  color:var(--sany-red);
  }

.sy-page .case-row{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
  }

.sy-page .case-row-item{
  border:1px solid var(--sany-border);
  background:#fff;
  transition:.3s;
  }

.sy-page .case-row-item:hover{
  box-shadow:0 10px 26px rgba(0,0,0,.1);
  }

.sy-page .case-row-item .img-placeholder{
  height:160px;
  }

.sy-page .case-row-item .txt{
  padding:16px 18px;
  }

.sy-page .case-row-item .txt h4{
  font-size:15px;
  line-height:1.6;
  font-weight:700;
  }

.sy-page .case-row-item .txt p{
  margin-top:8px;
  font-size:13px;
  color:var(--sany-gray);
  line-height:1.7;
  }

.sy-page .case-row-item .txt span{
  display:inline-block;
  margin-top:12px;
  color:var(--sany-red);
  font-size:13px;
  }

.sy-page .news-list{
  border-top:1px solid var(--sany-border);
  }

.sy-page .news-item{
  display:flex;
  align-items:center;
  gap:24px;
  padding:22px 0;
  border-bottom:1px solid var(--sany-border);
  transition:.2s;
  }

.sy-page .news-item:hover{
  background:#fafafa;
  padding-left:12px;
  }

.sy-page .news-item .date{
  color:var(--sany-gray-l);
  font-size:13px;
  white-space:nowrap;
  font-family:Arial,sans-serif;
  }

.sy-page .news-item h4{
  font-size:15px;
  font-weight:600;
  flex:1;
  }

.sy-page .news-item:hover h4{
  color:var(--sany-red);
  }

.sy-page .news-item .go{
  color:var(--sany-gray-l);
  font-size:13px;
  white-space:nowrap;
  }

.sy-page .service{
  background:linear-gradient(rgba(0,0,0,.75),rgba(0,0,0,.75)),repeating-linear-gradient(45deg,#222,#222 2px,#1c1c1c 2px,#1c1c1c 4px);
  color:#fff;
  padding:80px 0;
  text-align:center;
  }

.sy-page .service-stats{
  display:flex;
  justify-content:center;
  gap:120px;
  }

.sy-page .stat-num{
  font-size:56px;
  font-weight:800;
  color:var(--sany-red);
  }

.sy-page .stat-num small{
  font-size:30px;
  }

.sy-page .stat-label{
  margin-top:8px;
  font-size:18px;
  letter-spacing:2px;
  }

.sy-page .service-desc{
  margin-top:36px;
  color:#bbb;
  font-size:15px;
  letter-spacing:2px;
  }

.sy-page .service-actions{
  margin-top:36px;
  display:flex;
  justify-content:center;
  gap:20px;
  }

.sy-page .service-actions a{
  padding:13px 44px;
  font-size:15px;
  border:1px solid rgba(255,255,255,.5);
  color:#fff;
  transition:.2s;
  }

.sy-page .service-actions a.solid{
  background:var(--sany-red);
  border-color:var(--sany-red);
  }

.sy-page .service-actions a:hover{
  background:#fff;
  color:#111;
  border-color:#fff;
  }

.sy-page .service-actions a.solid:hover{
  background:#fff;
  color:var(--sany-red);
  }

.sy-page .service-hotline{
  margin-top:26px;
  font-size:14px;
  color:#ddd;
  }

.sy-page .service-hotline b{
  color:var(--sany-red);
  font-size:16px;
  }

.sy-page .footer{
  background:#141414;
  color:#999;
  padding:56px 0 0;
  font-size:13px;
  }

.sy-page .footer-grid{
  display:grid;
  grid-template-columns:2fr minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);
  gap:30px;
  padding-bottom:44px;
  border-bottom:1px solid #2a2a2a;
  }

.sy-page .footer h5{
  color:#fff;
  font-size:15px;
  margin-bottom:18px;
  }

.sy-page .footer li{
  margin-bottom:10px;
  }

.sy-page .footer a:hover{
  color:var(--sany-red);
  }

.sy-page .footer-bottom{
  padding:20px 0;
  text-align:center;
  color:#666;
  font-size:12px;
  }

.sy-page .brand-slogan{
  text-align:center;
  padding:56px 0 10px;
  }

.sy-page .brand-slogan .big{
  font-size:52px;
  font-weight:800;
  color:var(--sany-dark);
  letter-spacing:4px;
  line-height:1.3;
  }

.sy-page .brand-slogan .big em{
  font-style:normal;
  color:var(--sany-red);
  }

.sy-page .brand-slogan .sub{
  margin-top:14px;
  font-size:17px;
  color:var(--sany-gray);
  letter-spacing:2px;
  }

.sy-page .intro-2col{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:50px;
  align-items:center;
  }

.sy-page .intro-2col .txt h3{
  font-size:26px;
  font-weight:800;
  margin-bottom:20px;
  }

.sy-page .intro-2col .txt p{
  color:var(--sany-gray);
  font-size:15px;
  line-height:2.1;
  }

.sy-page .kv-row{
  display:flex;
  gap:60px;
  margin-top:28px;
  }

.sy-page .kv-row .kv .n{
  font-size:44px;
  font-weight:800;
  color:var(--sany-red);
  line-height:1;
  }

.sy-page .kv-row .kv .t{
  margin-top:8px;
  font-size:14px;
  color:var(--sany-gray);
  }

.sy-page .series-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
}

.sy-page .series-card{
  position:relative;
  border:1px solid var(--sany-border);
  background:#fff;
  display:block;
  transition:.3s;
  overflow:hidden;
  }

.sy-page .series-card:hover{
  box-shadow:0 12px 30px rgba(0,0,0,.12);
  }

.sy-page .series-card .img-placeholder{
  height:220px;
  }

.sy-page .series-card .name{
  padding:20px;
  font-size:19px;
  font-weight:700;
  display:flex;
  align-items:center;
  justify-content:space-between;
  }

.sy-page .series-card .name i{
  font-style:normal;
  color:var(--sany-red);
  font-size:16px;
  transition:.2s;
  }

.sy-page .series-card:hover .name i{
  transform:translateX(6px);
  }

.sy-page .link-cloud{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  }

.sy-page .link-cloud a{
  padding:10px 22px;
  background:#fff;
  border:1px solid var(--sany-border);
  font-size:14px;
  color:#555;
  transition:.2s;
  }

.sy-page .link-cloud a:hover{
  border-color:var(--sany-red);
  color:var(--sany-red);
  }

.sy-page .prod-card{
  border:1px solid var(--sany-border);
  background:#fff;
  display:flex;
  flex-direction:column;
  transition:.3s;
  }

.sy-page .prod-card:hover{
  box-shadow:0 12px 30px rgba(0,0,0,.12);
  transform:translateY(-6px);
  border-color:transparent;
  }

.sy-page .prod-card .img-placeholder{
  height:200px;
  }

.sy-page .prod-card .pc-body{
  padding:18px;
  flex:1;
  display:flex;
  flex-direction:column;
  }

.sy-page .prod-card .model{
  font-size:15px;
  font-weight:800;
  color:var(--sany-dark);
  word-break:break-all;
  }

.sy-page .prod-card .pname{
  margin-top:6px;
  font-size:13px;
  color:var(--sany-gray);
  }

.sy-page .prod-card .params{
  margin-top:14px;
  border-top:1px dashed var(--sany-border);
  padding-top:10px;
  }

.sy-page .spec{
  display:flex;
  align-items:baseline;
  gap:6px;
  font-size:13px;
  color:var(--sany-gray);
  margin-bottom:7px;
  }

.sy-page .spec .k{
  white-space:nowrap;
  }

.sy-page .spec .d{
  flex:1;
  border-bottom:1px dotted #ddd;
  transform:translateY(-4px);
  min-width:10px;
  }

.sy-page .spec .v{
  /* 值可能很长（如「有无 / 缺件 / 漏装 / 错装 / 装配状态」）。原来写死 nowrap，
     卡片一窄（手机端、中宽屏 3–4 列产品网格）整行就会撑出卡片并让整页横向溢出。
     允许换行在宽卡片下没有视觉差异，只在放不下时才生效。 */
  min-width:0;
  word-break:break-word;
  color:#333;
  font-weight:600;
  }

.sy-page .prod-card .pc-actions{
  margin-top:auto;
  padding-top:16px;
  display:flex;
  gap:10px;
  }

.sy-page .prod-card .pc-actions .btn{
  flex:1;
  text-align:center;
  padding:9px 0;
  font-size:13px;
  }

.sy-page .pd-top{
  padding:40px 0 50px;
  background:linear-gradient(120deg,#2c2c2c 0%,#141414 70%);
  color:#fff;
  }

.sy-page .pd-top-grid{
  display:grid;
  grid-template-columns:1.15fr minmax(0,1fr);
  gap:50px;
  align-items:center;
  }

.sy-page .pd-gallery{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  height:420px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#888;
  font-size:14px;
  flex-direction:column;
  gap:10px;
  }

.sy-page .pd-gallery::before{
  content:"🖼";
  font-size:44px;
  opacity:.5;
  }

/* 产品主图铺满（接入真实图后隐藏占位图标） */
.sy-page .pd-gallery:has(img)::before{
  content:none;
  }
.sy-page .pd-gallery img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  }

.sy-page .pd-info .code{
  font-size:20px;
  letter-spacing:2px;
  color:#bbb;
  font-family:Arial,sans-serif;
  }

.sy-page .pd-info h1{
  font-size:36px;
  font-weight:800;
  margin-top:10px;
  letter-spacing:2px;
  }

.sy-page .pd-info .key-params{
  margin-top:28px;
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  }

.sy-page .pd-info .key-params .kp{
  border:1px solid rgba(255,255,255,.2);
  padding:10px 20px;
  font-size:14px;
  color:#ddd;
  }

.sy-page .pd-info .key-params .kp b{
  color:#fff;
  }

.sy-page .usecase{
  margin-top:28px;
  }

.sy-page .usecase .lbl{
  font-size:14px;
  color:#bbb;
  margin-bottom:14px;
  }

.sy-page .usecase .list{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  }

.sy-page .usecase .list a{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
  font-size:12px;
  color:#ccc;
  width:74px;
  text-align:center;
  }

.sy-page .usecase .list a i{
  width:44px;
  height:44px;
  border-radius:50%;
  background:rgba(255,255,255,.1);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:18px;
  font-style:normal;
  }

.sy-page .usecase .list a:hover{
  color:#fff;
  }

.sy-page .usecase .list a:hover i{
  background:var(--sany-red);
  }

.sy-page .pd-info .pd-actions{
  margin-top:30px;
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  }

.sy-page .pd-info .pd-actions .btn-ghost{
  background:transparent;
  color:#fff;
  border-color:rgba(255,255,255,.4);
  }

.sy-page .pd-info .pd-actions .btn-ghost:hover{
  background:#fff;
  color:#111;
  border-color:#fff;
  }

.sy-page .param-wrap{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 40px;
  }

.sy-page .param-group{
  border-bottom:1px solid var(--sany-border);
  padding:18px 0;
  }

.sy-page .param-group>h4{
  font-size:16px;
  font-weight:700;
  display:flex;
  align-items:center;
  gap:8px;
  cursor:pointer;
  }

.sy-page .param-group>h4::before{
  content:"";
  width:8px;
  height:8px;
  background:var(--sany-red);
  border-radius:50%;
  flex:none;
  }

.sy-page .param-group>h4 .arrow{
  margin-left:auto;
  color:var(--sany-gray-l);
  font-size:13px;
  transition:.3s;
  }

.sy-page .param-group.open>h4 .arrow{
  transform:rotate(180deg);
  }

.sy-page .param-body{
  max-height:0;
  overflow:hidden;
  transition:max-height .35s ease;
  }

.sy-page .param-group.open .param-body{
  max-height:2000px;
  }

.sy-page .param-body .inner{
  padding-top:14px;
  }

.sy-page .param-body .spec{
  font-size:14px;
  margin-bottom:12px;
  }

.sy-page .feature-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  }

.sy-page .feature-list .fe{
  border:1px solid var(--sany-border);
  border-left:4px solid var(--sany-red);
  padding:20px 22px;
  background:#fafafa;
  }

.sy-page .feature-list .fe h5{
  font-size:15px;
  font-weight:700;
  margin-bottom:8px;
  }

.sy-page .feature-list .fe p{
  font-size:13px;
  color:var(--sany-gray);
  line-height:1.9;
  }

.sy-page .detail-imgs{
  display:flex;
  flex-direction:column;
  gap:20px;
  }

.sy-page .detail-imgs .img-placeholder{
  height:340px;
  }

.sy-page .filter-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:36px;
  justify-content:center;
  }

.sy-page .filter-tabs button{
  padding:9px 22px;
  border:1px solid var(--sany-border);
  background:#fff;
  font-size:14px;
  cursor:pointer;
  transition:.2s;
  font-family:inherit;
  }

.sy-page .filter-tabs button.active,
.sy-page .filter-tabs button:hover{
  background:var(--sany-red);
  border-color:var(--sany-red);
  color:#fff;
  }

.sy-page .sol-list{
  display:flex;
  flex-direction:column;
  gap:26px;
  }

.sy-page .sol-card{
  display:grid;
  grid-template-columns:380px minmax(0,1fr);
  gap:34px;
  border:1px solid var(--sany-border);
  background:#fff;
  padding:26px;
  transition:.3s;
  }

.sy-page .sol-card:hover{
  box-shadow:0 14px 34px rgba(0,0,0,.1);
  }

.sy-page .sol-card .img-placeholder{
  height:230px;
  }

.sy-page .sol-card .sc-body h3{
  font-size:23px;
  font-weight:800;
  }

.sy-page .sol-card .sc-body .cat{
  display:inline-block;
  margin-bottom:12px;
  font-size:12px;
  color:var(--sany-red);
  border:1px solid var(--sany-red);
  padding:2px 10px;
  letter-spacing:1px;
  }

.sy-page .sol-card .sc-body p{
  margin-top:14px;
  color:var(--sany-gray);
  font-size:14px;
  line-height:2;
  }

.sy-page .sol-card .sc-tags{
  margin-top:18px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  }

.sy-page .sol-card .sc-tags a{
  font-size:12px;
  padding:6px 16px;
  background:var(--sany-light);
  color:#555;
  transition:.2s;
  }

.sy-page .sol-card .sc-tags a:hover{
  background:var(--sany-red);
  color:#fff;
  }

.sy-page .sol-card .sc-actions{
  margin-top:22px;
  display:flex;
  gap:12px;
  }

.sy-page .adv-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
  }

.sy-page .adv-card{
  border:1px solid var(--sany-border);
  padding:26px;
  background:#fff;
  border-top:3px solid var(--sany-red);
  transition:.3s;
  }

.sy-page .adv-card:hover{
  box-shadow:0 12px 30px rgba(0,0,0,.09);
  transform:translateY(-4px);
  }

.sy-page .adv-card h4{
  font-size:18px;
  font-weight:800;
  margin-bottom:12px;
  }

.sy-page .adv-card p{
  font-size:14px;
  color:var(--sany-gray);
  line-height:2;
  }

.sy-page .equip-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
  }

.sy-page .equip-card{
  border:1px solid var(--sany-border);
  background:#fff;
  transition:.3s;
  }

.sy-page .equip-card:hover{
  box-shadow:0 12px 30px rgba(0,0,0,.12);
  transform:translateY(-6px);
  }

.sy-page .equip-card .img-placeholder{
  height:190px;
  }

.sy-page .equip-card .ec-body{
  padding:18px;
  }

.sy-page .equip-card .ec-body .model{
  font-size:15px;
  font-weight:800;
  }

.sy-page .equip-card .ec-body .pname{
  font-size:13px;
  color:var(--sany-gray);
  margin-top:5px;
  }

.sy-page .equip-card .ec-body .params{
  margin-top:12px;
  padding-top:10px;
  border-top:1px dashed var(--sany-border);
  }

.sy-page .equip-card .ec-actions{
  display:flex;
  gap:10px;
  margin-top:16px;
  }

.sy-page .equip-card .ec-actions .btn{
  flex:1;
  text-align:center;
  padding:8px 0;
  font-size:13px;
  }

.sy-page .steps{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:20px;
  counter-reset:step;
  }

.sy-page .step{
  position:relative;
  border:1px solid var(--sany-border);
  background:#fff;
  padding:26px 22px;
  }

.sy-page .step::before{
  counter-increment:step;
  content:"0" counter(step);
  font-size:34px;
  font-weight:800;
  color:#eee;
  font-family:Arial,sans-serif;
  position:absolute;
  top:14px;
  right:18px;
  }

.sy-page .step h4{
  font-size:16px;
  font-weight:700;
  position:relative;
  }

.sy-page .step p{
  margin-top:10px;
  font-size:13px;
  color:var(--sany-gray);
  line-height:1.9;
  position:relative;
  }

.sy-page .pagination{
  display:flex;
  justify-content:center;
  gap:8px;
  margin-top:46px;
  }

.sy-page .pagination a,
.sy-page .pagination span{
  min-width:38px;
  height:38px;
  line-height:38px;
  text-align:center;
  border:1px solid var(--sany-border);
  font-size:14px;
  color:#555;
  padding:0 10px;
  transition:.2s;
  }

.sy-page .pagination a:hover,
.sy-page .pagination a.active{
  background:var(--sany-red);
  border-color:var(--sany-red);
  color:#fff;
  }
@media (max-width:1280px){
  .sy-page .product-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  }

.sy-page .equip-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:1024px){
  .sy-page .slide::before{
  background:linear-gradient(90deg,rgba(6,10,16,.93) 0%,rgba(6,10,16,.86) 58%,rgba(6,10,16,.62) 100%);
  }

.sy-page .product-grid,
.sy-page .product-grid.cols-3,
.sy-page .case-grid,
.sy-page .series-grid,
.sy-page .case-row{
  grid-template-columns:repeat(2,minmax(0,1fr));
  }

.sy-page .sol-panel{
  grid-template-columns:minmax(0,1fr);
  }

.sy-page .sol-card{
  grid-template-columns:minmax(0,1fr);
  }

.sy-page .intro-2col,
.sy-page .pd-top-grid,
.sy-page .param-wrap,
.sy-page .adv-grid,
.sy-page .feature-list{
  grid-template-columns:minmax(0,1fr);
  }

.sy-page .steps{
  grid-template-columns:repeat(2,minmax(0,1fr));
  }

.sy-page .footer-grid{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  }

.sy-page .nav{
  display:none;
  }

.sy-page .banner{
  height:400px;
  }

.sy-page .brand-slogan .big{
  font-size:34px;
  }

.sy-page .pd-gallery{
  height:280px;
  }
}
@media (max-width:640px){
  .sy-page .product-grid,
.sy-page .product-grid.cols-3,
.sy-page .case-grid,
.sy-page .series-grid,
.sy-page .case-row,
.sy-page .equip-grid,
.sy-page .steps{
  grid-template-columns:minmax(0,1fr);
  }

.sy-page .service-stats{
  flex-direction:column;
  gap:30px;
  }

.sy-page .kv-row{
  flex-direction:column;
  gap:24px;
  }

.sy-page .page-hero h1{
  font-size:26px;
  }
}

/* ============================================================
   探索亿恩凯（版式 1:1 参照西门子官网 ExploreContainer）
   —— 深色底 + 标题带 + 左两张大图卡 + 右竖排(纯色卡+图卡)
   —— 独立命名空间 .sy-explore，位于 base.html 的 footer 区块
   ============================================================ */
.sy-explore{
  --sy-explore-bg:#1a1a1a;
  --sy-explore-accent:#ed6a18;
  --sy-explore-tag:rgba(255,255,255,.45);
  background:var(--sy-explore-bg);
  color:#fff;
  padding:84px 0 88px;
  font-family:"Microsoft YaHei","PingFang SC","Helvetica Neue",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  overflow:hidden;   /* 右侧出血装饰 .sy-explore-deco 用负 margin 溢出，必须裁掉，否则页面出现横向滚动条 */
  }
.sy-explore *{
  margin:0;
  padding:0;
  box-sizing:border-box;
  }
.sy-explore a{
  text-decoration:none;
  color:inherit;
  }
.sy-explore-container{
  max-width:var(--max-width);
  margin:0 auto;
  padding:0 20px;
  }

/* ---------------- 标题带 ---------------- */
.sy-explore-title-wrapper{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:32px;
  margin-bottom:64px;
  }
.sy-explore-tagline{
  font-size:16px;
  line-height:24px;
  font-weight:900;
  color:var(--sy-explore-tag);
  margin-bottom:8px;
  }
.sy-explore-title{
  max-width:640px;
  font-size:36px;
  line-height:48px;
  font-weight:400;
  }
.sy-explore-deco{
  flex:none;
  width:420px;
  height:340px;
  margin-right:-110px;
  margin-top:-64px;
  border:1px dashed rgba(255,255,255,.18);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:13px;
  letter-spacing:1px;
  color:rgba(255,255,255,.25);
  }

/* ---------------- 内容区：三栏 ---------------- */
.sy-explore-content{
  display:flex;
  gap:32px;
  min-height:680px;
  }
/* 轮播指示点默认不显示（宽屏不是轮播） */
.sy-explore-dots{display:none;}
.sy-explore-card{
  position:relative;
  flex:1 1 0;
  min-width:0;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  color:#fff;
  }
.sy-explore-card--image{
  min-height:500px;
  }
.sy-explore-media{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:repeating-linear-gradient(135deg,#2c2c2c 0 18px,#242424 18px 36px);
  display:flex;
  align-items:center;
  justify-content:center;
  transition:transform .25s ease-in-out;
  }
.sy-explore-media span{
  font-size:13px;
  letter-spacing:1px;
  color:rgba(255,255,255,.26);
  }
/* 换成真实图片后：铺满卡片、保持不变形 */
.sy-explore-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  }
.sy-tool-pop img[src=""]{display:none;}
.sy-explore-card:hover .sy-explore-media{
  transform:scale(1.08);
  }
.sy-explore-gradient{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:linear-gradient(180deg,rgba(115,115,115,0) 28.21%,rgba(0,0,0,.72));
  transition:background .3s;
  }
.sy-explore-card:hover .sy-explore-gradient{
  background:linear-gradient(180deg,rgba(115,115,115,0) 28.21%,rgba(120,0,10,.78));
  }
.sy-explore-body{
  position:relative;
  padding:24px;
  }
.sy-explore-tagline-sm{
  font-weight:900;
  margin-bottom:8px;
  }
.sy-explore-card h3{
  font-size:24px;
  line-height:32px;
  font-weight:400;
  }
.sy-explore-info{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:16px;
  font-size:14px;
  }
.sy-explore-info i{
  transition:transform .3s ease;
  }
.sy-explore-card:hover .sy-explore-info i{
  transform:translateX(8px);
  }

/* ---------------- 右列竖排两卡 ---------------- */
.sy-explore-stacked{
  flex:1 1 0;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:32px;
  }
.sy-explore-stacked .sy-explore-card{
  flex:1 1 0;
  min-height:0;
  }
.sy-explore-stacked .sy-explore-card h3{
  font-size:24px;
  line-height:32px;
  }

/* ---------------- 纯色卡（原版为亮色品牌渐变卡） ---------------- */
.sy-explore-card--solid{
  background:linear-gradient(67deg,#ff3b30,var(--sy-explore-accent));
  color:#fff;
  justify-content:space-between;
  }
.sy-explore-card--solid:hover{
  background:linear-gradient(67deg,#ff5a4d,#b9000e);
  }
.sy-explore-solid-media{
  width:56%;
  height:104px;
  margin:24px 24px 0;
  background:rgba(255,255,255,.18);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  letter-spacing:1px;
  color:rgba(255,255,255,.75);
  overflow:hidden;
  }
/* 换成真实图片后：铺满、不变形 */
.sy-explore-solid-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  }
.sy-explore-solid-body{
  padding:16px 24px 24px;
  }
.sy-explore-card--solid:hover .sy-explore-info i{
  transform:translateX(8px);
  }

/* ---------------- 响应式（与原版断点一致：84rem / 64rem / 48rem） ---------------- */
@media (max-width:1344px){
  .sy-explore-deco{
    margin-top:0;
    }
  }
@media (max-width:1024px){
  .sy-explore{
    padding:64px 0 68px;
    }
  .sy-explore-title-wrapper{
    gap:24px;
    margin-bottom:44px;
    }
  .sy-explore-deco{
    width:260px;
    height:196px;
    margin-right:-60px;
    }
  .sy-explore-title{
    max-width:480px;
    font-size:30px;
    line-height:42px;
    }
  .sy-explore-content{
    gap:24px;
    min-height:500px;
    }
  .sy-explore-stacked{
    gap:24px;
    }
  .sy-explore-card h3{
    font-size:20px;
    line-height:28px;
    }
  }
@media (max-width:768px){
  .sy-explore{
    padding:52px 0 56px;
    }
  .sy-explore-title-wrapper{
    flex-direction:column;
    align-items:flex-start;
    margin-bottom:28px;
    }
  .sy-explore-deco{
    display:none;
    }
  .sy-explore-title{
    max-width:none;
    font-size:24px;
    line-height:34px;
    }
  /* 原版手机端是横向轮播：这里用纯 CSS 横向滑动吸附，效果一致 */
  .sy-explore-content{
    min-height:0;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    padding-bottom:6px;
    }
  .sy-explore-stacked{
    display:contents;
    }
  .sy-explore-content>.sy-explore-card,
  .sy-explore-stacked>.sy-explore-card{
    /* 一张一屏：原为 80% 宽，右侧会常驻露出下一张卡的一条、卡片文字被视口边缘切断，
       看着像没做完。改满宽后不再露出，「还有更多」由下方圆点指示器承担。 */
    flex:0 0 100%;
    min-height:440px;
    scroll-snap-align:start;
    }
  /* 轮播指示点：仅窄屏轮播模式下显示（结构由 main.js 生成） */
  .sy-explore-dots{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:8px;
    margin-top:20px;
    }
  .sy-explore-dots span{
    width:8px;
    height:8px;
    border-radius:50%;
    background:rgba(255,255,255,.28);
    cursor:pointer;
    transition:width .25s,background .25s;
    }
  .sy-explore-dots span.active{
    width:22px;
    border-radius:4px;
    background:var(--sy-explore-accent);
    }
  }

/* ============================================================
   技术 · 升级现实（版式 1:1 参照西门子 TabContainer + Bento Layout）
   取值全部来自原版 CSS：
     .de-tabs__layout--vertical .de-tabs__tabs-list → flex-basis:25%; max-width:25%; padding:0 16px
     .de-tabs__tab                                  → font-size:h4; font-weight:900; padding:12px 32px
     .de-tabs__panel                                → padding:0 16px
     .bento-layout__content--left-large-right-stacked → 3fr 2fr; repeat(2,1fr); gap:var(--spacer)=32px
     .bento-layout__card--0                         → grid-row:1/3; 只有大卡显示图; card-body padding-left:0
     .bento-layout .imageWrapper                    → display:none（右列两卡桌面端纯文字）
     .bento-layout .card-body h3                    → font-weight:400
     .bento-layout__card .card .card-body           → padding:16px(p-3)
     .de-banner--box.de-banner--dark-blue           → 内容 padding:0; 图 max 320x192; 文字区 padding:32px 64px
   ============================================================ */
.sy-tech{
  background:var(--sany-light);
  border-top:1px solid var(--sany-border);
  }
.sy-kicker{
  display:block;
  font-size:14px;
  font-weight:900;
  letter-spacing:1px;
  color:var(--sany-red);
  margin:0 0 8px;
  }
.sy-tech-head{
  max-width:933px;
  margin-bottom:48px;
  }
.sy-tech-head h2{
  font-size:36px;
  font-weight:800;
  letter-spacing:2px;
  line-height:1.3;
  }
.sy-tech-head h2 em{
  font-style:normal;
  color:var(--sany-red);
  }
.sy-tech-head p{
  margin-top:16px;
  font-size:16px;
  line-height:1.9;
  color:var(--sany-gray);
  }

/* ---------------- 左 Tab 列 25% + 右面板（原版 gutter 16px） ---------------- */
.sy-tech-body{
  display:flex;
  align-items:flex-start;
  }
.sy-tech-tabs{
  flex:0 0 25%;
  max-width:25%;
  display:flex;
  flex-direction:column;
  border-left:2px solid #ccccd4;
  padding:0 16px;
  position:sticky;
  top:96px;
  }
.sy-tech-tabs .tab-btn{
  appearance:none;
  -webkit-appearance:none;
  background:none;
  border:none;
  border-left:2px solid transparent;
  margin-left:-2px;
  padding:12px 32px;
  text-align:left;
  font-family:inherit;
  font-size:20px;
  font-weight:900;
  letter-spacing:1px;
  color:#333;
  cursor:pointer;
  transition:.2s;
  }
.sy-tech-tabs .tab-btn:hover{
  color:var(--sany-red);
  background:#efefef;
  }
.sy-tech-tabs .tab-btn.active{
  color:var(--sany-red);
  border-left-color:var(--sany-red);
  background:#fff;
  }
.sy-tech-panels{
  flex:1;
  min-width:0;
  padding:0 16px;
  }
.sy-tech-panels .tab-panel{
  display:none;
  }
.sy-tech-panels .tab-panel.active{
  display:block;
  }

/* ---------------- Bento 网格（原版：3fr 2fr，大卡跨两行，右列两卡） ---------------- */
.sy-bento{
  display:grid;
  grid-template-columns:3fr 2fr;
  grid-template-rows:repeat(2,minmax(0,1fr));
  gap:32px;
  margin:32px 0;
  }
.sy-bento-card{
  position:relative;
  display:flex;
  flex-direction:column;
  height:100%;
  overflow:hidden;
  border:0;
  background:#fff;
  color:inherit;
  text-decoration:none;
  }
.sy-bento-card--large{
  grid-row:1 / 3;
  grid-column:1;
  }
.sy-bento-card--dark{
  grid-row:1;
  grid-column:2;
  background:#1a1a1a;
  color:#fff;
  }
.sy-bento-card--light{
  grid-row:2;
  grid-column:2;
  background:#f7f3ee;
  }
.sy-bento-media{
  width:100%;
  aspect-ratio:3 / 2;
  flex:none;
  background:repeating-linear-gradient(135deg,#ececec 0 18px,#e2e2e2 18px 36px);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:13px;
  letter-spacing:1px;
  color:#9a9a9a;
  }
/* 原版：.bento-layout .imageWrapper{display:none} —— 桌面端只有大卡显示图片 */
.sy-bento-card--dark .sy-bento-media,
.sy-bento-card--light .sy-bento-media{
  display:none;
  }
.sy-bento-body{
  flex:1;
  display:flex;
  flex-direction:column;
  padding:16px;
  }
.sy-bento-card--large .sy-bento-body{
  padding-left:0;
  }
.sy-bento-body h3{
  font-size:24px;
  line-height:1.4;
  font-weight:400;
  margin:0;
  padding-bottom:24px;
  transition:color .25s;
  }
.sy-bento-body p{
  flex:1;
  margin:0;
  padding-bottom:16px;
  font-size:14px;
  line-height:1.9;
  color:var(--sany-gray);
  }
.sy-bento-card--dark .sy-bento-body p{
  color:rgba(255,255,255,.72);
  }
.sy-bento-card--dark .sy-kicker{
  color:#ff6a5e;
  }
.sy-bento-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:24px;
  font-size:14px;
  font-weight:600;
  color:var(--sany-red);
  }
.sy-bento-card--dark .sy-bento-link{
  color:#ff6a5e;
  }
.sy-bento-link i{
  transition:transform .3s ease;
  }
.sy-bento-card:hover h3{
  color:var(--sany-red);
  }
.sy-bento-card--dark:hover h3{
  color:#fff;
  }
.sy-bento-card:hover .sy-bento-link i{
  transform:translateX(6px);
  }

/* ---------------- CTA 横幅（原版 de-banner de-banner--box de-banner--dark-blue） ---------------- */
.sy-cta{
  margin-top:0;
  display:flex;
  align-items:center;
  overflow:hidden;
  background:#141414;
  color:#fff;
  }
.sy-cta-media{
  flex:0 0 320px;
  height:192px;
  background:repeating-linear-gradient(135deg,#242424 0 18px,#1d1d1d 18px 36px);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  letter-spacing:1px;
  color:rgba(255,255,255,.35);
  }
.sy-cta-text{
  flex:1;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:64px;
  padding:32px 64px;
  }
.sy-cta-text h3{
  font-size:24px;
  line-height:1.4;
  font-weight:700;
  margin:0 0 8px;
  }
.sy-cta-btn{
  flex:none;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:12px 26px;
  border:2px solid #fff;
  color:#fff;
  font-size:14px;
  transition:.25s;
  }
.sy-cta-btn:hover{
  background:var(--sany-red);
  border-color:var(--sany-red);
  }

/* ---------------- 响应式（原版断点 75rem / 48rem / 33.9rem） ---------------- */
@media (max-width:1200px){
  .sy-cta{
    flex-direction:column;
    align-items:stretch;
    }
  .sy-cta-media{
    flex:none;
    width:100%;
    height:auto;
    aspect-ratio:16 / 9;
    }
  .sy-cta-text{
    flex-direction:column;
    align-items:flex-start;
    gap:20px;
    padding:24px;
    }
  }
@media (max-width:1024px){
  .sy-tech-head{
    margin-bottom:32px;
    }
  .sy-tech-head h2{
    font-size:28px;
    }
  .sy-tech-body{
    flex-direction:column;
    gap:24px;
    }
  .sy-tech-tabs{
    position:static;
    flex:none;
    max-width:none;
    padding:0;
    width:100%;
    flex-direction:row;
    flex-wrap:wrap;
    border-left:none;
    border-bottom:1px solid var(--sany-border);
    }
  .sy-tech-tabs .tab-btn{
    margin-left:0;
    border-left:none;
    border-bottom:2px solid transparent;
    padding:12px 16px;
    font-size:16px;
    }
  .sy-tech-tabs .tab-btn.active{
    background:none;
    border-bottom-color:var(--sany-red);
    }
  .sy-tech-panels{
    padding:0;
    }
  .sy-bento{
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:none;
    gap:24px;
    margin:24px 0;
    }
  .sy-bento-card--large,
  .sy-bento-card--dark,
  .sy-bento-card--light{
    grid-row:auto;
    grid-column:auto;
    }
  /* 原版 ≤33.9rem 时右列图片重新出现 */
  .sy-bento-card--dark .sy-bento-media,
  .sy-bento-card--light .sy-bento-media{
    display:flex;
    }
  .sy-bento-card--large .sy-bento-body{
    padding-left:16px;
    }
  .sy-bento-body h3{
    font-size:20px;
    padding-bottom:16px;
    }
  .sy-cta-text h3{
    font-size:20px;
    }
  }

/* 首页语义 H1：视觉隐藏，仅提供给搜索引擎与屏幕阅读器，不影响设计 */
.sy-page .sy-h1-hidden{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
  white-space:nowrap;
  border:0;
  }


/* ---------- 移动端：产品参数行（标签 + 点线 + 值）允许换行 ----------
   值可能是「有无 / 缺件 / 漏装 / 错装 / 装配状态」这类长文本，
   原样式 .spec .v{white-space:nowrap} 会把整行撑出卡片，
   导致手机端整页横向溢出（实测 /product/1 溢出 35px）。 */
@media (max-width:640px){
  .sy-page .spec{align-items:flex-start;}
  .sy-page .spec .v{white-space:normal;min-width:0;word-break:break-word;}
}


/* ==========================================================================
   2026-09-24 首页 SEO/GEO 新增区块：企业定位（.sy-about-band）与常见问题（.sy-faq）
   命名空间仍走 .sy-page，不影响后台栏目结构与内页骨架
   ========================================================================== */

/* ---------- 企业定位 / 业务范围 ---------- */
.sy-page .sy-about-band{background:#fff;}
.sy-page .sy-about-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:48px;align-items:start;}
.sy-page .sy-about-main h2{font-size:30px;line-height:1.35;margin:0 0 18px;color:#1a1a1a;font-weight:700;}
.sy-page .sy-about-main h2 em{font-style:normal;color:var(--sany-red,#ed6a18);}
.sy-page .sy-about-lead{font-size:17px;line-height:1.85;color:#2b2b2b;margin:0 0 16px;font-weight:500;}
.sy-page .sy-about-main p{font-size:15px;line-height:1.95;color:#4a4a4a;margin:0 0 14px;}
.sy-page .sy-about-facts{background:#f7f8fa;border:1px solid #eceef2;border-radius:12px;padding:26px 26px 20px;}
.sy-page .sy-about-facts h3{font-size:17px;margin:0 0 16px;color:#1a1a1a;font-weight:700;}
.sy-page .sy-about-facts ul{list-style:none;margin:0;padding:0;}
.sy-page .sy-about-facts li{padding:9px 0;border-bottom:1px dashed #e2e5ea;}
.sy-page .sy-about-facts li:last-child{border-bottom:0;}
.sy-page .sy-about-facts li a{font-size:15px;font-weight:600;color:#1a1a1a;text-decoration:none;}
.sy-page .sy-about-facts li a:hover{color:var(--sany-red,#ed6a18);}
.sy-page .sy-about-facts li span{display:block;font-size:13px;color:#8a9099;margin-top:3px;line-height:1.6;}
.sy-page .sy-about-contact{margin:18px 0 0;font-size:14px;color:#4a4a4a;}
.sy-page .sy-about-contact a{color:var(--sany-red,#ed6a18);font-weight:700;text-decoration:none;}

/* ---------- 常见问题 ---------- */
.sy-page .sy-faq-list{max-width:960px;margin:0 auto;}
.sy-page .sy-faq-item{border:1px solid #eceef2;border-radius:10px;background:#fff;margin-bottom:12px;overflow:hidden;}
.sy-page .sy-faq-item summary{cursor:pointer;list-style:none;padding:17px 52px 17px 22px;position:relative;
  font-size:16px;font-weight:600;color:#1a1a1a;line-height:1.6;}
.sy-page .sy-faq-item summary::-webkit-details-marker{display:none;}
.sy-page .sy-faq-item summary::after{content:"+";position:absolute;right:22px;top:50%;transform:translateY(-50%);
  font-size:20px;font-weight:400;color:var(--sany-red,#ed6a18);line-height:1;}
.sy-page .sy-faq-item[open] summary::after{content:"\2212";}
.sy-page .sy-faq-item[open] summary{background:#fafbfc;}
.sy-page .sy-faq-a{padding:2px 22px 20px;}
.sy-page .sy-faq-a p{margin:0;font-size:15px;line-height:1.95;color:#4a4a4a;}
.sy-page .sy-faq-more{max-width:960px;margin:22px auto 0;font-size:14px;line-height:1.9;color:#6b7178;text-align:center;}
.sy-page .sy-faq-more a{color:var(--sany-red,#ed6a18);font-weight:600;text-decoration:none;}

@media (max-width:900px){
  .sy-page .sy-about-grid{grid-template-columns:1fr;gap:28px;}
  .sy-page .sy-about-main h2{font-size:24px;}
  .sy-page .sy-about-lead{font-size:16px;}
}

/* ==================== 版式还原（2026-09-24：首页对齐英文站 en.nitr.cn 的框架） ==================== */

/* FAQ 手风琴：原先只定义在 topic.css，首页不加载 topic.css，所以首页的问答块没有样式。
   现与英文站首页 #buyer-questions 用同一套定义，保证中英文两站版式一致。 */
.sy-page .tp-faq{ margin:26px 0 0; }
.sy-page .tp-faq details{
  border:1px solid #ececec; border-radius:8px; margin-bottom:12px; background:#fff;
}
.sy-page .tp-faq summary{
  cursor:pointer; padding:16px 48px 16px 18px; font-size:16px; font-weight:600;
  color:#333; position:relative; list-style:none;
}
.sy-page .tp-faq summary::-webkit-details-marker{ display:none; }
.sy-page .tp-faq summary::after{
  content:"+"; position:absolute; right:18px; top:50%; transform:translateY(-50%);
  font-size:20px; color:var(--sany-red,#ed6a18);
}
.sy-page .tp-faq details[open] summary::after{ content:"\2212"; }
.sy-page .tp-faq details[open] summary{ border-bottom:1px solid #f2f2f2; }
.sy-page .tp-faq .tp-a{
  padding:16px 18px; font-size:15px; line-height:1.85; color:#666;
}
.sy-page .tp-faq .tp-a p{ margin:0 0 10px; }
.sy-page .tp-faq .tp-a p:last-child{ margin-bottom:0; }

/* 业务范围速查：由隐藏改为通栏卡片导航（8 个栏目入口，名称 + 一句话说明）
   桌面 4 列 / 平板 2 列 / 手机 1 列，悬停橙色描边 + 轻微上浮，与站内卡片语言一致 */
.sy-page .sy-about-facts{ margin-top:38px; padding:26px 26px 18px; }
.sy-page .sy-about-facts ul{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.sy-page .sy-about-facts li,
.sy-page .sy-about-facts li:last-child{
  padding:16px 18px; border:1px solid #e6e9ee; border-radius:10px; background:#fff;
  transition:border-color .25s,box-shadow .25s,transform .25s;
  }
.sy-page .sy-about-facts li:hover{
  border-color:var(--sany-red,#ed6a18); box-shadow:0 10px 24px rgba(0,0,0,.07); transform:translateY(-2px);
  }
.sy-page .sy-about-facts li a{ display:block; }
.sy-page .sy-about-contact{ text-align:center; margin-top:18px; }

/* 正文里的方向名称内链：默认 a 继承正文颜色、没有下划线，这里给内链一个明确的橙色 + 细下划线，
   让读者看得出「这个词可以点」，同时不打断整段灰色正文的阅读节奏 */
.sy-page .section-head a{
  color:var(--sany-red,#ed6a18); text-decoration:none;
  border-bottom:1px solid rgba(237,106,24,.35);
  }
.sy-page .section-head a:hover{ border-bottom-color:var(--sany-red,#ed6a18); }

@media (max-width:1100px){
  .sy-page .sy-about-facts ul{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  }
@media (max-width:900px){
  .sy-page .sy-about-facts{ padding:20px 18px 14px; margin-top:28px; }
  .sy-page .sy-about-facts ul{ grid-template-columns:1fr; gap:10px; }
  }

/* ==================== 探索亿恩凯 · 桌面端轮播（2026-09-24） ====================
   原先只有 ≤768px 是滑动轮播、桌面是静态两列；现统一成横向轮播：
   桌面 3 张 / ≤1024 两张 / ≤768 一张，容器横向滚动 + CSS 吸附对齐。
   圆点、箭头、自动播放由 main.js 模块 13 驱动。 */
.sy-explore-controls{ display:flex; gap:12px; flex:none; }
.sy-explore-arrow{
  width:52px; height:52px; border:1px solid rgba(255,255,255,.26); background:transparent;
  color:#fff; font-size:22px; line-height:1; cursor:pointer;
  display:flex; align-items:center; justify-content:center;
  transition:background .25s,border-color .25s;
  }
.sy-explore-arrow:hover{ background:var(--sy-explore-accent); border-color:var(--sy-explore-accent); }
.sy-explore-arrow:focus-visible{ outline:2px solid var(--sy-explore-accent); outline-offset:2px; }
.sy-explore-content{
  overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory;
  scroll-behavior:smooth; -webkit-overflow-scrolling:touch;
  min-height:0; padding-bottom:4px;
  scrollbar-width:none; -ms-overflow-style:none;
  }
.sy-explore-content::-webkit-scrollbar{ display:none; }
.sy-explore-content > .sy-explore-card{
  flex:0 0 calc((100% - 64px) / 3); min-height:0; height:440px; scroll-snap-align:start;
  }
.sy-explore-content > .sy-explore-card h3{ font-size:22px; line-height:30px; }
.sy-explore-dots{ display:flex; justify-content:center; gap:10px; margin-top:30px; }
.sy-explore-dots span{
  width:9px; height:9px; border-radius:50%; background:rgba(255,255,255,.26);
  cursor:pointer; transition:background .25s,width .25s;
  }
.sy-explore-dots span.active{ background:var(--sy-explore-accent); width:26px; border-radius:5px; }
@media (max-width:1024px){
  .sy-explore-content > .sy-explore-card{ flex:0 0 calc((100% - 32px) / 2); height:420px; }
  .sy-explore-arrow{ width:46px; height:46px; font-size:20px; }
  }
@media (max-width:768px){
  .sy-explore-content > .sy-explore-card{ flex:0 0 100%; height:380px; }
  .sy-explore-controls{ display:none; }
  .sy-explore-dots{ margin-top:22px; }
  }
@media (prefers-reduced-motion:reduce){
  .sy-explore-content{ scroll-behavior:auto; }
  }

/* ==================== 首页「企业定位 / 业务范围」（2026-10-13 恢复为可见） ====================
   2026-09-24 曾按需求改为「只给爬虫/AI 读」；2026-10-13 复查后恢复版面可见：
   隐藏内容虽仍在 DOM 里可被搜索引擎读到，但「仅对爬虫可见」正是各引擎隐藏文本条款针对的形态，
   且该区块含「服务对象 / 业务范围速查 / 非标方案设计」等首页别处没有的独有内容，
   对用户与 AI 抽取都有价值 —— 可见的收益不低，风险归零。
   .sy-geo-only 规则保留备用；若要再次隐藏：在 index/index.html 的 section#about-company 上加回该类即可。 */
.sy-page .sy-geo-only{
  position:absolute; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0;
  }