/* 接入白山版式后的补充层：只做“粘合”，不改动白山的原始规则 */
/* 加载顺序在 site.css 之后，用来补齐白山原站没有、但本站需要的粘合样式 */

/* ---- 图标：原站用 <img>，本站用 <Icon> 渲染成 svg.icon ---- */
.cont .page2 .label .w1440 .item .tit svg.icon{
  width:28px;height:28px;margin-right:10px;color:var(--brand);flex-shrink:0;
}
.cont .page3 .text-cont .tab-l .lk a svg.icon{
  position:absolute;top:50%;transform:translateY(-50%);left:0;
  width:15px;height:15px;color:inherit;
}
.cont .page4 .sol-row .box .img svg.icon{width:38px;height:38px;color:var(--brand)}

/* ---- 首屏 ---- */
.cont .index_banner .bg img{width:100%;height:100%;object-fit:cover;object-position:right center}
.cont .index_banner .bg{background:linear-gradient(120deg,#f4f7ff,#ffffff 55%,#eef3ff);overflow:hidden}
.cont .index_banner .ic img{width:100%}
.cont .index_banner .text .txt{max-width:760px}
.cont .index_banner .text .txt p{font-weight:700;line-height:1.25}
.cont .index_banner .text .txt .txt-des span{width:100%;display:block;line-height:1.9}
.cont .index_banner .text .txt .more{
  background:var(--brand);cursor:pointer;transition:background .3s var(--ease);
}
.cont .index_banner .text .txt .more:hover{background:var(--brand-dark)}
.cont .index_banner .banner-dots{display:flex;gap:10px;margin-top:28px}
.cont .index_banner .banner-dots button{
  width:26px;height:3px;border:0;padding:0;background:rgba(14,14,14,.18);transition:background .3s var(--ease);
}
.cont .index_banner .banner-dots button.on{background:var(--brand)}

/* ---- page2 数据区 ---- */
.cont .page2 .item .img img{width:100%}
.cont .page2 .item .text-r .txt-group .tit p{line-height:1.1}
.cont .page2 .item .more_btn{background:var(--brand);transition:background .3s var(--ease)}
.cont .page2 .item .more_btn:hover{background:var(--brand-dark)}
.cont .page2 .title,.cont .page3 .title,.cont .page4 .title,.cont .page5 .title,.cont .page6 .title{
  font-weight:700;line-height:1.3;
}

/* ---- page3 产品卡 ---- */
.cont .page3 .text-cont .tab-l .lk a{cursor:pointer}
.cont .page3 .text-cont .tab-l .lk{cursor:pointer}
.cont .page3 .text-cont .item-r ul li .tit i{background:var(--brand-soft);color:var(--brand)}

/* ---- page4 解决方案 ---- */
.cont .page4 .sol-row{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.cont .page4 .sol-row .box{
  display:flex;flex-direction:column;gap:14px;height:100%;
  padding:30px 28px;border:1px solid var(--line);background:#fff;border-radius:5px;
  transition:box-shadow .3s var(--ease),transform .3s var(--ease);
}
.cont .page4 .sol-row .box:hover{box-shadow:0 13px 24px rgba(0,48,119,.08);transform:translateY(-4px)}
.cont .page4 .sol-row .box .txt p{color:var(--ink);font-weight:700;margin-bottom:8px}
.cont .page4 .sol-row .box .txt span{color:var(--muted);display:block;line-height:1.8}
.cont .page4 .sol-row .box .more{
  display:flex;align-items:center;margin-top:auto;color:var(--brand);font-weight:700;
}

/* ---- page5 新闻 ---- */
.cont .page5 .news-box .news-l a,.cont .page5 .news-box .news-r a{display:block}
.cont .page5 .news-box .news-l .label-top i,
.cont .page5 .news-box .news-r a .label-top i{color:var(--brand);font-style:normal;font-weight:700}
.cont .page5 .news-box .news-l .label-top,
.cont .page5 .news-box .news-r a .label-top{align-items:center;display:flex}
.cont .page5 .news-box .news-r a{padding-top:0;padding-bottom:0}
.cont .page5 .news-box .news-r{gap:0}

/* ---- page6 价值主张（沿用白山卡片语言） ---- */
.cont .page6 .val-row{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.cont .page6 .val-item{
  padding:34px 28px;border:1px solid var(--line);background:var(--bg);border-radius:5px;
  transition:box-shadow .3s var(--ease);
}
.cont .page6 .val-item:hover{box-shadow:0 13px 24px rgba(0,48,119,.06)}
.cont .page6 .val-item svg.icon{width:30px;height:30px;color:var(--brand);margin-bottom:16px}
.cont .page6 .val-item h3{color:var(--ink);font-weight:700;margin-bottom:10px}
.cont .page6 .val-item p{color:var(--muted);line-height:1.9;white-space:pre-line}

/* ---- 响应式：窄屏收敛为单列 ---- */
@media screen and (max-width:998px){
  .cont .w1440{width:auto;margin:0 24px;overflow:initial}
  .cont .page4 .sol-row,.cont .page6 .val-row{grid-template-columns:repeat(2,1fr)}
  .cont .index_banner .ic{display:none}
  .cont .index_banner .text .txt{max-width:100%}
}
@media screen and (max-width:768px){
  .cont .page4 .sol-row,.cont .page6 .val-row{grid-template-columns:1fr}
  .cont .page3 .text-cont{flex-direction:column}
  .cont .page3 .text-cont .tab-l{width:100%;padding:24px 20px;display:flex;gap:20px;overflow-x:auto}
  .cont .page3 .text-cont .tab-l .lk{margin-bottom:0;flex:none}
  .cont .page3 .text-cont .item-r{width:100%}
  .cont .page3 .text-cont .item-r ul{grid-template-columns:1fr}
  .cont .page5 .news-box{flex-direction:column;gap:24px}
  .cont .page5 .news-box .news-l,.cont .page5 .news-box .news-r{width:100%}
}