.mold-page{--mold-blue:#075fc6;--mold-blue-light:#eaf4ff;--mold-dark:#081b33;--mold-text:#17324f;--mold-muted:#5c6d80;--mold-line:#dbe5ef;background:#fff;}
.mold-page main{overflow:clip;}
.mold-btn-light{color:var(--mold-blue);background:#fff;border-color:#c9def4;box-shadow:0 8px 22px rgba(8,27,51,.06);}
.mold-btn-light:hover{color:#0555b4;background:#f3f9ff;border-color:#9fc7ee;}
.mold-hero{position:relative;isolation:isolate;overflow:hidden;min-height:590px;display:grid;align-items:center;color:var(--mold-text);background:radial-gradient(circle at 84% 22%,rgba(74,157,239,.16),transparent 34%),linear-gradient(115deg,#fff 0%,#f7faff 52%,#eaf4ff 100%);border-bottom:1px solid #d7e6f4;}
.mold-hero::before{content:"";position:absolute;inset:0;z-index:-2;opacity:.48;background-image:linear-gradient(rgba(38,111,184,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(38,111,184,.09) 1px,transparent 1px);background-size:58px 58px;}
.mold-hero::after{content:"";position:absolute;z-index:-1;top:-24%;bottom:-30%;left:35%;width:34%;border-left:1px solid rgba(30,116,201,.16);border-right:1px solid rgba(30,116,201,.09);border-radius:50%;box-shadow:-38px 0 0 rgba(82,158,232,.035),-76px 0 0 rgba(82,158,232,.025);transform:rotate(9deg);pointer-events:none;}
.mold-hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);align-items:center;gap:clamp(48px,5vw,86px);padding:58px 0;}
.mold-breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:25px;font-size:13px;color:#526a82;}
.mold-breadcrumbs a{color:inherit;}
.mold-breadcrumbs a:hover{color:var(--mold-blue);}
.mold-hero .eyebrow{color:var(--mold-blue);}
.mold-hero__copy h1{max-width:790px;margin:0 0 26px;color:var(--mold-dark);font-size:clamp(48px,5.4vw,68px);line-height:1.02;letter-spacing:-.045em;}
.mold-hero__copy h1 span{display:block;color:var(--mold-blue);}
.mold-hero__lead{max-width:720px;margin:0;font-size:18px;line-height:1.72;color:#425d77;}
.mold-hero__lead+p{max-width:720px;margin:17px 0 0;font-size:15px;line-height:1.75;color:var(--mold-muted);}
.mold-hero__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px;}
.mold-hero__media{position:relative;overflow:hidden;min-height:470px;margin:0;border-radius:28px;border:1px solid #c7dced;background:#f5f9fd;box-shadow:0 24px 60px rgba(8,27,51,.13);}
.mold-hero__media img{display:block;width:100%;height:470px;object-fit:cover;}
.mold-hero__media figcaption{position:absolute;left:26px;right:26px;bottom:23px;z-index:2;font-size:13px;line-height:1.55;color:#526a82;}
.mold-subnav{


position:sticky;


top:var(--nav-h);


z-index:850;


background:

rgba(255,255,255,.96);


border-bottom:

1px solid rgba(213,227,241,.92);


backdrop-filter:blur(16px);


}




.mold-subnav__inner{


display:flex;


align-items:center;


justify-content:space-between;


gap:26px;


min-height:66px;


}




.mold-subnav__links{


display:flex;


gap:26px;


}



.mold-subnav__links a{


font-size:13px;


font-weight:750;


color:#40566d;


}



.mold-subnav__links a:hover{


color:var(--mold-blue);


}




.mold-subnav__cta{


min-height:42px;


padding-inline:18px;


font-size:11px;


}







/* =====================================================
   COMMON SECTION
===================================================== */


.mold-content-section{


padding:100px 0;


}



.mold-content-section--alt{

background: #ffffff;

}




.mold-section-head{


max-width:900px;


margin-bottom:60px;


}




.mold-section-head .eyebrow{


color:#081b33;


}




.mold-section-head h2{


margin:

18px 0;


font-size:

clamp(32px,3vw,44px);


line-height:1.15;


letter-spacing:-.03em;


color:var(--mold-dark);


}





.mold-section-head p{


font-size:18px;


line-height:1.75;


color:var(--mold-muted);


}







/* =====================================================
   OVERVIEW
===================================================== */


.mold-overview{


display:grid;


grid-template-columns:

1.1fr .9fr;


gap:60px;


align-items:center;


}





.mold-overview__content h2{


margin-bottom:25px;


font-size:42px;


line-height:1.15;


color:var(--mold-dark);


}




.mold-overview__content p{


margin-bottom:18px;


font-size:17px;


line-height:1.8;


color:var(--mold-text);


}





.mold-overview__lead{


font-size:22px!important;


color:#304b67!important;


}





.mold-fit-panel{


padding:42px;


background:#f3f8fd;


border:

1px solid var(--mold-line);


border-radius:24px;


}





.mold-fit-panel__label{


display:block;


margin-bottom:18px;


font-size:12px;


font-weight:800;


letter-spacing:.12em;


text-transform:uppercase;


color:var(--mold-blue);


}




.mold-fit-panel h3{


margin-bottom:24px;


font-size:24px;


color:var(--mold-dark);


}




.mold-fit-panel__intro{


margin-bottom:20px;


font-size:15px;


line-height:1.75;


color:var(--mold-muted);


}




.mold-fit-panel ul{


margin:0;


padding:0;


list-style:none;


}





.mold-fit-panel li{


position:relative;


padding:18px 0 18px 32px;


border-bottom:

1px solid var(--mold-line);


color:var(--mold-text);


line-height:1.6;


}





.mold-fit-panel li::before{


content:"✓";


position:absolute;


left:0;


color:var(--mold-blue);


font-weight:800;


}

/* =====================================================
   MOLD DESIGN REQUIREMENTS
===================================================== */


.mold-design-list{


display:flex;


flex-direction:column;


}




.mold-design-item{


display:grid;


grid-template-columns:

120px 1fr;


gap:40px;


padding:48px 0;


border-bottom:

1px solid var(--mold-line);


}




.mold-design-item:last-child{


border-bottom:none;


}




.mold-design-number{


font-size:52px;


font-weight:800;


line-height:1;


color:#d9eaff;


}




.mold-design-content h3{


margin:0 0 24px;


font-size:26px;


line-height:1.25;


letter-spacing:-.02em;


color:var(--mold-dark);


}





.mold-design-content p{


max-width:850px;


margin:

0 0 18px;


font-size:16px;


line-height:1.85;


color:var(--mold-text);


}





.mold-design-item:hover 
.mold-design-number{


color:#9bcfff;


transition:.3s ease;


}








/* =====================================================
   ACCURACY INDICATORS
===================================================== */


.mold-indicator-grid{


display:grid;


grid-template-columns:

repeat(5,1fr);


gap:20px;


}




.mold-indicator{


padding:28px;


background:#fff;


border:

1px solid var(--mold-line);


border-top:

4px solid var(--mold-blue);


border-radius:18px;


}





.mold-indicator strong{


display:block;


margin-bottom:12px;


font-size:17px;


line-height:1.35;


color:var(--mold-dark);


}





.mold-indicator span{


font-size:14px;


line-height:1.7;


color:var(--mold-muted);


}








/* =====================================================
   PROCESS FLOW
===================================================== */


.mold-flow{


display:grid;


grid-template-columns:

repeat(6,1fr);


gap:22px;


}




.mold-flow-item{


position:relative;


text-align:center;


}




.mold-flow-item:not(:last-child)::after{


content:"→";


position:absolute;


right:-18px;


top:34px;


font-size:24px;


color:var(--mold-blue);


}





.mold-flow-item span{


display:flex;


justify-content:center;


align-items:center;


width:68px;


height:68px;


margin:

0 auto 18px;


border-radius:50%;


background:

var(--mold-blue);


color:#fff;


font-weight:800;


}




.mold-flow-item h4{


margin:0;


font-size:16px;


line-height:1.4;


color:var(--mold-dark);


}








/* =====================================================
   PROCESS IMAGE
===================================================== */


.mold-media{


max-width:1260px;


margin:

0 auto;


overflow:hidden;


border-radius:24px;


}




.mold-media img{


display:block;


width:100%;


height:520px;


object-fit:cover;


border-radius:24px;


box-shadow:

0 25px 70px rgba(8,27,51,.12);


}




.mold-media figcaption{


margin-top:16px;


padding:

16px 20px;


background:#f4f8fc;


border-radius:

0 0 20px 20px;


font-size:14px;


line-height:1.65;


color:var(--mold-muted);


}










/* =====================================================
   ENGINEERING CAPABILITY
===================================================== */


.mold-capability{


padding:84px 0;


}




.mold-capability__panel{


display:grid;


grid-template-columns:

46% 54%;

align-items:stretch;

min-height:540px;


overflow:hidden;


border-radius:30px;


background:

linear-gradient(

120deg,

#071b33,

#0a315b

);


box-shadow:

0 30px 80px rgba(8,27,51,.18);


}




.mold-capability__media{


position:relative;

min-width:0;

min-height:540px;

overflow:hidden;


}





.mold-capability__media img{


position:absolute;

inset:0;

display:block;


width:100%;


height:100%;


object-fit:cover;

object-position:center;


}




.mold-capability__content{


display:flex;

min-width:0;

flex-direction:column;

justify-content:center;

padding:48px 56px;


color:#fff;


}





.mold-capability__content .eyebrow{


color:#79bcff;


}




.mold-capability__content h2{


margin:

14px 0 18px;


font-size:

clamp(34px,2.7vw,44px);


line-height:1.1;


letter-spacing:-.035em;


color:#fff;


}





.mold-capability__content p{


margin:0;

font-size:16px;


line-height:1.65;


color:

rgba(255,255,255,.75);


}





.mold-center-list{


margin:

24px 0 0;


padding:0;


list-style:none;


}





.mold-center-list li{


display:grid;


grid-template-columns:

50px 1fr;


align-items:center;


gap:12px;


padding:

11px 0;


border-bottom:

1px solid rgba(255,255,255,.15);


}





.mold-center-list strong{


font-size:15px;


color:#79bcff;


}





.mold-center-list span{


font-size:15px;


color:

rgba(255,255,255,.85);


}





.mold-capability__actions{


display:flex;


align-items:center;


gap:22px;


margin-top:26px;


}





.mold-text-link{


font-weight:750;


color:var(--mold-blue);


}





.mold-text-link--light{


color:#fff;


}





.mold-text-link--light:hover{


color:#79bcff;


}
/* =====================================================
   FINAL CTA
===================================================== */


.mold-final-cta{


padding:

90px 0;


background:#f4f8fc;


}





.mold-final-cta__inner{


display:flex;


align-items:center;


justify-content:space-between;


gap:40px;


padding:

55px 65px;


border-radius:28px;


background:#fff;


border:

1px solid var(--mold-line);


box-shadow:

0 20px 60px rgba(8,27,51,.08);


}





.mold-final-cta span{


display:block;


margin-bottom:15px;


font-size:12px;


font-weight:800;


letter-spacing:.12em;


text-transform:uppercase;


color:var(--mold-blue);


}





.mold-final-cta h2{


margin:0;


font-size:

clamp(32px,3vw,46px);


line-height:1.15;


letter-spacing:-.03em;


color:var(--mold-dark);


}







/* =====================================================
   RESPONSIVE
===================================================== */



@media(max-width:1200px){



.mold-hero__grid{


grid-template-columns:1fr;


}



.mold-hero__media{


min-height:420px;


}



.mold-hero__media img{


height:420px;


}



.mold-overview{


grid-template-columns:1fr;


gap:40px;


}




.mold-indicator-grid{


grid-template-columns:

repeat(3,1fr);


}



.mold-flow{


grid-template-columns:

repeat(3,1fr);


gap:40px;


}



.mold-flow-item:not(:last-child)::after{


display:none;


}




.mold-capability__panel{


grid-template-columns:1fr;


}




.mold-capability__media{


height:420px;


min-height:420px;


}




.mold-capability__media img{


height:420px;


}



}








@media(max-width:900px){



.mold-subnav__inner{


flex-direction:column;


align-items:flex-start;


padding:

18px 0;


}



.mold-subnav__links{


width:100%;


overflow-x:auto;


padding-bottom:5px;


}



.mold-content-section{


padding:70px 0;


}




.mold-section-head h2{


font-size:34px;


}



.mold-design-item{


grid-template-columns:

1fr;


gap:15px;


padding:38px 0;


}



.mold-design-number{


font-size:42px;


}



.mold-design-content h3{


font-size:24px;


}




.mold-indicator-grid{


grid-template-columns:

repeat(2,1fr);


}



.mold-flow{


grid-template-columns:

repeat(2,1fr);


}



.mold-capability{


padding:70px 0;


}




.mold-capability__content{


padding:

45px 35px;


}



.mold-final-cta__inner{


padding:

45px 35px;


flex-direction:column;


align-items:flex-start;


}



}









@media(max-width:640px){



.mold-hero{


min-height:auto;


}




.mold-hero__grid{


padding:

40px 0;


gap:35px;


}




.mold-hero__copy h1{


font-size:42px;


}



.mold-hero__lead{


font-size:16px;


}



.mold-hero__media{


min-height:320px;


}



.mold-hero__media img{


height:320px;


}




.mold-subnav__cta{


width:100%;


}




.mold-fit-panel{


padding:28px;


}




.mold-fit-panel h3{


font-size:22px;


}




.mold-design-content p{


font-size:15px;


}



.mold-indicator-grid{


grid-template-columns:

1fr;


}



.mold-flow{


grid-template-columns:

1fr;


}



.mold-flow-item span{


width:60px;


height:60px;


}



.mold-media img{


height:300px;


}



.mold-capability__content{


padding:

35px 25px;


}



.mold-capability__content h2{


font-size:32px;


}




.mold-center-list li{


grid-template-columns:

40px 1fr;


}



.mold-capability__actions{


display:grid;


gap:18px;


}



.mold-final-cta{


padding:

60px 0;


}



.mold-final-cta__inner{


padding:

35px 25px;


}



.mold-final-cta h2{


font-size:30px;


}



}


/* =====================================================
   MOLD REQUIREMENTS 2x2 GRID
===================================================== */


.mold-requirements-grid{


display:grid;


grid-template-columns:

repeat(2,1fr);


gap:32px;


}



.mold-requirement-card{


position:relative;


padding:42px;


background:#fff;


border:1px solid var(--mold-line);


border-radius:26px;


min-height:300px;


overflow:hidden;


transition:.35s ease;


}



.mold-requirement-card::before{


content:"";


position:absolute;


top:0;

left:0;


width:100%;


height:4px;


background:

linear-gradient(

90deg,

#075fc6,

#79bcff

);


transform:scaleX(0);


transform-origin:left;


transition:.35s ease;


}



.mold-requirement-card:hover{


transform:translateY(-8px);


box-shadow:

0 25px 60px rgba(8,27,51,.12);


border-color:#bfdcf8;


}



.mold-requirement-card:hover::before{


transform:scaleX(1);


}



.mold-requirement-number{


font-size:52px;


font-weight:800;


line-height:1;


color:#dcecff;


margin-bottom:32px;



}



.mold-requirement-content h3{


margin:0 0 22px;


font-size:15px;


line-height:1.9;


color:var(--mold-dark);


}



.mold-requirement-content p{


margin:0 0 16px;


font-size:15px;


line-height:1.8;


color:var(--mold-muted);


}
@media(max-width:900px){

.mold-requirements-grid{

grid-template-columns:1fr;

}


.mold-requirement-card{

padding:30px;

}

}


/* =====================================================
   MOLD ACCURACY REQUIREMENTS
===================================================== */
.mold-accuracy-section {
  padding: 92px 0;
  color: var(--mold-dark, #081b33);
  background:linear-gradient(180deg, #f7faff 0%, #f0f6fc 100%);
}

.mold-accuracy-head {
  max-width: 1200px;
  margin-bottom: 46px;
}

.mold-accuracy-head .eyebrow {
  margin-bottom: 24px;
  color: var(--mold-blue, #075fc6);
  font-size: 13px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.mold-accuracy-head .eyebrow::after {
  content: "";
  display: block;
  width: 38px;
  height: 2px;
  margin-top: 12px;
  background: var(--mold-blue, #075fc6);
}

.mold-accuracy-head h2 {
  max-width: 1180px;
  margin: 0;
  color: var(--mold-dark, #081b33);
  font-size: clamp(38px, 4vw, 50px);
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: -0.035em;
}

.mold-accuracy-table-wrap {
  overflow-x: auto;
  border: 1px solid #cddff1;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 14px 40px rgba(8, 27, 51, 0.04);
}

.mold-accuracy-table {
  width: 100%;
  min-width: 900px;
  border-spacing: 0;
  border-collapse: separate;
  table-layout: fixed;
  color: #102640;
  font-size: 15px;
  line-height: 1.55;
}

.mold-accuracy-table th,
.mold-accuracy-table td {
  padding: 24px 20px;
  border-right: 1px solid #cddff1;
  border-bottom: 1px solid #cddff1;
  text-align: left;
  vertical-align: middle;
}

.mold-accuracy-table th:last-child,
.mold-accuracy-table td:last-child {
  border-right: 0;
}

.mold-accuracy-table tbody tr:last-child th,
.mold-accuracy-table tbody tr:last-child td {
  border-bottom: 0;
}

.mold-accuracy-table thead th {
  padding-top: 25px;
  padding-bottom: 25px;
  color: #102640;
  background: #eaf4ff;
  font-size: 14px;
  font-weight: 700;
}

.mold-accuracy-table thead th:first-child {
  width: 28%;
  border-radius: 19px 0 0;
}

.mold-accuracy-table thead th:nth-child(2) {
  width: 25%;
}

.mold-accuracy-table thead th:nth-child(3) {
  width: 47%;
  border-radius: 0 19px 0 0;
}

.mold-accuracy-table tbody th {
  color: #102640;
  background: #fff;
  font-weight: 700;
}

.mold-accuracy-table tbody td {
  background: #fff;
  font-weight: 400;
}

.mold-accuracy-table tbody tr {
  transition:
    background-color 0.25s ease,
    box-shadow 0.25s ease;
}

.mold-accuracy-table tbody tr:hover th,
.mold-accuracy-table tbody tr:hover td {
  background: #f6faff;
}

.mold-accuracy-note {
 margin-top: 28px;
    padding: 20px 24px;
    display: flex;
    align-items: center;
    gap: 17px;
    border: 1px solid #cfe2f5;
    border-radius: 16px;
    background: rgba(232, 244, 255, .76);
}

.mold-accuracy__note-icon {
         flex: 0 0 auto;
    width: 30px;
    height: 30px;
    display: grid
;
    place-items: center;
    color: #075fc6;
    border: 2px solid #075fc6;
    border-radius: 50%;
    font-size: 15px;
    font-weight: 850;
    font-family: Georgia, serif;
}
.mold-accuracy-note p {
     margin: 0;
    color:#5c6d80;
    line-height: 1.75;
}
.mold-accuracy-intro {
  max-width: 920px;
  margin: 24px 0 0;
  color: var(--mold-muted, #5c6d80);
  font-size: 18px;
  line-height: 1.75;
}

/* =====================================================
   RESPONSIVE
===================================================== */
@media (max-width: 991px) {
  .mold-accuracy-section {
    padding: 72px 0;
  }

  .mold-accuracy-head {
    margin-bottom: 36px;
  }

  .mold-accuracy-head h2 {
    font-size: clamp(34px, 6vw, 48px);
  }
}

@media (max-width: 767px) {
  .mold-accuracy-section {
    padding: 58px 0;
  }

  .mold-accuracy-head {
    margin-bottom: 30px;
  }

  .mold-accuracy-head .eyebrow {
    margin-bottom: 18px;
    font-size: 12px;
  }

  .mold-accuracy-head h2 {
    font-size: 34px;
    line-height: 1.12;
  }

  .mold-accuracy-table-wrap {
    border-radius: 14px;
  }

  .mold-accuracy-table {
    min-width: 820px;
    font-size: 14px;
  }

  .mold-accuracy-table th,
  .mold-accuracy-table td {
    padding: 19px 16px;
  }

  .mold-accuracy-note {
    padding: 18px 18px 18px 48px;
    font-size: 14px;
  }

  .mold-accuracy-note::before {
    top: 18px;
    left: 17px;
  }
	.mold-accuracy-intro {
  max-width: 920px;
  margin: 24px 0 0;
  color: var(--mold-muted, #5c6d80);
  font-size: 18px;
  line-height: 1.75;
}
}
/* =====================================================
   OTHER KEY PROCESS REQUIREMENTS
===================================================== */
.mold-center-requirements {
  padding: 100px 0;
  background: #ffffff;
}

.mold-center-requirements__head {
  max-width: 1050px;
  margin-bottom: 52px;
}

.mold-center-requirements__head .eyebrow {
  margin-bottom: 22px;
  color: #081b33;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.mold-center-requirements__head .eyebrow::after {
  content: "";
  display: block;
  width: 38px;
  height: 2px;
  margin-top: 12px;
  background: var(--mold-blue, #075fc6);
}

.mold-center-requirements__head h2 {
  max-width: 1000px;
  margin: 0;
  color: var(--mold-dark, #081b33);
  font-size: clamp(38px, 4vw, 50px);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.035em;
}

.mold-center-requirements__head > p {
  max-width: 900px;
  margin: 24px 0 0;
  color: var(--mold-muted, #5c6d80);
  font-size: 18px;
  line-height: 1.75;
}

/* 2 × 2 grid */
.mold-center-requirements__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.mold-requirement-card {
  position: relative;
  min-height: 390px;
  padding: 34px 36px 36px;
  overflow: hidden;
  border: 1px solid #d6e3f0;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 10px 30px rgba(8, 27, 51, 0.045);
  transition:
    transform 0.3s ease,
    border-color 0.3s ease,
    box-shadow 0.3s ease;
}

.mold-requirement-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 36px;
  width: 64px;
  height: 3px;
  border-radius: 0 0 4px 4px;
  background: var(--mold-blue, #075fc6);
}

.mold-requirement-card:hover {
  transform: translateY(-5px);
  border-color: rgba(7, 95, 198, 0.3);
  box-shadow: 0 20px 48px rgba(8, 27, 51, 0.1);
}

.mold-requirement-card__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 25px;
}

.mold-requirement-card__number {
  color: var(--mold-blue, #075fc6);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.1em;
}

.mold-requirement-card__icon {
  display: grid;
  width: 50px;
  height: 50px;
  place-items: center;
  border-radius: 14px;
  color: var(--mold-blue, #075fc6);
  background: #eaf4ff;
}

.mold-requirement-card__icon svg {
  width: 25px;
  height: 25px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.mold-requirement-card h3 {
  margin: 0 0 14px;
  color: var(--mold-dark, #081b33);
  font-size: 25px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.02em;
}

.mold-requirement-card__lead {
  margin: 0 0 22px;
  color: var(--mold-muted, #5c6d80);
  font-size: 15px;
  line-height: 1.7;
}

.mold-requirement-card ul {
  display: grid;
  gap: 12px;
  margin: 0;
  padding: 20px 0 0;
  border-top: 1px solid #e3ebf3;
  list-style: none;
}

.mold-requirement-card li {
  position: relative;
  padding-left: 22px;
  color: #263e58;
  font-size: 15px;
  line-height: 1.55;
}

.mold-requirement-card li::before {
  content: "";
  position: absolute;
  top: 0.62em;
  left: 1px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--mold-blue, #075fc6);
}

/* =====================================================
   RESPONSIVE
===================================================== */
@media (max-width: 991px) {
  .mold-center-requirements {
    padding: 78px 0;
  }

  .mold-center-requirements__grid {
    grid-template-columns: 1fr;
  }

  .mold-requirement-card {
    min-height: auto;
  }
}

@media (max-width: 767px) {
  .mold-center-requirements {
    padding: 60px 0;
  }

  .mold-center-requirements__head {
    margin-bottom: 34px;
  }

  .mold-center-requirements__head h2 {
    font-size: 34px;
    line-height: 1.12;
  }

  .mold-center-requirements__head > p {
    margin-top: 18px;
    font-size: 16px;
    line-height: 1.7;
  }

  .mold-center-requirements__grid {
    gap: 18px;
  }

  .mold-requirement-card {
    padding: 28px 24px 30px;
    border-radius: 16px;
  }

  .mold-requirement-card::before {
    left: 24px;
  }

  .mold-requirement-card h3 {
    font-size: 22px;
  }
}
#mold-process-focus-title {
  max-width: 1200px;
}

.mold-accuracy-table thead th:first-child {
  width: 32%;
}

.mold-accuracy-table thead th:nth-child(2) {
  width: 68%;
}
/* =====================================================
   AMORPHOUS ALLOY MOLD PROCESS FLOW
===================================================== */
.mold-process-flow {
  position: relative;
  overflow: hidden;
  padding: 96px 0 104px;
  background: linear-gradient(180deg, #f7faff 0%, #f0f6fc 100%);
}

/* =====================================================
   SECTION HEADER
===================================================== */
.mold-process-flow__head {
  max-width: 1100px;
  margin-bottom: 48px;
}

.mold-process-flow__head .eyebrow {
  margin-bottom: 22px;
  color: var(--mold-blue, #075fc6);
  font-size: 13px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.mold-process-flow__head .eyebrow::after {
  content: "";
  display: block;
  width: 38px;
  height: 2px;
  margin-top: 12px;
  background: var(--mold-blue, #075fc6);
}

.mold-process-flow__head h2 {
  max-width: 1000px;
  margin: 0;
  color: var(--mold-dark, #081b33);
  font-size: clamp(40px, 4vw, 50px);
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: -0.035em;
}

/* =====================================================
   PROCESS GRID
===================================================== */
.mold-process-flow__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 22px;
  counter-reset: mold-process;
}

/* =====================================================
   PROCESS CARD
===================================================== */
.mold-process-step {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 420px;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid #d6e3f0;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 10px 30px rgba(8, 27, 51, 0.045);
  transition:
    transform 0.3s ease,
    border-color 0.3s ease,
    box-shadow 0.3s ease;
}

.mold-process-step:hover {
  transform: translateY(-5px);
  border-color: rgba(7, 95, 198, 0.32);
  box-shadow: 0 20px 46px rgba(8, 27, 51, 0.11);
}

.mold-process-step::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 28px;
  width: 54px;
  height: 3px;
  border-radius: 0 0 4px 4px;
  background: var(--mold-blue, #075fc6);
}

/* =====================================================
   CARD CONTENT
===================================================== */
.mold-process-step__content {
  position: relative;
  z-index: 2;
  min-height: 190px;
  padding: 30px 28px 0px;
  background: #fff;
}

.mold-process-step__title {
  display: flex;
  align-items: baseline;
  gap: 11px;
  margin-bottom: 15px;
}

.mold-process-step__title span {
  flex: 0 0 auto;
  color: var(--mold-blue, #075fc6);
  font-size: 17px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.03em;
}

.mold-process-step__title h3 {
  margin: 0;
  color: var(--mold-dark, #081b33);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.018em;
}

.mold-process-step__content p {
  margin: 0;
  color: var(--mold-muted, #5c6d80);
  font-size: 14px;
  line-height: 1.65;
}

/* =====================================================
   CARD IMAGE
===================================================== */
.mold-process-step__media {
  position: relative;
  min-height: 270px;
  margin: auto 0 0;
  overflow: hidden;
  background: #eef4fa;
}

.mold-process-step__media::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  box-shadow: inset 0 1px 0 rgba(8, 27, 51, 0.07);
}

.mold-process-step__media img {
  display: block;
  width: 100%;
  height: 270px;
  object-fit: cover;
  object-position: center;
  transition: transform 0.6s ease;
}

.mold-process-step:hover .mold-process-step__media img {
  transform: scale(1.035);
}

/* =====================================================
   FLOW ARROWS
===================================================== */
.mold-process-step:not(:nth-child(4n))::after {
  content: "→";
  position: absolute;
  z-index: 5;
  top: 58%;
  right: -18px;
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border: 1px solid #c8ddf2;
  border-radius: 50%;
  color: var(--mold-blue, #075fc6);
  background: #fff;
  box-shadow: 0 5px 14px rgba(8, 27, 51, 0.08);
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
}

/*
  允许流程箭头超出卡片显示。
  图片仍由内部 media 元素单独裁切。
*/
.mold-process-step {
  overflow: visible;
}

.mold-process-step__content {
  border-radius: 17px 17px 0 0;
}

.mold-process-step__media {
  border-radius: 0 0 17px 17px;
}

/* =====================================================
   TABLET: 2 COLUMNS
===================================================== */
@media (max-width: 1199px) {
  .mold-process-flow {
    padding: 82px 0 90px;
  }

  .mold-process-flow__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mold-process-step:not(:nth-child(4n))::after {
    display: none;
  }

  .mold-process-step:not(:nth-child(2n))::after {
    content: "→";
    position: absolute;
    z-index: 5;
    top: 58%;
    right: -18px;
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border: 1px solid #c8ddf2;
    border-radius: 50%;
    color: var(--mold-blue, #075fc6);
    background: #fff;
    box-shadow: 0 5px 14px rgba(8, 27, 51, 0.08);
    font-size: 18px;
    font-weight: 700;
  }

  .mold-process-step__content {
    min-height: 170px;
  }

  .mold-process-step__media,
  .mold-process-step__media img {
    height: 300px;
  }
}

/* =====================================================
   MOBILE: 1 COLUMN
===================================================== */
@media (max-width: 767px) {
  .mold-process-flow {
    padding: 60px 0 66px;
  }

  .mold-process-flow__head {
    margin-bottom: 32px;
  }

  .mold-process-flow__head .eyebrow {
    margin-bottom: 18px;
    font-size: 12px;
  }

  .mold-process-flow__head h2 {
    font-size: 34px;
    line-height: 1.12;
  }

  .mold-process-flow__grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .mold-process-step {
    min-height: auto;
  }

  .mold-process-step::after,
  .mold-process-step:not(:nth-child(2n))::after {
    display: none;
  }

  .mold-process-step__content {
    min-height: auto;
    padding: 27px 23px 23px;
  }

  .mold-process-step__title {
    gap: 10px;
    margin-bottom: 13px;
  }

  .mold-process-step__title h3 {
    font-size: 20px;
  }

  .mold-process-step__content p {
    font-size: 14px;
  }

  .mold-process-step__media,
  .mold-process-step__media img {
    height: 260px;
    min-height: 260px;
  }
}

/* =====================================================
   REDUCED MOTION
===================================================== */
@media (prefers-reduced-motion: reduce) {
  .mold-process-step,
  .mold-process-step__media img {
    transition: none;
  }

  .mold-process-step:hover {
    transform: none;
  }

  .mold-process-step:hover .mold-process-step__media img {
    transform: none;
  }
}
/* =====================================================
   PRESSING AND FORMING PROCESS
===================================================== */
.mold-forming-visual {
  padding: 68px 0 76px;
  background: #fff;
}

/* 整体圆角面板 */
.mold-forming-visual__panel {
  overflow: hidden;
  border: 1px solid #d4e2ef;
  border-radius: 22px;
  background: #f2f7fc;
  box-shadow: 0 16px 44px rgba(8, 27, 51, 0.07);
}

/* =====================================================
   SECTION HEADER
===================================================== */
.mold-forming-visual__head {
  max-width: 1180px;
  margin: 0;
  padding: 44px 48px 30px;
}

.mold-forming-visual__head .eyebrow {
  margin-bottom: 19px;
  color: var(--mold-blue, #075fc6);
  font-size: 13px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.mold-forming-visual__head .eyebrow::after {
  content: "";
  display: block;
  width: 38px;
  height: 2px;
  margin-top: 12px;
  background: var(--mold-blue, #075fc6);
}

.mold-forming-visual__head h2 {
  max-width: 1100px;
  margin: 0;
  color: var(--mold-dark, #081b33);
  font-size: clamp(38px, 3.8vw, 56px);
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: -0.035em;
}

/* =====================================================
   PROCESS IMAGE
===================================================== */
.mold-forming-visual__media {
  margin: 0 48px 48px;
  overflow: hidden;
  border: 1px solid #cfdeec;
  border-radius: 16px;
  background: #eaf2f9;
}

.mold-forming-visual__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center bottom;
}

/* =====================================================
   TABLET
===================================================== */
@media (max-width: 991px) {
  .mold-forming-visual {
    padding: 62px 0 68px;
  }

  .mold-forming-visual__head {
    padding: 38px 34px 27px;
  }

  .mold-forming-visual__head h2 {
    font-size: clamp(36px, 5.5vw, 48px);
  }

  .mold-forming-visual__media {
    height: auto;
    margin: 0 34px 34px;
  }

  .mold-forming-visual__media img {
    height: auto;
    object-fit: contain;
  }
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
  .mold-forming-visual {
    padding: 52px 0 58px;
  }

  .mold-forming-visual__panel {
    border-radius: 17px;
  }

  .mold-forming-visual__head {
    padding: 29px 21px 23px;
  }

  .mold-forming-visual__head .eyebrow {
    margin-bottom: 17px;
    font-size: 12px;
  }

  .mold-forming-visual__head h2 {
    font-size: 32px;
    line-height: 1.12;
  }

  .mold-forming-visual__media {
    margin: 0 15px 15px;
    border-radius: 12px;
  }
}
/* =====================================================
   MOLD PROCESS — INQUIRY, FAQ AND PAGE NAVIGATION
===================================================== */

/* Mid-page inquiry */
.mold-inline-inquiry {
  padding: 88px 0 88px;
  background: #fff;
}

.mold-inline-inquiry__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 42px;
  padding: 34px 38px;
  border: 1px solid #cfe0f0;
  border-radius: 18px;
  background: linear-gradient(135deg, #eef6ff 0%, #f8fbff 100%);
}

.mold-inline-inquiry__inner > div {
  max-width: 900px;
}

.mold-inline-inquiry__inner span:first-child {
  display: block;
  margin-bottom: 9px;
  color: var(--mold-blue, #075fc6);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .13em;
}

.mold-inline-inquiry__inner h2 {
  margin: 0;
  color: var(--mold-dark, #081b33);
  font-size: clamp(25px, 2.3vw, 34px);
  line-height: 1.2;
  letter-spacing: -.025em;
}

.mold-inline-inquiry__inner p {
  margin: 10px 0 0;
  color: var(--mold-muted, #5c6d80);
  font-size: 15px;
  line-height: 1.65;
}

.mold-inline-inquiry__inner > .btn {
  flex: 0 0 auto;
  white-space: nowrap;
}

/* FAQ */
.mold-center-faq {
  padding: 96px 0;
  background: #f2f7fc;
}

.mold-center-faq__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(300px, .55fr);
  align-items: start;
  gap: clamp(40px, 5vw, 72px);
}

.mold-center-faq__head {
  max-width: 900px;
  margin-bottom: 38px;
}

.mold-center-faq__head .eyebrow,
.mold-center-navigation__head .eyebrow {
  margin-bottom: 20px;
  color: var(--mold-blue, #075fc6);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.mold-center-faq__head h2,
.mold-center-navigation__head h2 {
  margin: 0;
  color: var(--mold-dark, #081b33);
  font-size: clamp(38px, 3.6vw, 50px);
  line-height: 1.1;
  letter-spacing: -.035em;
}

.mold-center-faq__list {
  overflow: hidden;
  border: 1px solid #d4e2ef;
  border-radius: 20px;
  background: #fff;
}

.mold-center-faq__list details {
  border-bottom: 1px solid #dce7f1;
}

.mold-center-faq__list details:last-child {
  border-bottom: 0;
}

.mold-center-faq__list summary {
  position: relative;
  padding: 23px 62px 23px 26px;
  color: var(--mold-dark, #081b33);
  font-size: 17px;
  font-weight: 700;
  line-height: 1.45;
  list-style: none;
  cursor: pointer;
}

.mold-center-faq__list summary::-webkit-details-marker {
  display: none;
}

.mold-center-faq__list summary::after {
  content: "+";
  position: absolute;
  top: 50%;
  right: 25px;
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  transform: translateY(-50%);
  border-radius: 50%;
  color: var(--mold-blue, #075fc6);
  background: #eaf4ff;
  font-size: 19px;
  line-height: 1;
}

.mold-center-faq__list details[open] summary::after {
  content: "−";
}

.mold-center-faq__list details[open] summary {
  color: var(--mold-blue, #075fc6);
}

.mold-center-faq__list details p {
  margin: 0;
  padding: 0 62px 24px 26px;
  color: var(--mold-muted, #5c6d80);
  font-size: 15px;
  line-height: 1.75;
}

.mold-center-faq__aside {
  position: sticky;
  top: calc(var(--nav-h, 88px) + 28px);
  padding: 36px;
  border-radius: 20px;
  color: #fff;
  background: linear-gradient(145deg, #081f3a, #0b3d70);
  box-shadow: 0 20px 48px rgba(8, 27, 51, .14);
}

.mold-center-faq__aside > span {
  color: #79bcff;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .13em;
}

.mold-center-faq__aside h3 {
  margin: 18px 0 15px;
  color: #fff;
  font-size: 29px;
  line-height: 1.18;
  letter-spacing: -.025em;
}

.mold-center-faq__aside p {
  margin: 0 0 25px;
  color: rgba(255, 255, 255, .76);
  font-size: 15px;
  line-height: 1.7;
}

/* Mold Center page navigation */
.mold-center-navigation {
  padding: 92px 0;
  background: #fff;
}

.mold-center-navigation__head {
  max-width: 950px;
  margin-bottom: 40px;
}


.mold-center-navigation__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}

.mold-center-navigation__card {
  position: relative;
  display: flex;
  min-height: 260px;
  flex-direction: column;
  padding: 30px;
  border: 1px solid #d5e2ee;
  border-radius: 18px;
  color: var(--mold-dark, #081b33);
  background: #fff;
  text-decoration: none;
  box-shadow: 0 10px 30px rgba(8, 27, 51, .05);
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

a.mold-center-navigation__card:hover {
  transform: translateY(-5px);
  border-color: rgba(7, 95, 198, .35);
  box-shadow: 0 18px 42px rgba(8, 27, 51, .1);
}

.mold-center-navigation__card.is-current {
  border-color: #bcd8f4;
  background: #eef6ff;
}

.mold-center-navigation__card > span {
  color: var(--mold-blue, #075fc6);
  font-size: 14px;
  font-weight: 800;
}

.mold-center-navigation__card h3 {
  margin: 23px 0 12px;
  color: var(--mold-dark, #081b33);
  font-size: 25px;
  line-height: 1.2;
}

.mold-center-navigation__card p {
  margin: 0 0 25px;
  color: var(--mold-muted, #5c6d80);
  font-size: 15px;
  line-height: 1.65;
}

.mold-center-navigation__card strong {
  margin-top: auto;
  color: var(--mold-blue, #075fc6);
  font-size: 14px;
}

.mold-center-navigation__card strong b {
  margin-left: 5px;
}

@media (max-width: 991px) {
  .mold-inline-inquiry__inner {
    align-items: flex-start;
    flex-direction: column;
  }

  .mold-center-faq__grid {
    grid-template-columns: 1fr;
  }

  .mold-center-faq__aside {
    position: static;
  }

  .mold-center-navigation__grid {
    grid-template-columns: 1fr;
  }

  .mold-center-navigation__card {
    min-height: 220px;
  }
}

@media (max-width: 767px) {
  .mold-inline-inquiry {
    padding-bottom: 58px;
  }

  .mold-inline-inquiry__inner {
    gap: 25px;
    padding: 27px 23px;
  }

  .mold-inline-inquiry__inner > .btn {
    width: 100%;
  }

  .mold-center-faq,
  .mold-center-navigation {
    padding: 60px 0;
  }

  .mold-center-faq__head,
  .mold-center-navigation__head {
    margin-bottom: 28px;
  }

  .mold-center-faq__head h2,
  .mold-center-navigation__head h2 {
    font-size: 33px;
  }

  .mold-center-faq__list summary {
    padding: 20px 54px 20px 20px;
    font-size: 16px;
  }

  .mold-center-faq__list summary::after {
    right: 18px;
  }

  .mold-center-faq__list details p {
    padding: 0 20px 21px;
  }

  .mold-center-faq__aside {
    padding: 29px 24px;
  }

  .mold-center-navigation__card {
    min-height: 0;
    padding: 26px 24px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mold-center-navigation__card {
    transition: none;
  }
}
    .mold-center-navigation__head > p{max-width: 900px;
    margin: 24px 0 0;
    color: var(--mold-muted, #5c6d80);
    font-size: 18px;
    line-height: 1.75;
}
 .mold-accuracy-head > p{max-width: 900px;
    margin: 24px 0 0;
    color: var(--mold-muted, #5c6d80);
    font-size: 18px;
    line-height: 1.75;
}
.mold-forming-visual__head > p{max-width: 900px;
    margin: 24px 0 0;
    color: var(--mold-muted, #5c6d80);
    font-size: 18px;
    line-height: 1.75;
}
.mold-process-flow__head > p{max-width: 900px;
    margin: 24px 0 0;
    color: var(--mold-muted, #5c6d80);
    font-size: 18px;
    line-height: 1.75;
}
/* =====================================================
   MOLD PROCESS RFQ
===================================================== */

.mold-rfq {
  background:
    radial-gradient(
      circle at 88% 10%,
      rgba(22, 133, 238, 0.09),
      transparent 32%
    ),
    #fff;
}

.mold-rfq__panel {
  display: grid;
  grid-template-columns: minmax(330px, 0.78fr) minmax(0, 1.35fr);
  overflow: hidden;
  border: 1px solid #c8ddf2;
  border-radius: 28px;
  background: #edf6ff;
  box-shadow: 0 24px 70px rgba(8, 27, 51, 0.1);
}

.mold-rfq__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 720px;
  padding: 60px 52px;
  color: #fff;
  background:
    radial-gradient(
      circle at 20% 0%,
      rgba(22, 133, 238, 0.3),
      transparent 40%
    ),
    linear-gradient(145deg, #082847 0%, #0c4277 100%);
}

.mold-rfq__content .eyebrow {
  color: #80c4ff;
}

.mold-rfq__content h2 {
  max-width: 460px;
  margin: 22px 0 26px;
  color: #fff;
  font-size: clamp(38px, 4vw, 50px);
  line-height: 1.02;
  letter-spacing: -0.045em;
}

.mold-rfq__content p {
  max-width: 470px;
  margin: 0;
  color: rgba(255, 255, 255, 0.78);
  font-size: 17px;
  line-height: 1.75;
}

.mold-rfq__contact {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
  margin-top: 48px;
}

.mold-rfq__contact a {
  color: #8dceff;
  font-weight: 800;
  text-decoration: none;
}

.mold-rfq__contact a:hover {
  color: #fff;
}

.mold-rfq__form {
  padding: 52px;
}

.mold-rfq__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px 20px;
}

.mold-rfq__field {
  min-width: 0;
}

.mold-rfq__field--full {
  grid-column: 1 / -1;
}

.mold-rfq__field label {
  display: block;
  margin: 0 0 9px;
  color: var(--mold-dark);
  font-size: 14px;
  font-weight: 750;
}

.mold-rfq__field input,
.mold-rfq__field textarea {
  display: block;
  width: 100%;
  border: 1px solid #bdd5ec;
  border-radius: 12px;
  outline: none;
  background: #fff;
  color: var(--mold-dark);
  font: inherit;
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}

.mold-rfq__field input {
  min-height: 56px;
  padding: 0 16px;
}

.mold-rfq__field textarea {
  min-height: 176px;
  padding: 15px 16px;
  resize: vertical;
  line-height: 1.6;
}

.mold-rfq__field input::placeholder,
.mold-rfq__field textarea::placeholder {
  color: #7b8795;
}

.mold-rfq__field input:focus,
.mold-rfq__field textarea:focus {
  border-color: var(--mold-blue);
  box-shadow: 0 0 0 4px rgba(7, 95, 198, 0.12);
}

.mold-rfq__submit {
  margin-top: 20px;
  border: 0;
  cursor: pointer;
}

.mold-rfq__note {
  margin: 16px 0 0;
  color: var(--mold-muted);
  font-size: 13px;
  line-height: 1.6;
}

/* =====================================================
   RFQ RESPONSIVE
===================================================== */

@media (max-width: 1100px) {
  .mold-rfq__panel {
    grid-template-columns: 0.8fr 1.2fr;
  }

  .mold-rfq__content,
  .mold-rfq__form {
    padding: 42px 34px;
  }
}

@media (max-width: 860px) {
  .mold-rfq__panel {
    grid-template-columns: 1fr;
  }

  .mold-rfq__content {
    min-height: auto;
  }

  .mold-rfq__content h2,
  .mold-rfq__content p {
    max-width: 680px;
  }
}

@media (max-width: 620px) {
  .mold-rfq__panel {
    border-radius: 20px;
  }

  .mold-rfq__content,
  .mold-rfq__form {
    padding: 32px 22px;
  }

  .mold-rfq__content h2 {
    font-size: 38px;
  }

  .mold-rfq__grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .mold-rfq__field--full {
    grid-column: auto;
  }

  .mold-rfq__submit {
    width: 100%;
  }
}
/* =====================================================
   MOLD MATERIALS PAGE
===================================================== */

.mold-materials-page {
  --material-copper: #a96f45;
  --material-steel: #607a94;
  --material-tungsten: #294968;
  --material-ceramic: #3f7f98;
}

/* =====================================================
   INTRO
===================================================== */

.materials-intro__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr);
  gap: clamp(34px, 6vw, 90px);
  align-items: start;
}

.materials-intro__copy h2,
.materials-section-head h2 {
  max-width: 850px;
  margin: 10px 0 20px;
  color: var(--mold-dark);
  font-size: clamp(32px, 4vw, 54px);
  line-height: 1.08;
}

.materials-intro__copy p {
  color: var(--mold-text);
  font-size: 17px;
  line-height: 1.8;
}

/* =====================================================
   MATERIAL SYSTEMS SECTION
===================================================== */

#material-systems {
  padding-top: 76px;
  padding-bottom: 76px;
}

#material-systems .materials-section-head h2 {
  max-width: 800px;
  margin-bottom: 16px;
  font-size: clamp(32px, 3.4vw, 50px);
}

#material-systems .materials-section-head p {
  max-width: 800px;
  margin: 0;
  color: var(--mold-text);
  line-height: 1.65;
}

/* =====================================================
   HORIZONTAL MATERIAL ROWS
===================================================== */

.material-rows {
  display: grid;
  gap: 18px;
  margin-top: 32px;
}

.material-row {
  --row-accent: var(--mold-blue);

  position: relative;
  display: grid;
  grid-template-columns:
     minmax(230px, .68fr)
    minmax(0, 2.32fr);
  gap: 32px;
  align-items: start;
  overflow: hidden;
  padding: 28px 32px;
  border: 1px solid var(--mold-line);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 12px 32px rgba(8, 27, 51, .06);
  transition:
    transform .25s ease,
    box-shadow .25s ease;
}

.material-row:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 42px rgba(8, 27, 51, .1);
}

.material-row::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 5px;
  background: var(--row-accent);
}

/* =====================================================
   MATERIAL ROW — LEFT INTRO
===================================================== */

.material-row__intro {
  align-self: stretch;
  padding-right: 30px;
  border-right: 1px solid var(--mold-line);
}

.material-row__number {
  display: block;
  margin-bottom: 7px;
  color: var(--row-accent);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.4;
  letter-spacing: .11em;
}

.material-row__intro h3 {
  margin: 0 0 12px;
  color: var(--mold-dark);
  font-size: clamp(21px, 1.7vw, 27px);
  line-height: 1.22;
}

.material-row__intro p {
  margin: 0;
  color: var(--mold-muted);
  font-size: 15px;
  line-height: 1.65;
}

/* =====================================================
   MATERIAL ROW — RIGHT DETAILS
===================================================== */

.material-row__details {
  display: grid;
  grid-template-columns: repeat(
    auto-fit,
    minmax(min(165px, 100%), 1fr)
  );
  gap: 18px;
  align-items: start;
}

.material-row__group {
  min-width: 0;
}

.material-row__group h4 {
  margin: 0 0 9px;
  color: var(--mold-blue);
  font-size: 12px;
  line-height: 1.35;
  letter-spacing: .08em;
  text-transform: uppercase;white-space: nowrap;
}

.material-row__group ul {
  margin: 0;
  padding-left: 17px;
  color: var(--mold-text);
  font-size: 14px;
  line-height: 1.5;
}

.material-row__group li {
  margin: 0 0 5px;
}

.material-row__group li:last-child {
  margin-bottom: 0;
}

/* =====================================================
   MATERIAL ACCENT COLORS
===================================================== */

.material-row--steel {
  --row-accent: var(--material-steel);
}

.material-row--tungsten {
  --row-accent: var(--material-tungsten);
}

.material-row--copper {
  --row-accent: var(--material-copper);
}

.material-row--ceramic {
  --row-accent: var(--material-ceramic);
}

/* =====================================================
   MATERIAL COMPARISON TABLE
===================================================== */

.materials-table-wrap {
  overflow-x: auto;
  margin-top: 32px;
  border: 1px solid var(--mold-line);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 16px 42px rgba(8, 27, 51, .07);
}

.materials-table {
  width: 100%;
  min-width: 1050px;
  border-collapse: collapse;
}

.materials-table th {
  padding: 18px 20px;
  color: #fff;
  background: var(--mold-dark);
  font-size: 13px;
  letter-spacing: .04em;
  text-align: left;
}

.materials-table td {
  padding: 20px;
  border-bottom: 1px solid var(--mold-line);
  color: var(--mold-text);
  line-height: 1.55;
  vertical-align: top;
}

.materials-table tbody tr:last-child td {
  border-bottom: 0;
}

.materials-table td:first-child {
  color: var(--mold-dark);
  font-weight: 800;
}

/* =====================================================
   PRODUCTION PROBLEMS
===================================================== */

.materials-problems {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 18px;
  margin-top: 34px;
}

.problem-card {
  padding: 26px 22px;
  border: 1px solid var(--mold-line);
  border-radius: 18px;
  background: #fff;
}

.problem-card span {
  display: inline-grid;
  place-items: center;
  width: 38px;
  height: 38px;
  margin-bottom: 18px;
  border-radius: 50%;
  color: #fff;
  background: var(--mold-blue);
  font-weight: 800;
}

.problem-card h3 {
  margin: 0 0 10px;
  color: var(--mold-dark);
  font-size: 19px;
}

.problem-card p {
  margin: 0;
  color: var(--mold-muted);
  line-height: 1.65;
}

/* =====================================================
   PROCESS CONTROLS
===================================================== */

.mold-materials-page .control-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  margin-top: 36px;
}

.mold-materials-page .control-card {
  position: relative;
  overflow: hidden;
  padding: 30px 32px;
  border: 1px solid #d4e2ef;
  border-radius: 20px;
  color: var(--mold-text);
  background: linear-gradient(145deg, #fff 0%, #f4f8fc 100%);
  box-shadow: 0 12px 34px rgba(8, 27, 51, .06);
  transition:
    transform .25s ease,
    border-color .25s ease,
    box-shadow .25s ease;
}

.mold-materials-page .control-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: #1685ee;
}

.mold-materials-page .control-card:hover {
  transform: translateY(-4px);
  border-color: #bad5ed;
  box-shadow: 0 18px 44px rgba(8, 27, 51, .1);
}

.mold-materials-page .control-card__head {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 14px;
}

.mold-materials-page .control-card__head span {
  display: inline-grid;
  place-items: center;
  min-width: 36px;
  height: 30px;
  padding: 0 9px;
  border: 1px solid #bddcff;
  border-radius: 999px;
  color: var(--mold-blue);
  background: #eaf4ff;
  font-size: 13px;
  font-weight: 800;
}

.mold-materials-page .control-card h3 {
  margin: 0;
  color: var(--mold-dark);
  font-size: 22px;
  line-height: 1.3;
}

.mold-materials-page .control-card p {
  margin: 0;
  color: #425d77;
  line-height: 1.7;
}

.mold-materials-page .control-card strong {
  display: block;
  margin: 20px 0 9px;
  color: var(--mold-blue);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.mold-materials-page .control-card ul {
  margin: 0;
  padding-left: 18px;
  color: var(--mold-text);
  line-height: 1.65;
}

.mold-materials-page .control-card li {
  margin-bottom: 5px;
}

.mold-materials-page .control-card li:last-child {
  margin-bottom: 0;
}

.mold-materials-page .control-card li::marker {
  color: var(--mold-blue);
}

/* =====================================================
   SUMMARY
===================================================== */

.materials-summary {
  margin-top: 34px;
  padding: 28px 32px;
  border-left: 5px solid var(--mold-blue);
  border-radius: 0 18px 18px 0;
  color: var(--mold-text);
  background: var(--mold-blue-light);
  font-size: 18px;
  line-height: 1.7;
}

/* =====================================================
   RESPONSIVE — SMALL DESKTOP
===================================================== */

@media (max-width: 1280px) {
  .material-row {
    grid-template-columns:
      minmax(220px, .65fr)
      minmax(0, 1.35fr);
    gap: 26px;
  }

  .material-row__details {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  } .material-row__group h4 {
    white-space: normal;
  }
}

/* =====================================================
   RESPONSIVE — TABLET
===================================================== */

@media (max-width: 1100px) {
  .materials-intro__grid {
    grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr);
    gap: 40px;
  }

  .materials-problems {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .materials-problems .problem-card:last-child {
    grid-column: 1 / -1;
  }
}

/* =====================================================
   RESPONSIVE — MOBILE
===================================================== */

@media (max-width: 800px) {
  .materials-intro__grid,
  .control-grid {
    grid-template-columns: 1fr;
  }

  #material-systems {
    padding-top: 58px;
    padding-bottom: 58px;
  }

  .material-rows {
    gap: 16px;
    margin-top: 26px;
  }

  .material-row {
    grid-template-columns: 1fr;
    gap: 22px;
    padding: 25px;
  }

  .material-row__intro {
    padding: 0 0 20px;
    border-right: 0;
    border-bottom: 1px solid var(--mold-line);
  }

  .material-row__details {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .material-row__group {
    padding: 0 0 18px;
  }

  .material-row__group + .material-row__group {
    padding-top: 18px;
    border-top: 1px solid var(--mold-line);
  }

  .material-row__group:last-child {
    padding-bottom: 0;
  }

  .materials-problems {
    grid-template-columns: 1fr;
  }

  .materials-problems .problem-card:last-child {
    grid-column: auto;
  }

  .mold-materials-page .control-card {
    padding: 25px;
  }
}

/* =====================================================
   RESPONSIVE — SMALL MOBILE
===================================================== */

@media (max-width: 520px) {
  .material-row {
    padding: 22px 20px;
    border-radius: 16px;
  }

  .material-row__intro h3 {
    font-size: 22px;
  }

  .material-row__details {
    font-size: 14px;
  }

  .materials-summary {
    padding: 22px;
    font-size: 16px;
  }
}
/* =====================================================
   MOLD MATERIALS PAGE — COMPARISON TABLE
   Scoped to this page so other mold tables are not affected.
===================================================== */

.mold-materials-page .mold-material-comparison-table {
  width: 100%;
  min-width: 1280px;
  table-layout: fixed;
}

/* Five-column width distribution */
.mold-materials-page .mold-material-comparison-table .material-col-type {
  width: 12%;
}

.mold-materials-page .mold-material-comparison-table .material-col-specific {
  width: 16%;
}

.mold-materials-page .mold-material-comparison-table .material-col-use {
  width: 16%;
}

.mold-materials-page .mold-material-comparison-table .material-col-problem {
  width: 28%;
}

.mold-materials-page .mold-material-comparison-table .material-col-solution {
  width: 28%;
}

/* Compact header; width:auto cancels the shared three-column widths. */
.mold-materials-page .mold-material-comparison-table thead th {
  width: auto;
  padding: 16px 18px;
  font-size: 13px;
  line-height: 1.4;
  vertical-align: middle;
}

/* Compact table body */
.mold-materials-page .mold-material-comparison-table tbody th,
.mold-materials-page .mold-material-comparison-table tbody td {
  width: auto;
  padding: 16px 18px;
  font-size: 14px;
  line-height: 1.5;
  vertical-align: top;
}

/* Material name */
.mold-materials-page .mold-material-comparison-table tbody th[scope="row"] {
  color: var(--mold-dark);
  font-weight: 600;
}

/* Multiple items inside problem and solution cells */
.mold-materials-page .material-table-stack {
  display: grid;
  gap: 11px;
}

.mold-materials-page .material-table-stack p {
  margin: 0;
}

.mold-materials-page .material-table-stack p + p {
  padding-top: 11px;
  border-top: 1px solid var(--mold-line);
}

.mold-materials-page
.mold-material-comparison-table
.material-table-stack strong {
  color: var(--mold-text);
  font-weight: 600;
}

@media (max-width: 1280px) {
  .mold-materials-page .mold-material-comparison-table {
    min-width: 1180px;
  }
}

@media (max-width: 800px) {
  .mold-materials-page .mold-material-comparison-table thead th,
  .mold-materials-page .mold-material-comparison-table tbody th,
  .mold-materials-page .mold-material-comparison-table tbody td {
    padding: 14px 15px;
    font-size: 13px;
  }
}
.mold-materials-page
.mold-material-comparison-table thead th {
  border-radius: 0;
}

.mold-materials-page
.mold-material-comparison-table thead th:first-child {
  border-radius: 19px 0 0 0;
}

.mold-materials-page
.mold-material-comparison-table thead th:last-child {
  border-radius: 0 19px 0 0;
}
/* =====================================================
   MOLD MATERIALS PAGE — PRODUCTION ISSUES
===================================================== */

.mold-materials-page .mold-production-issues {
  padding-top: 84px;
  padding-bottom: 84px;
}

/* =====================================================
   SECTION HEADER
===================================================== */

.mold-materials-page
.mold-production-issues
.materials-section-head {
  max-width: 980px;
  margin-bottom: 38px;
}

.mold-materials-page
.mold-production-issues
.materials-section-head h2 {
  max-width: 940px;
  margin: 0;
  color: var(--mold-dark);
  font-size: clamp(38px, 4vw, 54px);
  line-height: 1.08;
  letter-spacing: -.035em;
}



/* =====================================================
   CONTINUOUS ISSUE MATRIX
===================================================== */

.mold-materials-page .mold-issue-matrix {
  overflow: hidden;
  border: 1px solid #d5e2ee;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 18px 48px rgba(8, 27, 51, .07);
}

/* =====================================================
   ISSUE ROW
===================================================== */

.mold-materials-page .mold-issue-row {
  position: relative;
  display: grid;
  grid-template-columns:
    76px
    minmax(0, .88fr)
    minmax(0, 1.12fr);
  align-items: stretch;
  transition:
    background-color .25s ease,
    box-shadow .25s ease;
}

.mold-materials-page
.mold-issue-row + .mold-issue-row {
  border-top: 1px solid #dbe6f0;
}

/* 当前行轻微高亮 */
.mold-materials-page .mold-issue-row:hover {
  box-shadow: inset 4px 0 0 var(--mold-blue);
}

/* =====================================================
   NUMBER
===================================================== */

.mold-materials-page .mold-issue-row__number {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding-top: 25px;
  background: #fff;
  color: var(--mold-blue);
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .05em;
}

/* 圆形编号背景 */
.mold-materials-page .mold-issue-row__number::before {
  content: "";
  position: absolute;
  width: 38px;
  height: 38px;
  margin-top: -12px;
  border: 1px solid #bfdcff;
  border-radius: 50%;
  background: #eaf4ff;
  z-index: 0;
}

.mold-materials-page .mold-issue-row__number {
  position: relative;
  z-index: 0;
}

.mold-materials-page .mold-issue-row__number::after {
  content: attr(aria-label);
  display: none;
}

.mold-materials-page .mold-issue-row__number {
  isolation: isolate;
}

.mold-materials-page .mold-issue-row__number::before {
  z-index: -1;
}

/* =====================================================
   PROBLEM
===================================================== */

.mold-materials-page .mold-issue-row__problem {
  padding: 25px 30px 25px 10px;
  background: #fff;
}

/* =====================================================
   SOLUTION
===================================================== */

.mold-materials-page .mold-issue-row__solution {
  position: relative;
  padding: 25px 30px 25px 34px;
  border-left: 1px solid #d5e2ee;
  background: #f5f9fd;
}

/* 问题指向解决方案的箭头 */
.mold-materials-page
.mold-issue-row__solution::before {
  content: "→";
  position: absolute;
  top: 24px;
  left: -13px;
  display: grid;
  place-items: center;
  width: 25px;
  height: 25px;
  border: 1px solid #bdd8f3;
  border-radius: 50%;
  color: var(--mold-blue);
  background: #fff;
  font-size: 12px;
  font-weight: 800;
}

/* =====================================================
   TYPOGRAPHY
===================================================== */

.mold-materials-page .mold-issue-row p {
  margin: 0;
  color: var(--mold-text);
  font-size: 15px;
  line-height: 1.68;
}

.mold-materials-page .mold-issue-row p + p {
  margin-top: 10px;
}

/* 只突出 Solution / Solutions 标签 */
.mold-materials-page
.mold-issue-row__solution strong {
  color: var(--mold-dark);
  font-weight: 600;
}

/* 后续解决措施 */
.mold-materials-page
.mold-issue-row__solution p:not(:first-child) {
  position: relative;
  padding-left: 17px;
}

.mold-materials-page
.mold-issue-row__solution p:not(:first-child)::before {
  content: "";
  position: absolute;
  top: .72em;
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--mold-blue);
}

/* =====================================================
   HOVER
===================================================== */

.mold-materials-page
.mold-issue-row:hover
.mold-issue-row__problem {
  background: #fcfdff;
}

.mold-materials-page
.mold-issue-row:hover
.mold-issue-row__solution {
  background: #edf6ff;
}

/* =====================================================
   TABLET
===================================================== */

@media (max-width: 1000px) {
  .mold-materials-page .mold-issue-row {
    grid-template-columns:
      64px
      minmax(0, 1fr)
      minmax(0, 1fr);
  }

  .mold-materials-page .mold-issue-row__problem {
    padding: 22px 24px 22px 6px;
  }

  .mold-materials-page .mold-issue-row__solution {
    padding: 22px 22px 22px 30px;
  }

  .mold-materials-page
  .mold-issue-row__solution::before {
    top: 21px;
  }

  .mold-materials-page .mold-issue-row p {
    font-size: 14px;
  }
}

/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 760px) {
  .mold-materials-page .mold-production-issues {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .mold-materials-page
  .mold-production-issues
  .materials-section-head {
    margin-bottom: 28px;
  }

  .mold-materials-page .mold-issue-matrix {
    border-radius: 17px;
  }

  .mold-materials-page .mold-issue-row {
    grid-template-columns: 58px minmax(0, 1fr);
  }

  .mold-materials-page .mold-issue-row__number {
    grid-row: 1 / 3;
  }

  .mold-materials-page .mold-issue-row__problem {
    padding: 21px 20px 21px 4px;
  }

  .mold-materials-page .mold-issue-row__solution {
    padding: 20px;
    border-top: 1px solid #d5e2ee;
    border-left: 0;
  }

  /* 手机端不显示箭头 */
  .mold-materials-page
  .mold-issue-row__solution::before {
    display: none;
  }
}

/* =====================================================
   SMALL MOBILE
===================================================== */

@media (max-width: 520px) {
  .mold-materials-page
  .mold-production-issues
  .materials-section-head h2 {
    font-size: 32px;
  }

  .mold-materials-page .mold-issue-row {
    grid-template-columns: 52px minmax(0, 1fr);
  }

  .mold-materials-page .mold-issue-row__number::before {
    width: 34px;
    height: 34px;
  }

  .mold-materials-page .mold-issue-row p {
    font-size: 14px;
    line-height: 1.62;
  }
}.materials-section-head p {
     max-width: 900px;
    margin: 24px 0 0;
    color: var(--mold-muted, #5c6d80);
    font-size: 18px;
    line-height: 1.75;
}



/* =====================================================
   MOLD MATERIALS — MATERIAL VISUAL STRIP
===================================================== */

.mold-materials-page .material-visual-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 30px;
}

.mold-materials-page .material-visual-strip__item {
  position: relative;
  overflow: hidden;
  margin: 0;
  border: 1px solid var(--mold-line);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 10px 28px rgba(8, 27, 51, .05);
}

.mold-materials-page .material-visual-strip__item img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 2.7;
  object-fit: cover;
  transition: transform .35s ease;
}

.mold-materials-page
.material-visual-strip__item:hover img {
  transform: scale(1.035);
}

.mold-materials-page
.material-visual-strip + .material-rows {
  margin-top: 22px;
}

/* =====================================================
   TABLET
===================================================== */

@media (max-width: 1000px) {
  .mold-materials-page .material-visual-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 600px) {
  .mold-materials-page .material-visual-strip {
    display: flex;
    overflow-x: auto;
    gap: 12px;
    margin-right: -20px;
    padding-right: 20px;
    scroll-snap-type: x mandatory;
  }

  .mold-materials-page .material-visual-strip__item {
    flex: 0 0 78%;
    scroll-snap-align: start;
  }
}
.mold-cases-page {
      --case-blue: #075fc6;
      --case-dark: #081b33;
      --case-text: #17324f;
      --case-muted: #5c6d80;
      --case-line: #dbe5ef;
      --case-ice: #f2f7fc;
    }

    .mold-cases-page .case-section-head {
      max-width: 920px;
      margin-bottom: 34px;
    }

    .mold-cases-page .case-section-head h2 {
      margin: 10px 0 16px;
      color: var(--case-dark);
      font-size: clamp(32px, 4vw, 54px);
      line-height: 1.08;
    }

    .mold-cases-page .case-section-head > p {
      max-width: 860px;
      margin: 0;
      color: var(--case-muted);
      font-size: 17px;
      line-height: 1.75;
    }

    .mold-cases-page .case-overview-grid {
      display: grid;
      grid-template-columns: minmax(0, 1.25fr) minmax(340px, .75fr);
      gap: clamp(34px, 6vw, 86px);
      align-items: start;
    }

    .mold-cases-page .case-overview-copy h2 {
      margin: 10px 0 22px;
      color: var(--case-dark);
      font-size: clamp(32px, 4vw, 52px);
      line-height: 1.08;
    }

    .mold-cases-page .case-overview-copy p {
      color: var(--case-text);
      font-size: 17px;
      line-height: 1.8;
    }

    .mold-cases-page .case-glance {
      padding: 30px;
      border: 1px solid #cfe0f2;
      border-radius: 22px;
      background: #edf5fd;
    }

    .mold-cases-page .case-glance > span,
    .mold-cases-page .case-kicker {
      color: var(--case-blue);
      font-size: 12px;
      font-weight: 800;
      letter-spacing: .12em;
      text-transform: uppercase;
    }

    .mold-cases-page .case-glance h3 {
      margin: 12px 0 20px;
      color: var(--case-dark);
      font-size: 25px;
    }

    .mold-cases-page .case-glance dl {
      margin: 0;
    }

    .mold-cases-page .case-glance div {
      display: grid;
      grid-template-columns: 112px 1fr;
      gap: 18px;
      padding: 14px 0;
      border-top: 1px solid #cfdeed;
    }

    .mold-cases-page .case-glance dt {
      color: var(--case-muted);
      font-size: 13px;
      font-weight: 700;
    }

    .mold-cases-page .case-glance dd {
      margin: 0;
      color: var(--case-dark);
      font-weight: 700;
      line-height: 1.5;
    }

    .mold-cases-page .case-split {
      display: grid;
      grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
      gap: clamp(34px, 5vw, 72px);
      align-items: center;
    }

    .mold-cases-page .case-split--reverse {
      grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
    }

    .mold-cases-page .case-split--reverse .case-split__media {
      order: 2;
    }

    .mold-cases-page .case-split__media {
      margin: 0;
      overflow: hidden;
      border: 1px solid var(--case-line);
      border-radius: 22px;
      background: #fff;
      box-shadow: 0 18px 45px rgba(8, 27, 51, .09);
    }

    .mold-cases-page .case-split__media img {
      display: block;
      width: 100%;
      aspect-ratio: 1.42 / 1;
      object-fit: cover;
    }

    .mold-cases-page .case-split__content h2 {
      margin: 10px 0 18px;
      color: var(--case-dark);
      font-size: clamp(30px, 3.2vw, 46px);
      line-height: 1.12;
    }

    .mold-cases-page .case-split__content > p {
      color: var(--case-muted);
      font-size: 16px;
      line-height: 1.75;
    }

    .mold-cases-page .case-info-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 18px;
      margin-top: 26px;
    }

    .mold-cases-page .case-info-card {
      padding: 22px;
      border: 1px solid var(--case-line);
      border-radius: 18px;
      background: #fff;
    }

    .mold-cases-page .case-info-card h3 {
      margin: 0 0 12px;
      color: var(--case-dark);
      font-size: 18px;
    }

    .mold-cases-page .case-info-card ul,
    .mold-cases-page .case-list {
      margin: 0;
      padding-left: 18px;
      color: var(--case-text);
      line-height: 1.65;
    }

    .mold-cases-page .case-material-table {
      width: 100%;
      margin-top: 28px;
      overflow: hidden;
      border: 1px solid var(--case-line);
      border-radius: 18px;
      background: #fff;
      border-collapse: separate;
      border-spacing: 0;
    }

    .mold-cases-page .case-material-table th,
    .mold-cases-page .case-material-table td {
      padding: 15px 18px;
      border-bottom: 1px solid var(--case-line);
      text-align: left;
    }

    .mold-cases-page .case-material-table thead th {
      color: #fff;
      background: var(--case-dark);
      font-size: 13px;
      letter-spacing: .04em;
    }

    .mold-cases-page .case-material-table tbody th {
      color: var(--case-dark);
      background: #f7fafe;
    }

    .mold-cases-page .case-material-table tbody tr:last-child > * {
      border-bottom: 0;
    }

    .mold-cases-page .case-gallery {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 20px;
      margin-top: 34px;
    }

    .mold-cases-page .case-gallery figure {
      margin: 0;
      overflow: hidden;
      border: 1px solid var(--case-line);
      border-radius: 20px;
      background: #fff;
      box-shadow: 0 12px 32px rgba(8, 27, 51, .07);
    }

    .mold-cases-page .case-gallery img {
      display: block;
      width: 100%;
      aspect-ratio: 1.42 / 1;
      object-fit: cover;
    }

    .mold-cases-page .case-gallery figcaption {
      padding: 15px 18px 17px;
      color: var(--case-text);
      font-size: 14px;
      font-weight: 700; text-align: center;
    }

    .mold-cases-page .case-stage-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 22px;
      margin-top: 34px;
    }

    .mold-cases-page .case-stage-card {
      position: relative;
      padding: 28px;
      border: 1px solid var(--case-line);
      border-radius: 20px;
      background: #fff;
      box-shadow: 0 12px 32px rgba(8, 27, 51, .06);
    }

    .mold-cases-page .case-stage-card > span {
      display: inline-grid;
      place-items: center;
      width: 38px;
      height: 38px;
      margin-bottom: 18px;
      border-radius: 50%;
      color: var(--case-blue);
      background: #eaf4ff;
      font-weight: 800;
    }

    .mold-cases-page .case-stage-card h3 {
      margin: 0 0 12px;
      color: var(--case-dark);
      font-size: 21px;
    }

    .mold-cases-page .case-stage-card p {
      margin: 0 0 14px;
      color: var(--case-muted);
      line-height: 1.65;
    }

    .mold-cases-page .case-trial-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 18px;
      margin-top: 30px;
    }

    .mold-cases-page .case-test-item {
      padding: 24px;
      border-top: 4px solid var(--case-blue);
      border-radius: 0 0 18px 18px;
      background: #fff;
      box-shadow: 0 12px 32px rgba(8, 27, 51, .06);
    }

    .mold-cases-page .case-test-item strong {
      display: block;
      margin-bottom: 9px;
      color: var(--case-dark);
      font-size: 17px;
    }

    .mold-cases-page .case-test-item p {
      margin: 0;
      color: var(--case-muted);
      line-height: 1.6;
    }

    .mold-cases-page .case-issue-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 22px;
      margin-top: 32px;
    }

    .mold-cases-page .case-issue {
      padding: 28px;
      border: 1px solid var(--case-line);
      border-radius: 20px;
      background: #fff;
    }

    .mold-cases-page .case-issue h3 {
      margin: 0 0 18px;
      color: var(--case-dark);
      font-size: 21px;
    }

    .mold-cases-page .case-issue h4 {
      margin: 18px 0 8px;
      color: var(--case-blue);
      font-size: 12px;
      text-transform: uppercase;
    }

    .mold-cases-page .case-result-panel {
      display: grid;
      grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
      gap: 36px;
      align-items: center;
      padding: clamp(30px, 4vw, 54px);
      border-radius: 24px;
      color: #fff;
      background: linear-gradient(145deg, #0b315a, #071a31);
    }

    .mold-cases-page .case-result-panel h2 {
      margin: 10px 0 18px;
      font-size: clamp(32px, 3.6vw, 50px);
      line-height: 1.08;
    }

    .mold-cases-page .case-result-panel p {
      color: #c9d9e8;
      line-height: 1.7;
    }

    .mold-cases-page .case-result-list {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .mold-cases-page .case-result-list li {
      padding: 15px 16px;
      border: 1px solid rgba(255, 255, 255, .14);
      border-radius: 12px;
      background: rgba(255, 255, 255, .06);
      font-weight: 700;
    }

    @media (max-width: 1050px) {
      .mold-cases-page .case-overview-grid,
      .mold-cases-page .case-split,
      .mold-cases-page .case-split--reverse,
      .mold-cases-page .case-result-panel {
        grid-template-columns: 1fr;
      }

      .mold-cases-page .case-split--reverse .case-split__media {
        order: 0;
      }

      .mold-cases-page .case-trial-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 760px) {
      .mold-cases-page .case-gallery,
      .mold-cases-page .case-stage-grid,
      .mold-cases-page .case-issue-grid,
      .mold-cases-page .case-info-grid,
      .mold-cases-page .case-trial-grid,
      .mold-cases-page .case-result-list {
        grid-template-columns: 1fr;
      }

      .mold-cases-page .case-glance {
        padding: 24px;
      }

      .mold-cases-page .case-glance div {
        grid-template-columns: 1fr;
        gap: 5px;
      }

      .mold-cases-page .case-material-table-wrap {
        overflow-x: auto;
      }

      .mold-cases-page .case-material-table {
        min-width: 620px;
      }
    }
/* =====================================================
   MOLD CASES — OVERVIEW FACTS
===================================================== */

.mold-cases-page .mold-fit-panel__facts {
  margin: 0;
  border-top: 1px solid var(--mold-line);
}

.mold-cases-page .mold-fit-panel__facts > div {
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
  padding: 16px 0;
  border-bottom: 1px solid var(--mold-line);
}

.mold-cases-page .mold-fit-panel__facts > div:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.mold-cases-page .mold-fit-panel__facts dt {
  margin: 0;
  color: var(--mold-muted);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.5;
}

.mold-cases-page .mold-fit-panel__facts dd {
  min-width: 0;
  margin: 0;
  color: var(--mold-dark);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.5;
}

/* 保持右侧面板由内容决定高度 */
.mold-cases-page .mold-overview {
  align-items: start;
}

.mold-cases-page .mold-fit-panel {
  height: auto;
}

/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 600px) {
  .mold-cases-page .mold-fit-panel__facts > div {
    grid-template-columns: 1fr;
    gap: 5px;
    padding: 14px 0;
  }
}
.mold-cases-page .mold-fit-panel__intro {
  margin: 0 0 20px;
  color: var(--mold-muted);
  font-size: 14px;
  line-height: 1.65;
}
/* =====================================================
   CASE REQUIREMENTS AND MATERIAL SELECTION
===================================================== */

.mold-cases-page .case-requirements-panel {
  overflow: hidden;
  border: 1px solid var(--mold-line);
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 18px 48px rgba(8, 27, 51, .07);
}

.mold-cases-page .case-requirements-head {
  max-width: 950px;
  padding: 42px 42px 32px;
}

.mold-cases-page .case-requirements-head h2 {
  margin: 10px 0 16px;
  color: var(--mold-dark);
  font-size: clamp(32px, 4vw, 52px);
  line-height: 1.08;
}

.mold-cases-page .case-requirements-head > p {
  max-width: 850px;
  margin: 0;
  color: var(--mold-muted);
  font-size: 16px;
  line-height: 1.75;
}

/* =====================================================
   UPPER PRODUCT AREA
===================================================== */

.mold-cases-page .case-requirements-main {
  display: grid;
  grid-template-columns: minmax(360px, .9fr) minmax(0, 1.1fr);
  gap: 42px;
  padding: 0 42px 42px;
  align-items: stretch;
}

.mold-cases-page .case-requirements-media {
  min-height: 390px;
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--mold-line);
  border-radius: 20px;
  background: var(--mold-blue-light);
}

.mold-cases-page .case-requirements-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mold-cases-page .case-requirements-content {
  display: flex;
  flex-direction: column;
}

.mold-cases-page .case-product-name {
  padding: 20px 22px;
  border-left: 4px solid var(--mold-blue);
  border-radius: 0 14px 14px 0;
  background: var(--mold-blue-light);
}

.mold-cases-page .case-product-name span {
  display: block;
  margin-bottom: 7px;
  color: var(--mold-blue);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.mold-cases-page .case-product-name strong {
  color: var(--mold-dark);
  font-size: 19px;
  line-height: 1.4;
}

.mold-cases-page .case-requirements-groups {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-top: 20px;
  flex: 1;
}

.mold-cases-page .case-requirements-group {
  padding: 22px;
  border: 1px solid var(--mold-line);
  border-radius: 17px;
  background: #fff;
}

.mold-cases-page .case-requirements-group h3 {
  margin: 0 0 12px;
  color: var(--mold-dark);
  font-size: 17px;
}

.mold-cases-page .case-requirements-group ul {
  margin: 0;
  padding-left: 18px;
  color: var(--mold-text);
  line-height: 1.6;
}

/* =====================================================
   LOWER MATERIAL AREA
===================================================== */

.mold-cases-page .case-material-selection {
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
  gap: 26px;
  padding: 38px 42px;
  border-top: 1px solid var(--mold-line);
  background: #f7fafe;
}

.mold-cases-page .case-alloy-selection,
.mold-cases-page .case-mold-materials {
  padding: 28px;
  border: 1px solid var(--mold-line);
  border-radius: 18px;
  background: #fff;
}

.mold-cases-page .case-block-label {
  color: var(--mold-blue);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .1em;
}

.mold-cases-page .case-alloy-selection h3,
.mold-cases-page .case-mold-materials h3 {
  margin: 9px 0 16px;
  color: var(--mold-dark);
  font-size: 23px;
}

.mold-cases-page .case-mold-materials > p {
  margin: 0 0 20px;
  color: var(--mold-muted);
  line-height: 1.65;
}

.mold-cases-page .case-alloy-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.mold-cases-page .case-alloy-columns h4 {
  margin: 0 0 10px;
  color: var(--mold-blue);
  font-size: 12px;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.mold-cases-page .case-alloy-columns ul {
  margin: 0;
  padding-left: 18px;
  color: var(--mold-text);
  line-height: 1.6;
}

/* =====================================================
   MATERIAL TABLE
===================================================== */

.mold-cases-page .case-material-table {
  width: 100%;
  overflow: hidden;
  border: 1px solid var(--mold-line);
  border-radius: 14px;
  border-collapse: separate;
  border-spacing: 0;
}

.mold-cases-page .case-material-table th,
.mold-cases-page .case-material-table td {
  padding: 13px 16px;
  border-bottom: 1px solid var(--mold-line);
  text-align: left;
}

.mold-cases-page .case-material-table thead th {
  color: #fff;
  background: var(--mold-dark);
  font-size: 12px;
}

.mold-cases-page .case-material-table tbody th {
  color: var(--mold-dark);
  background: #f5f9fd;
}

.mold-cases-page .case-material-table tbody tr:last-child > * {
  border-bottom: 0;
}

/* =====================================================
   PRODUCT VISUALS
===================================================== */

.mold-cases-page .case-product-visuals {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  padding: 0 42px 42px;
  background: #f7fafe;
}

.mold-cases-page .case-product-visuals figure {
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--mold-line);
  border-radius: 18px;
  background: #fff;
}

.mold-cases-page .case-product-visuals img {
  display: block;
  width: 100%;
  aspect-ratio: 1.5 / 1;
  object-fit: cover;
}

.mold-cases-page .case-product-visuals figcaption { text-align: center;
  padding: 14px 17px 16px;
  color: var(--mold-dark);
  font-size: 13px;
  font-weight: 700;
}

/* =====================================================
   RESPONSIVE
===================================================== */

@media (max-width: 1000px) {
  .mold-cases-page .case-requirements-main,
  .mold-cases-page .case-material-selection {
    grid-template-columns: 1fr;
  }

  .mold-cases-page .case-requirements-media {
    min-height: 0;
  }

  .mold-cases-page .case-requirements-media img {
    height: auto;
    aspect-ratio: 16 / 9;
  }
}

@media (max-width: 700px) {
  .mold-cases-page .case-requirements-head {
    padding: 30px 24px 24px;
  }

  .mold-cases-page .case-requirements-main {
    gap: 24px;
    padding: 0 24px 30px;
  }

  .mold-cases-page .case-requirements-groups,
  .mold-cases-page .case-alloy-columns,
  .mold-cases-page .case-product-visuals {
    grid-template-columns: 1fr;
  }

  .mold-cases-page .case-material-selection {
    padding: 30px 24px;
  }

  .mold-cases-page .case-product-visuals {
    padding: 0 24px 30px;
  }
}

/* =====================================================
   MOLD DESIGN PHASE
===================================================== */

.mold-design-phase {
  background:#ffffff;
}

.case-section-head {
  max-width: 920px;
  margin-bottom: 38px;
}

.case-section-head h2 {
  max-width: 850px;
  margin: 10px 0 18px;
  color: var(--ink);
  font-size: clamp(36px, 4vw, 54px);
  line-height: 1.08;
}

.case-section-head > p {
  max-width: 850px;
  margin: 0;
  color: var(--muted);
  font-size: 17px;
  line-height: 1.75;
}

.mold-design-phase__layout {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(480px, 1.05fr);
  gap: 42px;
  align-items: stretch;
}

.mold-design-phase__content {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 14px 38px rgba(8, 27, 51, .06);
}

.mold-design-step {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 20px;
  padding: 30px;
}

.mold-design-step + .mold-design-step {
  border-top: 1px solid var(--line);
}

.mold-design-step__number {
      display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border: 1px solid #b9d9fb;
    border-radius: 50%;
    color: var(--blue);
    background: var(--blue-3);
    font-size: 13px;
    font-weight: 800;
}

.mold-design-step__label {
  margin-bottom: 7px;
  color: var(--blue);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .1em;
}

.mold-design-step h3 {
  margin: 0 0 12px;
  color: var(--ink);
  font-size: 24px;
  line-height: 1.25;
}

.mold-design-step p {
  margin: 0 0 18px;
  color: var(--muted);
  line-height: 1.7;
}

.mold-design-step h4 {
  margin: 0 0 10px;
  color: var(--ink);
  font-size: 15px;
}

.mold-design-step ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 24px;
  margin: 0;
  padding-left: 18px;
  color: var(--ink-2);
  line-height: 1.55;
}

.mold-design-step__note {
  margin: 18px 0 0 !important;
  padding: 13px 16px;
  border-left: 3px solid var(--blue);
  border-radius: 0 10px 10px 0;
  background: var(--blue-3);
  color: var(--ink-2) !important;
  font-size: 14px;
}

.mold-design-phase__media {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  min-height: 100%;
  margin: 0;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 14px 38px rgba(8, 27, 51, .06);
}

.mold-design-phase__media img {
  display: block;
  width: 100%;
  flex: 1;
  min-height: 430px;
  object-fit: cover;
}

.mold-design-phase__media figcaption {
  padding: 17px 20px;
  border-top: 1px solid var(--line);
  color: var(--muted);
  font-size: 14px;
  line-height: 1.5; text-align: center;
}

/* =====================================================
   RESPONSIVE
===================================================== */

@media (max-width: 980px) {
  .mold-design-phase__layout {
    grid-template-columns: 1fr;
  }

  .mold-design-phase__media img {
    min-height: 0;
    aspect-ratio: 16 / 10;
  }
}

@media (max-width: 640px) {
  .mold-design-step {
    grid-template-columns: 1fr;
    padding: 24px;
  }

  .mold-design-step ul {
    grid-template-columns: 1fr;
  }

  .mold-design-step__number {
    width: 38px;
    height: 38px;
  }
}

/* =====================================================
   HORIZONTAL COOLING MODULE
===================================================== */

.mold-design-cooling {
  display: grid;
  grid-template-columns:
    minmax(210px, .7fr)
    minmax(280px, 1.1fr)
    minmax(300px, 1.2fr)
    minmax(280px, 1fr);
  gap: 28px;
  align-items: center;
  margin-top: 24px;
  padding: 26px 30px;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 14px 38px rgba(8, 27, 51, .06);
}

.mold-design-cooling__heading {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  min-width: 0;
}

.mold-design-cooling__heading h3 {
  margin: 4px 0 0;
  color: var(--ink);
  font-size: 22px;
  line-height: 1.25;
}

.mold-design-cooling__description {
  padding-left: 28px;
  border-left: 1px solid var(--line);
}

.mold-design-cooling__description p {
  margin: 0;
  color: var(--muted);
  line-height: 1.65;
}

.mold-design-cooling__strategy {
  padding-left: 28px;
  border-left: 1px solid var(--line);
}

.mold-design-cooling__strategy h4 {
  margin: 0 0 9px;
  color: var(--ink);
  font-size: 14px;
}

.mold-design-cooling__strategy ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px 20px;
  margin: 0;
  padding-left: 18px;
  color: var(--ink-2);
  line-height: 1.5;
}

.mold-design-cooling__goal {
  padding: 16px 18px;
  border-left: 3px solid var(--blue);
  border-radius: 0 12px 12px 0;
  background: var(--blue-3);
}

.mold-design-cooling__goal strong {
  display: block;
  margin-bottom: 5px;
  color: var(--ink);
  font-size: 13px;
}

.mold-design-cooling__goal p {
  margin: 0;
  color: var(--ink-2);
  font-size: 13px;
  line-height: 1.55;
}

/* 右图只与01、02等高 */
.mold-design-phase__media img {
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 0;
  object-fit: cover;
  object-position: center;
}

/* =====================================================
   RESPONSIVE
===================================================== */

@media (max-width: 1100px) {
  .mold-design-cooling {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mold-design-cooling__strategy {
    border-left: 0;
  }
}

@media (max-width: 700px) {
  .mold-design-cooling {
    grid-template-columns: 1fr;
    gap: 20px;
    padding: 24px;
  }

  .mold-design-cooling__description,
  .mold-design-cooling__strategy {
    padding-top: 20px;
    padding-left: 0;
    border-top: 1px solid var(--line);
    border-left: 0;
  }

  .mold-design-cooling__strategy ul {
    grid-template-columns: 1fr;
  }
}
.mold-design-cooling .mold-design-step__number {
  flex: 0 0 42px;
  width: 42px;
  min-width: 42px;
  height: 42px;
  aspect-ratio: 1 / 1;
  padding: 0;
  border-radius: 50%;
}
@media (max-width: 700px) {
  .mold-design-cooling .mold-design-step__number {
    flex-basis: 38px;
    width: 38px;
    min-width: 38px;
    height: 38px;
  }
}
/* =====================================================
   MOLD MANUFACTURING SECTION
===================================================== */

.mold-manufacturing-section {
  background: linear-gradient(180deg, #f7faff 0%, #f0f6fc 100%);
}

/* =====================================================
   THREE MACHINING CARDS
===================================================== */

.mold-machining-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  margin-top: 38px;
}

.mold-machining-card {
  overflow: hidden;
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 14px 38px rgba(8, 27, 51, .07);
  transition:
    transform .25s ease,
    box-shadow .25s ease;
}

.mold-machining-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 48px rgba(8, 27, 51, .11);
}

/* IMAGE */

.mold-machining-card__media {
  overflow: hidden;
  margin: 0;
  aspect-ratio: 16 / 10;
  background: var(--ice);
}

.mold-machining-card__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform .35s ease;
}

.mold-machining-card:hover .mold-machining-card__media img {
  transform: scale(1.025);
}

/* CONTENT */

.mold-machining-card__content {
  padding: 25px 26px 28px;
}

.mold-machining-card__head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
}

.mold-machining-card__head > span {
  display: inline-grid;
  flex: 0 0 38px;
  place-items: center;
  width: 38px;
  height: 38px;
  border: 1px solid #b9d9fb;
  border-radius: 50%;
  color: var(--blue);
  background: var(--blue-3);
  font-size: 12px;
  font-weight: 800;
}

.mold-machining-card__label {
  color: var(--blue);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .09em;
}

.mold-machining-card h3 {
  margin: 0 0 10px;
  color: var(--ink);
  font-size: 22px;
  line-height: 1.3;
}

.mold-machining-card p {
  margin: 0;
  color: var(--muted);
  line-height: 1.65;
}

/* =====================================================
   MOLD SURFACE TREATMENT
===================================================== */

.mold-surface-treatment {
  position: relative;
  display: grid;
  grid-template-columns:
    minmax(310px, .95fr)
    minmax(260px, .75fr)
    minmax(380px, 1.2fr);
  gap: 34px;
  align-items: stretch;
  overflow: hidden;
  margin-top: 24px;
  padding: 28px 30px;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: #ffffff;
  box-shadow: 0 12px 32px rgba(8, 27, 51, .05);
}

.mold-surface-treatment::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: var(--blue);
}

/* INTRO */

.mold-surface-treatment__intro {
  min-width: 0;
}

.mold-surface-treatment__heading {
  display: flex;
  align-items: flex-start;
  gap: 15px;
}

.mold-surface-treatment__number {
  display: inline-grid;
  flex: 0 0 42px;
  place-items: center;
  width: 42px;
  min-width: 42px;
  height: 42px;
  aspect-ratio: 1 / 1;
  border: 1px solid #b9d9fb;
  border-radius: 50%;
  color: var(--blue);
  background: var(--blue-3);
  font-size: 13px;
  font-weight: 800;
}

.mold-surface-treatment__label {
  margin-bottom: 5px;
  color: var(--blue);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .09em;
}

.mold-surface-treatment h3 {
  margin: 0;
  color: var(--ink);
  font-size: 22px;
  line-height: 1.3;
}

.mold-surface-treatment__intro > p {
  margin: 18px 0 0 57px;
  color: var(--muted);
  line-height: 1.65;
}

/* CONTENT GROUPS */

.mold-surface-treatment__group {
  min-width: 0;
  padding-left: 30px;
  border-left: 1px solid var(--line);
}

.mold-surface-treatment__group h4 {
  margin: 0 0 13px;
  color: var(--ink);
  font-size: 14px;
  line-height: 1.4;
}

.mold-surface-treatment__group ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* PROCESS TAGS */

.mold-surface-treatment__processes {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}

.mold-surface-treatment__processes li {
  padding: 9px 13px;
  border: 1px solid #c7dcf2;
  border-radius: 999px;
  color: var(--blue);
  background: #fff;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.35;
}

/* FUNCTIONS */

.mold-surface-treatment__functions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 22px;
}

.mold-surface-treatment__functions li {
  position: relative;
  padding-left: 18px;
  color: var(--ink-2);
  line-height: 1.5;
}

.mold-surface-treatment__functions li::before {
  content: "✓";
  position: absolute;
  top: 0;
  left: 0;
  color: var(--blue);
  font-weight: 800;
}

/* =====================================================
   RESPONSIVE
===================================================== */

@media (max-width: 1050px) {
  .mold-surface-treatment {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mold-surface-treatment__intro {
    grid-column: 1 / -1;
  }

  .mold-surface-treatment__intro > p {
    max-width: 700px;
  }

  .mold-surface-treatment__group:first-of-type {
    padding-left: 0;
    border-left: 0;
  }
}

@media (max-width: 700px) {
  .mold-surface-treatment {
    grid-template-columns: 1fr;
    gap: 22px;
    padding: 24px;
  }

  .mold-surface-treatment__intro {
    grid-column: auto;
  }

  .mold-surface-treatment__intro > p {
    margin-left: 0;
  }

  .mold-surface-treatment__group,
  .mold-surface-treatment__group:first-of-type {
    padding-top: 20px;
    padding-left: 0;
    border-top: 1px solid var(--line);
    border-left: 0;
  }

  .mold-surface-treatment__functions {
    grid-template-columns: 1fr;
  }
}
/* =====================================================
   MOLD SURFACE TREATMENT SECTION
===================================================== */

.mold-surface-section {
  background: #ffffff;
}

.mold-surface-panel {
  display: grid;
  grid-template-columns: .85fr 1.15fr;
  overflow: hidden;
  margin-top: 36px;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 14px 38px rgba(8, 27, 51, .06);
}

.mold-surface-panel__group {
  padding: 30px 34px;
}

.mold-surface-panel__group + .mold-surface-panel__group {
  border-left: 1px solid var(--line);
}

.mold-surface-panel__heading {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 22px;
}

.mold-surface-panel__heading > span {
  display: inline-grid;
  flex: 0 0 42px;
  place-items: center;
  width: 42px;
  min-width: 42px;
  height: 42px;
  border: 1px solid #b9d9fb;
  border-radius: 50%;
  color: var(--blue);
  background: var(--blue-3);
  font-size: 13px;
  font-weight: 800;
}

.mold-surface-panel__label {
  margin-bottom: 4px;
  color: var(--blue);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .09em;
}

.mold-surface-panel h3 {
  margin: 0;
  color: var(--ink);
  font-size: 22px;
}

.mold-surface-panel ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mold-surface-panel__processes {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.mold-surface-panel__processes li {
  padding: 10px 14px;
  border: 1px solid #c7dcf2;
  border-radius: 999px;
  color: var(--blue);
  background: var(--ice);
  font-weight: 700;
}

.mold-surface-panel__functions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 24px;
}

.mold-surface-panel__functions li {
  position: relative;
  padding-left: 22px;
  color: var(--ink-2);
  line-height: 1.55;
}

.mold-surface-panel__functions li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: var(--blue);
  font-weight: 800;
}

@media (max-width: 750px) {
  .mold-surface-panel {
    grid-template-columns: 1fr;
  }

  .mold-surface-panel__group + .mold-surface-panel__group {
    border-top: 1px solid var(--line);
    border-left: 0;
  }

  .mold-surface-panel__functions {
    grid-template-columns: 1fr;
  }
}
.final-effect__conclusion {
  margin: 24px 0 0;
  padding-left: 16px;
  border-left: 3px solid #75baff;
  color: #d7e5f3;
  font-size: 15px;
  line-height: 1.7;
}

.final-effect__conclusion::before {
  content: "";
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: 0;
  width: 3px;
  border-radius: 3px;
}
.case-result-panel .eyebrow {
  color: #75baff;
}

.case-result-panel .eyebrow::after {
  background: #1685ee;
}
/* =====================================================
   UNIVERSAL SECTION SUBNAV
   可用于 Mold Center、Applications 和其他内页
===================================================== */

.section-subnav {
  position: sticky;
  top: var(--nav-h, 88px);
  z-index: 30;
  border-bottom: 1px solid var(--line, #dbe5ef);
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 8px 24px rgba(8, 27, 51, .05);
  backdrop-filter: blur(14px);
}

.section-subnav__inner {
  display: flex;
  align-items: center;
  gap: 24px;
  min-height: 66px;
}

.section-subnav__links {
  display: flex;
  align-items: center;
  gap: clamp(16px, 1.6vw, 28px);
  min-width: 0;
  overflow-x: auto;
  scrollbar-width: none;
}

.section-subnav__links::-webkit-scrollbar {
  display: none;
}

.section-subnav__links a {
  position: relative;
  flex: 0 0 auto;
  padding: 23px 0 21px;
  color: var(--muted, #5c6d80);
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  transition: color .2s ease;
}

.section-subnav__links a:hover,
.section-subnav__links a.is-active {
  color: var(--blue, #075fc6);
}

.section-subnav__links a.is-active::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 3px;
  border-radius: 3px 3px 0 0;
}

/* 右侧独立蓝色按钮 */
.section-subnav__cta {
  flex: 0 0 auto;
  margin-left: auto;
  padding: 12px 19px;
  border: 1px solid var(--blue, #075fc6);
  border-radius: 8px;
  color: #fff;
  background: var(--blue, #075fc6);
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .04em;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
  transition:
    background-color .2s ease,
    border-color .2s ease,
    transform .2s ease;
}

.section-subnav__cta:hover {
  border-color: #054fa8;
  color: #fff;
  background: #054fa8;
  transform: translateY(-1px);
}

/* =====================================================
   RESPONSIVE
===================================================== */

@media (max-width: 900px) {
  .section-subnav__inner {
    gap: 14px;
    min-height: 60px;
  }

  .section-subnav__links {
    gap: 20px;
  }

  .section-subnav__links a {
    padding: 21px 0 19px;
  }

  .section-subnav__cta {
    padding: 11px 14px;
  }
}

@media (max-width: 560px) {
  .section-subnav__inner {
    padding-right: 0;
  }

  .section-subnav__cta {
    margin-right: 12px;
    font-size: 11px;
  }
}
/* =====================================================
   MOLD CENTER OVERVIEW — SERVICE HUB
===================================================== */
.mold-center-overview-page .mold-hub__head{max-width:850px;margin-bottom:36px}
.mold-center-overview-page .mold-hub__head h2{margin:10px 0 16px;color:var(--mold-dark);font-size:clamp(32px,4vw,54px);line-height:1.08}
.mold-center-overview-page .mold-hub__head p{margin:0;color:var(--mold-muted);font-size:17px;line-height:1.7}
.mold-center-overview-page .mold-hub__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.mold-center-overview-page .mold-hub-card{overflow:hidden;border:1px solid var(--mold-line);border-radius:20px;background:#fff;box-shadow:0 14px 38px rgba(8,27,51,.07);transition:transform .25s ease,box-shadow .25s ease}
.mold-center-overview-page .mold-hub-card:hover{transform:translateY(-5px);box-shadow:0 22px 50px rgba(8,27,51,.11)}
.mold-center-overview-page .mold-hub-card__media{overflow:hidden;aspect-ratio:16/10;margin:0;background:#eaf0f6}
.mold-center-overview-page .mold-hub-card__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.mold-center-overview-page .mold-hub-card:hover .mold-hub-card__media img{transform:scale(1.025)}
.mold-center-overview-page .mold-hub-card__content{padding:27px 28px 30px}
.mold-center-overview-page .mold-hub-card__content>span{color:var(--mold-blue);font-size:12px;font-weight:800;letter-spacing:.11em}
.mold-center-overview-page .mold-hub-card h3{margin:9px 0 12px;color:var(--mold-dark);font-size:23px;line-height:1.28}
.mold-center-overview-page .mold-hub-card p{margin:0 0 21px;color:var(--mold-muted);line-height:1.68}
.mold-center-overview-page .mold-hub-card__content a{color:var(--mold-blue);font-size:13px;font-weight:800;text-decoration:none}
.mold-center-overview-page .mold-hub-card__content a:hover{color:#054fa8}
.mold-center-overview-page .mold-center-overview-capability{padding-top:clamp(70px,8vw,110px)}

@media(max-width:980px){
  .mold-center-overview-page .mold-hub__grid{grid-template-columns:1fr}
  .mold-center-overview-page .mold-hub-card{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr)}
  .mold-center-overview-page .mold-hub-card__media{height:100%;aspect-ratio:auto}
}


@media(max-width:700px){
  .mold-center-overview-page .mold-hub-card{display:block}
  .mold-center-overview-page .mold-hub-card__media{aspect-ratio:16/10}
}