/*Key Specs (Typical Range)*/
.cap-keybox{ padding: 60px 0;}

.cap-keybox-title{}
.cap-keybox-title h2{ font-size: 2rem; line-height: 48px; margin-bottom: 10px;}
.cap-keybox-title a{ background: #1967d2; color: #FFFFFF; transition: all .3s ease; display: inline-block; height: 50px; font-size: 1rem; line-height: 50px; border-radius:6px; padding: 0 30px;}
.cap-keybox-title a:hover{transform: translateY(-3px); box-shadow: 0 12px 25px rgba(0,0,0,.18);}


.cap-keybox-list{gap: 24px; grid-template-columns: repeat(4, 1fr); /* 3 列 */  display: grid; margin: 30px auto;}
.cap-keybox-list dl{ width: 100%; border-radius: 8px; border: 1px solid #CCCCCC; padding: 15px; cursor: pointer; transition: all .3s ease;}
.cap-keybox-list dl dt{ width: 62px; height: 62px; background: #FFFFFF; border-radius:7px;}
.cap-keybox-list dl dd{ width: calc(100% - 62px); padding-left: 15px;}
.cap-keybox-list dl dd b{ display: block; font-size: 1.2rem; line-height: 32px; height: 32px; overflow: hidden; margin-bottom: 5px;}
.cap-keybox-list dl dd p{ line-height: 18px; }
.cap-keybox-list dl:hover{ border-color:#0068BF;  transform: translateY(-3px); box-shadow: 0 12px 25px rgba(0,0,0,.18);}
.cap-keybox-list dl:hover dt{ background: #0068BF;}
.cap-keybox-list dl:hover dt img{filter: brightness(0) invert(1);}



.cap-keybox-build{}
.cap-keybox-build-left{ width: 48.8%;} 
.cap-keybox-build-left img{ width: 100%; height: auto; border-radius:8px;}


.cap-keybox-build-right{ width: 48%;} 
.cap-keybox-build-right dl{ width: 100%;}
.cap-keybox-build-right dl dt b{ display: block; font-size: 1.5rem; line-height: 40px;  background: url(../images/caplinks1.png) no-repeat left center; padding: 0 25px;}
.cap-keybox-build-right dl dt p{ padding: 0 25px;}
.cap-keybox-build-right dl dd{ width: 100%; padding:15px 25px;}
.cap-keybox-build-right dl dd p{ background: url(../images/caplinks2.png) no-repeat left center; padding-left: 15px; font-weight: bold;}
.cap-keybox-build-right dl:first-child{ border-bottom:2px solid #CCCCCC;  margin-bottom: 25px;}



.cap-keybox-need{ margin-top: 30px;}
.cap-keybox-need-left{}
.cap-keybox-need-left h3{ font-size: 1.8rem; line-height: 38px; margin-bottom: 5px;}

.cap-keybox-need-right{}
.cap-keybox-need-right a{ transition: all .3s ease; display: inline-block; margin-left: 15px; height: 50px; font-size: 1rem; line-height: 50px; border-radius:6px; padding: 0 30px;}

.cap-keybox-need-right a:first-child{ background: #1967d2; color: #FFFFFF;}
.cap-keybox-need-right a:last-child{ border:1px solid #1967D2; color: #1967D2;}
.cap-keybox-need-right a:hover{transform: translateY(-3px); box-shadow: 0 12px 25px rgba(0,0,0,.18);}


/*Supported PCB Types*/
.cap-pcb{ width: 100%; padding: 60px 0; background: #f2f7fc;}
.cap-pcb-list{ margin-top: 25px; gap: 30px; grid-template-columns: repeat(3, 1fr); /* 3 列 */  display: grid;}

.cap-pcb-item{transition: all .3s ease; width: 100%; background: #FFFFFF; padding: 30px; border-radius: 8px;}
.cap-pcb-item b{ display: block; font-size: 1.4rem; margin-top: 20px; line-height: 36px;}
.cap-pcb-item p{ font-size: 1rem; margin-top: 5px;}
.cap-pcb-item-links{ margin-top: 20px;}
.cap-pcb-item-links a{transition: all .3s ease; display: inline-block; margin-right: 15px; height: 36px;  line-height: 36px; border-radius:6px; padding: 0 22px;}
.cap-pcb-item-links a:first-child{ background: #1967d2; color: #FFFFFF;}
.cap-pcb-item-links a:last-child{ border:1px solid #1967D2; color: #1967D2;}
.cap-pcb-item-links a:hover{transform: translateY(-3px); box-shadow: 0 12px 25px rgba(0,0,0,.18);}
.cap-pcb-item:hover{transform: translateY(-3px); box-shadow: 0 12px 25px rgba(0,0,0,.18);}


/*Surface Finish & Process Options*/
.cap-surface{width: 100%; padding: 60px 0; background: #FFFFFF;}
.cap-surface-list{ margin-top: 30px; gap: 30px; grid-template-columns: repeat(2, 1fr); /* 3 列 */  display: grid;}

.cap-surface-item{ width: 100%; padding: 35px 30px; transition: all .3s ease; border-radius: 8px; cursor: pointer;}
.cap-surface-item b{ display: block; font-size: 1.3rem; line-height: 36px; margin-top: 25px;}
.cap-surface-item ul{ margin-top: 15px;}
.cap-surface-item ul li{ font-weight: bold; padding-left: 15px; background: url(../images/caplinks2.png) no-repeat left center;}
.cap-surface-item:first-child{ background: url(../images/capsurdl1.png) no-repeat center; background-size:cover;}
.cap-surface-item:last-child{ background: url(../images/capsurdl2.png) no-repeat center; background-size:cover;}

.cap-surface-item:hover{transform: translateY(-3px); box-shadow: 0 12px 25px rgba(0,0,0,.18);}



/*DFM & Engineering Review*/
.cap-dfm{ width: 100%;}
.cap-dfm-left{ width: 50%;}
.cap-dfm-left img{ width: 100%; height: auto;}
.cap-dfm-right{ width: 50%; height: auto; background: url(../images/capdfmbg.jpg) no-repeat center; background-size:cover;}
.cap-dfm-right-list{ width: 100%; padding: 0 30% 0 55px;}

.cap-dfm-right-item{ width: 100%;}
.cap-dfm-right-item h3{ padding: 0 25px; background: url(../images/caplinks1.png) no-repeat left center; font-size: 1.5rem; line-height: 38px; margin-bottom: 5px;}
.cap-dfm-right-item-links{ margin-top: 20px;}
.cap-dfm-right-item-links a{transition: all .3s ease; display: inline-block; margin-right: 15px; height: 36px;  line-height: 36px; border-radius:6px; padding: 0 22px;}
.cap-dfm-right-item-links a:nth-child(1){ background: #1967d2; color: #FFFFFF;}
.cap-dfm-right-item-links a:nth-child(2){ border:1px solid #1967D2; color: #1967D2;}
.cap-dfm-right-item-links a:nth-child(3){ border:1px solid #1967D2; color: #1967D2;}
.cap-dfm-right-item-links a:hover{transform: translateY(-3px); box-shadow: 0 12px 25px rgba(0,0,0,.18);}
.cap-dfm-right-item:first-child{ border-bottom:2px solid #DDDDDD; padding-bottom: 25px; margin-bottom: 25px;}

/*Request a Quote (Capability Confirmation Included)*/
.cap-rfq{ width: 100%; padding: 60px 0; background: #FFFFFF;}
.cap-rfq-box{margin-top: 50px;}

.cap-rfq-right{ width: 47.5%;}
.cap-rfq-right img{ width: 100%; height: auto;}


/* 移动端文字与按钮适配 */
@media (max-width: 1380px){
 
 
 
/*Key Specs (Typical Range)*/ 
  .cap-keybox{ padding: 36px 0; }

  .cap-keybox-title h2{
    font-size: 1.55rem;
    line-height: 36px;
  }

.cap-keybox-title a{ margin-top: 25px;}

  /* 卡片改为 1 列更舒服（信息更清晰） */
  .cap-keybox-list{
    grid-template-columns: 1fr;
    gap: 12px;
    margin: 18px auto;
  }

  .cap-keybox-list dl{
    padding: 14px;
    border-radius: 12px;
  }

  .cap-keybox-list dl dt{
    width: 52px;
    height: 52px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .cap-keybox-list dl dt img{
    max-width: 30px;
    max-height: 30px;
  }

  .cap-keybox-list dl dd{
    width: calc(100% - 52px);
    padding-left: 12px;
  }

  .cap-keybox-list dl dd b{
    font-size: 1.05rem;
    line-height: 28px;
    height: 28px;
  }

  .cap-keybox-list dl dd p{
    font-size: .92rem;
    line-height: 18px;
  }

  /* hover 在手机上意义不大，压一压动效避免“跳” */
  .cap-keybox-list dl:hover{
    transform: none;
    box-shadow: 0 10px 20px rgba(0,0,0,.14);
  }

.cap-keybox-build-left{ width: 100%;}
.cap-keybox-build-right{ margin-top: 20px; width: 100%;}
  /* build 文字更紧凑 */
  .cap-keybox-build-right dl dt b{
    font-size: 1.25rem;
    line-height: 34px;
    padding: 0 18px;
    background-position: left 7px;
  }
  .cap-keybox-build-right dl dt p{
    padding: 0 18px;
    font-size: .95rem;
    line-height: 22px;
  }
  .cap-keybox-build-right dl dd{
    padding: 10px 18px;
  }
  .cap-keybox-build-right dl dd p{
    padding-left: 14px;
    font-size: .95rem;
    line-height: 22px;
    background-position: left 7px;
  }

  /* need 改为上下，按钮全宽更好点按 */
  .cap-keybox-need{
    display: block;
    margin-top: 18px;
  }
  .cap-keybox-need-left{
    margin-bottom: 12px;
  }
  .cap-keybox-need-left h3{
    font-size: 1.4rem;
    line-height: 32px;
  }

  .cap-keybox-need-right{
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .cap-keybox-need-right a{
    width: 100%;
    margin-left: 0;
    text-align: center;
    border-radius: 10px;
    height: 48px;
    line-height: 48px;
    padding: 0 18px;
  }
  .cap-keybox-need-right a:hover{
    transform: none;
    box-shadow: 0 10px 18px rgba(0,0,0,.14);
  }
 
 
/*Supported PCB Types*/
.cap-pcb{ padding: 30px 0; }
.cap-pcb-list{ margin-top: 20px; gap: 10px; grid-template-columns: repeat(1, 1fr); /* 3 列 */  display: grid;}

.cap-pcb-item{ padding: 20px; }
.cap-pcb-item b{ display: block; font-size: 1.2rem; margin-top: 10px; line-height: 36px;}
.cap-pcb-item p{ font-size: 0.9rem; margin-top: 5px;}


/*Surface Finish & Process Options*/
.cap-surface{padding: 30px 0; }
.cap-surface-list{ margin-top: 20px; gap:10px; grid-template-columns: repeat(1, 1fr); /* 3 列 */  display: grid;}

.cap-surface-item{ padding: 20px; }
.cap-surface-item b{  font-size: 1.2rem;  margin-top: 10px;}
.cap-surface-item ul{ margin-top: 10px;}
.cap-surface-item ul li{background: url(../images/caplinks2.png) no-repeat left 6px;}


/*DFM & Engineering Review*/
.cap-dfm-left{ width: 100%;}
.cap-dfm-right{ width: 100%; }
.cap-dfm-right-list{ width: 100%; padding: 20px;}

.cap-dfm-right-item{ width: 100%;}
.cap-dfm-right-item h3{ padding: 0 15px; background: url(../images/caplinks1.png) no-repeat left 10px; font-size: 1.2rem; line-height: 30px; }
.cap-dfm-right-item-links{ margin-top: 10px;}
.cap-dfm-right-item-links a{ margin-right: 5px; padding: 0 12px;}
.cap-dfm-right-item:first-child{ padding-bottom: 15px; margin-bottom: 15px;}

  
/*Request a Quote (Capability Confirmation Included)*/
.cap-rfq{  padding: 30px 0; }
.cap-rfq-box{margin-top: 20px;}
.cap-rfq-right{ width: 100%; margin-top: 20px;}

  
  
  
}