/* 策略架构页面专用样式，独立不污染导航/页脚 */
.two-col-grid{
  display:grid !important;
  grid-template-columns:62% 36% !important;
  gap:26px !important;
  margin-bottom:70px !important;
}
.col-large{width:100% !important;}
.col-small{width:100% !important;}
.card-box{
  background: linear-gradient(145deg,rgba(15,35,70,0.65),rgba(6,18,40,0.7)) !important;
  border:1px solid rgba(64,221,255,0.22) !important;
  border-radius:18px !important;
  padding:32px 28px !important;
  transition:0.3s !important;
  position:relative !important;
  overflow:hidden !important;
}
.card-box::before{
  content:"" !important;
  position:absolute !important;
  top:0 !important;
  left:-100% !important;
  width:100% !important;
  height:100% !important;
  background:linear-gradient(90deg,transparent,rgba(64,221,255,0.06),transparent) !important;
  transition:left 0.7s ease !important;
}
.card-box:hover::before{left:100% !important;}
.card-box:hover{
  border-color:#40ddff !important;
  box-shadow:0 0 30px rgba(64,221,255,0.18) !important;
  transform:translateY(-4px) !important;
}
.card-head{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  margin-bottom:26px !important;
  padding-bottom:14px !important;
  border-bottom:1px solid rgba(64,221,255,0.12) !important;
}
.arch-icon{
  width:40px !important;
  height:40px !important;
  border-radius:50% !important;
  background:rgba(64,221,255,0.08) !important;
  border:1px solid rgba(64,221,255,0.3) !important;
  color:#40ddff !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:18px !important;
}
.card-head h4{
  color:#ffffff !important;
  font-size:24px !important;
  margin:0 !important;
}
.arch-circle-wrap{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  gap:40px !important;
  padding:20px 0 !important;
}
.arch-core-center{
  width:160px !important;
  height:160px !important;
  border-radius:50% !important;
  border:2px solid #40ddff !important;
  background:radial-gradient(circle,rgba(64,221,255,0.12),transparent 70%) !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  color:#fff !important;
}
.arch-core-center h5{
  font-size:20px !important;
  color:#40ddff !important;
  margin:0 0 8px !important;
}
.arch-core-center p{
  font-size:12px !important;
  color:#b6c8df !important;
  line-height:1.6 !important;
  margin:2px 0 !important;
}
.arch-five-ring{
  width:100% !important;
  display:grid !important;
  grid-template-columns:repeat(5,1fr) !important;
  gap:14px !important;
}
.ring-item{
  text-align:center !important;
  border:1px solid rgba(64,221,255,0.2) !important;
  border-radius:12px !important;
  padding:14px 6px !important;
  background:rgba(10,26,50,0.55) !important;
}
.ring-item span{
  color:#40ddff !important;
  font-size:14px !important;
  font-weight:bold !important;
}
.ring-item h6{
  color:#fff !important;
  font-size:15px !important;
  margin:4px 0 !important;
}
.ring-item small{
  color:#9db2cf !important;
  font-size:12px !important;
}
.arch-bottom-five{
  width:100% !important;
  display:grid !important;
  grid-template-columns:repeat(5,1fr) !important;
  gap:12px !important;
}
.bottom-node{
  border:1px solid rgba(64,221,255,0.18) !important;
  border-radius:10px !important;
  padding:12px 6px !important;
  text-align:center !important;
  background:rgba(8,22,44,0.6) !important;
}
.bottom-node i{
  font-size:20px !important;
  color:#40ddff !important;
  margin-bottom:6px !important;
  display:block !important;
}
.bottom-node h6{
  color:#fff !important;
  font-size:13px !important;
  margin:4px 0 !important;
}
.bottom-node small{
  color:#91abc9 !important;
  font-size:11px !important;
  line-height:1.5 !important;
}
.layer-list-wrap{
  display:flex !important;
  flex-direction:column !important;
  gap:24px !important;
}
.layer-block{
  padding-bottom:20px !important;
  border-bottom:1px dashed rgba(64,221,255,0.15) !important;
}
.layer-title{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  margin-bottom:10px !important;
}
.layer-num{
  width:26px !important;
  height:26px !important;
  border-radius:50% !important;
  background:#40ddff !important;
  color:#0a0e1f !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:12px !important;
  font-weight:bold !important;
}
.layer-title h5{
  color:#40ddff !important;
  font-size:17px !important;
  margin:0 !important;
}
.layer-block p{
  color:#9db2cf !important;
  font-size:13px !important;
  line-height:1.7 !important;
  margin:0 0 10px !important;
}
.tag-mini-row{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
}
.tag-mini-row span{
  font-size:11px !important;
  color:#b6c8df !important;
  padding:3px 8px !important;
  border:1px solid rgba(64,221,255,0.18) !important;
  border-radius:4px !important;
}
.tech-desc{
  color:#9db2cf !important;
  font-size:13px !important;
  line-height:1.8 !important;
  margin-bottom:24px !important;
}
.tech-six-grid{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:16px !important;
}
.tech-item-card{
  border:1px solid rgba(64,221,255,0.2) !important;
  border-radius:12px !important;
  padding:20px 16px !important;
  background:rgba(10,24,48,0.55) !important;
}
.tech-icon{
  font-size:24px !important;
  color:#40ddff !important;
  margin-bottom:10px !important;
}
.tech-item-card h6{
  color:#fff !important;
  font-size:16px !important;
  margin:0 0 6px !important;
}
.tech-item-card small{
  color:#9db2cf !important;
  font-size:12px !important;
  line-height:1.6 !important;
}
.flow-line-wrap{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:8px !important;
  margin-bottom:24px !important;
}
.flow-step-item{
  padding:8px 10px !important;
  border:1px solid rgba(64,221,255,0.25) !important;
  border-radius:8px !important;
  background:rgba(64,221,255,0.06) !important;
}
.step-num{
  color:#40ddff !important;
  font-size:12px !important;
  margin-right:4px !important;
}
.flow-step-item p{
  color:#fff !important;
  font-size:13px !important;
  margin:0 !important;
}
.flow-arrow{
  color:#40ddff !important;
  font-weight:bold !important;
}
.flow-loop-desc{
  border-top:1px solid rgba(64,221,255,0.12) !important;
  padding-top:16px !important;
}
.loop-title{
  color:#40ddff !important;
  font-size:14px !important;
  margin:0 0 8px !important;
}
.flow-loop-desc p{
  color:#9db2cf !important;
  font-size:13px !important;
  margin:0 !important;
}
.value-item .val-icon{
  font-size:26px !important;
  color:#40ddff !important;
  margin-bottom:10px !important;
  display:block !important;
}
/* 强制修复底部版权栏居中，不污染其他区域 */
.footer-copyright{
  text-align:center !important;
  width:100% !important;
  margin:0 auto !important;
  padding:30px 0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
  box-sizing:border-box !important;
}
.footer-copyright h2,
.footer-copyright p{
  text-align:center !important;
  margin:6px 0 !important;
}
.footer-status{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
}
/* 移动端适配 */
@media(max-width:1200px){
  .two-col-grid{
    grid-template-columns:1fr !important;
  }
  .arch-five-ring,.arch-bottom-five{
    grid-template-columns:repeat(3,1fr) !important;
  }
}
@media(max-width:768px){
  .arch-five-ring,.arch-bottom-five{
    grid-template-columns:repeat(2,1fr) !important;
  }
  .tech-six-grid{
    grid-template-columns:1fr !important;
  }
  .flow-line-wrap{
    justify-content:center !important;
  }
}