@charset "utf-8";
/* ==========================================================
   选型指南页 独立样式
   ========================================================== */
.gd-sec{/*background:var(--bg-light);*/}
.gd-title{font-size:clamp(22px,2.6vw,32px);color:var(--ink);letter-spacing:2px;line-height:1.5;margin-bottom:34px;}

/* 领域入口卡片 */
.gd-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.gd-card{position:relative;display:block;border-radius:8px;overflow:hidden;height:clamp(150px,14vw,210px);}
.gd-card .img-slot{position:absolute;inset:0;transition:transform .5s ease;}
.gd-card .img-slot img{width:100%;height:100%;object-fit:cover;display:block;}
.gd-card:hover .img-slot{transform:scale(1.06);}
.gd-bar{position:absolute;left:0;right:0;bottom:0;background:rgba(10,20,38,.55);color:#fff;text-align:center;padding:12px 10px;}
.gd-bar h3{font-size:clamp(16px,1.6vw,22px);letter-spacing:6px;text-indent:6px;}
.gd-bar h3::after{content:"";display:block;width:34px;height:3px;background:var(--orange);margin:8px auto 0;}

/* 材料方案表 */
.gd-table-wrap{margin-top:34px;overflow-x:auto;}
.gd-table-wrap  table{
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    min-width: 760px;
}
.gd-table th,.gd-table td{padding:14px 18px;text-align:left;color:#3c4a5c;line-height:1.7;font-weight:400;}
.gd-table thead th{background:#e4e7eb;color:var(--ink);font-size:14px;letter-spacing:2px;}
.gd-table tbody tr:nth-child(even){background:#e9ecef;}
.gd-table tbody tr:nth-child(odd){background:#f6f8fa;}
.gd-table td:first-child{width:10%;color:var(--ink);}

/* 线稿与按钮 */
.gd-line{margin:44px auto 0;max-width:640px;height:clamp(240px,30vw,400px);}
.gd-line img{width:100%;height:100%;object-fit:contain;display:block;}
.gd-cta{text-align:center;margin-top:26px;}
.gd-btn{display:inline-block;background:var(--blue);color:#fff;border-radius:20px;padding:9px 40px;font-size:14px;letter-spacing:2px;transition:.25s;}
.gd-btn:hover{background:var(--orange);}

/* ---------- 自适应 ---------- */
@media (max-width:992px){
  .gd-cards{grid-template-columns:repeat(3,1fr);gap:14px;}
}
@media (max-width:768px){
  .gd-cards{grid-template-columns:1fr;height:auto;}
  .gd-card{height:180px;}
}