/* 首页平台概览：1 个底座、3 类能力、1 系列产业服务。 */
.overview-section{
  padding:clamp(42px,3.4vw,84px) 0!important;
  background:
    radial-gradient(circle at 88% 12%,rgba(237,28,46,.055),transparent 28%),
    linear-gradient(180deg,#fff 0%,#fafbfc 100%);
}
.overview-grid{
  width:92vw!important;
  height:auto!important;
  min-height:clamp(760px,78vh,1500px)!important;
  grid-template-columns:minmax(360px,.78fr) minmax(0,1.42fr)!important;
  border:1px solid #e4e8ed!important;
  border-radius:0!important;
  background:#fff;
  box-shadow:0 26px 80px rgba(22,34,50,.07);
}
.overview-copy{
  position:relative;
  display:flex;
  min-width:0;
  flex-direction:column;
  padding:clamp(38px,3vw,76px) clamp(30px,2.7vw,68px) 0!important;
  border-right:1px solid #e6e9ee;
  overflow:hidden;
}
.overview-copy:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:clamp(92px,7vw,180px);
  height:4px;
  background:linear-gradient(90deg,#ed1c2e,#f2ad58);
}
.overview-copy .eyebrow{font-size:clamp(12px,.72vw,18px)}
.overview-copy h2{
  margin:clamp(22px,1.5vw,38px) 0 clamp(20px,1.3vw,34px)!important;
  font-size:clamp(46px,3vw,82px)!important;
  letter-spacing:-.04em;
}
.overview-copy>p{
  max-width:760px;
  margin:0;
  color:#6e7782!important;
  font-size:clamp(14px,.82vw,21px)!important;
  line-height:1.9!important;
}
.overview-copy>p strong{color:#a71930;font-weight:800}
.overview-copy .value-visual{
  flex:1;
  min-height:clamp(310px,25vw,650px);
  height:auto!important;
  margin:clamp(26px,2vw,48px) calc(-1 * clamp(30px,2.7vw,68px)) 0!important;
  background:linear-gradient(180deg,#fff,#fff8f8);
}
.overview-copy .value-visual img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  mix-blend-mode:multiply;
}
.overview-architecture{
  display:grid;
  min-width:0;
  grid-template-rows:auto auto 1fr;
  gap:clamp(14px,1.1vw,28px);
  padding:clamp(26px,2.2vw,56px);
  background:
    linear-gradient(rgba(22,41,60,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(22,41,60,.025) 1px,transparent 1px),
    #fbfcfd;
  background-size:38px 38px;
}
.overview-service-strip{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:1px solid #dfe4ea;
  border-left:1px solid #dfe4ea;
  background:#fff;
}
.overview-service-strip article{
  position:relative;
  min-width:0;
  min-height:clamp(86px,7vw,150px);
  padding:clamp(18px,1.25vw,30px);
  border-right:1px solid #dfe4ea;
  border-bottom:1px solid #dfe4ea;
  transition:transform .22s ease,background .22s ease,box-shadow .22s ease;
}
.overview-service-strip article:hover{
  z-index:2;
  background:#fff6f7;
  box-shadow:0 14px 34px rgba(125,18,38,.1);
  transform:translateY(-3px);
}
.overview-service-strip i{
  position:absolute;
  right:12px;
  top:10px;
  color:rgba(167,25,48,.13);
  font:400 clamp(22px,1.5vw,38px)/1 Arial,sans-serif;
}
.overview-service-strip strong,.overview-service-strip span{display:block;position:relative;z-index:1}
.overview-service-strip strong{
  max-width:88%;
  color:#1d2a38;
  font-size:clamp(14px,.88vw,22px);
  line-height:1.35;
}
.overview-service-strip span{
  margin-top:7px;
  color:#a71930;
  font-size:clamp(12px,.68vw,17px);
  font-weight:700;
}
.overview-foundation,.overview-governance,.overview-industry{
  position:relative;
  min-width:0;
  background:#fff;
  border:1px solid #e0e5ea;
  overflow:hidden;
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;
}
.overview-foundation:hover,.overview-governance:hover,.overview-industry:hover{
  z-index:2;
  border-color:#d7a4ad;
  box-shadow:0 18px 44px rgba(30,43,59,.09);
  transform:translateY(-3px);
}
.overview-foundation{
  display:grid;
  grid-template-columns:minmax(250px,.9fr) minmax(280px,1.1fr) auto;
  align-items:center;
  gap:clamp(20px,1.5vw,40px);
  padding:clamp(22px,1.6vw,40px);
  border-left:4px solid #a71930;
}
.overview-foundation:after{
  content:"";
  position:absolute;
  right:-68px;
  top:-82px;
  width:220px;
  aspect-ratio:1;
  border:1px solid rgba(167,25,48,.08);
  border-radius:50%;
  box-shadow:0 0 0 30px rgba(167,25,48,.025),0 0 0 60px rgba(167,25,48,.018);
}
.overview-architecture header{display:flex;align-items:center;gap:clamp(14px,1vw,24px);min-width:0}
.overview-architecture header>span{
  display:grid;
  width:clamp(46px,3.2vw,72px);
  height:clamp(46px,3.2vw,72px);
  flex:0 0 auto;
  place-items:center;
  color:#fff;
  background:linear-gradient(145deg,#ed1c2e,#9e1429);
  font-size:clamp(15px,1vw,24px);
  font-weight:900;
  box-shadow:0 10px 24px rgba(167,25,48,.22);
}
.overview-architecture header small{
  display:block;
  margin-bottom:5px;
  color:#a71930;
  font-size:clamp(11px,.65vw,16px);
  font-weight:800;
  letter-spacing:.08em;
}
.overview-architecture header h3{
  margin:0;
  color:#172535;
  font-size:clamp(18px,1.18vw,30px);
  line-height:1.35;
}
.overview-foundation>p{
  position:relative;
  z-index:1;
  margin:0;
  color:#64717e;
  font-size:clamp(13px,.75vw,19px);
  line-height:1.8;
}
.overview-foundation ul{
  position:relative;
  z-index:1;
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
  margin:0;
  padding:0;
  list-style:none;
}
.overview-foundation li{
  padding:7px 11px;
  color:#8f1c2d;
  background:#fff1f3;
  border:1px solid #f0ccd2;
  font-size:clamp(11px,.64vw,16px);
  font-weight:700;
  white-space:nowrap;
}
.overview-lower{display:grid;min-height:0;grid-template-columns:1.25fr .75fr;gap:clamp(14px,1.1vw,28px)}
.overview-governance,.overview-industry{padding:clamp(22px,1.65vw,42px)}
.overview-capability-list{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin-top:clamp(20px,1.4vw,34px);
  border-top:1px solid #e3e7eb;
  border-left:1px solid #e3e7eb;
}
.overview-capability-list section{
  min-width:0;
  padding:clamp(18px,1.3vw,32px);
  border-right:1px solid #e3e7eb;
  border-bottom:1px solid #e3e7eb;
  background:#fbfcfd;
}
.overview-capability-list b{color:#a71930;font-size:clamp(14px,.86vw,21px)}
.overview-capability-list p,.overview-industry>p{
  margin:10px 0 0;
  color:#6c7884;
  font-size:clamp(12px,.68vw,17px);
  line-height:1.75;
}
.overview-industry{display:flex;flex-direction:column;background:linear-gradient(145deg,#fff,#fff8f8)}
.overview-industry>p{margin-top:clamp(20px,1.5vw,36px)}
.overview-service-tags{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
  margin-top:auto;
  padding-top:clamp(22px,1.6vw,40px);
}
.overview-service-tags span{
  position:relative;
  min-height:clamp(42px,3vw,64px);
  padding:10px 12px 10px 20px;
  display:flex;
  align-items:center;
  color:#344250;
  background:#fff;
  border:1px solid #e5dadd;
  font-size:clamp(11px,.64vw,16px);
  font-weight:700;
  line-height:1.45;
}
.overview-service-tags span:before{
  content:"";
  position:absolute;
  left:9px;
  width:4px;
  height:4px;
  background:#ed1c2e;
}
@media(max-width:1280px){
  .overview-grid{grid-template-columns:.72fr 1.28fr!important}
  .overview-foundation{grid-template-columns:1fr 1.15fr}.overview-foundation ul{grid-column:1/-1;justify-content:flex-start}
  .overview-lower{grid-template-columns:1fr}
  .overview-service-tags{margin-top:20px}
}
@media(max-width:980px){
  .overview-grid{width:calc(100% - 40px)!important;grid-template-columns:1fr!important}
  .overview-copy{border-right:0;border-bottom:1px solid #e6e9ee}
  .overview-copy .value-visual{min-height:420px}
  .overview-service-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .overview-foundation{grid-template-columns:1fr}.overview-foundation ul{grid-column:auto}
  .overview-capability-list{grid-template-columns:1fr}
}
@media(max-width:620px){
  .overview-grid{width:calc(100% - 28px)!important}
  .overview-copy{padding:34px 24px 0!important}
  .overview-copy .value-visual{min-height:300px;margin:28px -24px 0!important}
  .overview-architecture{padding:18px}
  .overview-service-strip{grid-template-columns:1fr}
  .overview-lower{grid-template-columns:1fr}
  .overview-service-tags{grid-template-columns:1fr}
}
