/* zhiliangyuan.css · 质量员 */

.num-head{background:var(--gray-50);padding:calc(var(--header-h) + 70px) 0 70px;text-align:center;position:relative;overflow:hidden}
.watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:280px;font-weight:800;color:var(--blue-100);opacity:.5;line-height:1;z-index:0;user-select:none}
.center-bc{justify-content:center;position:relative;z-index:1}
.num-head h1{position:relative;z-index:1;font-size:clamp(40px,6vw,64px);margin:14px 0}
.num-sub{position:relative;z-index:1;color:var(--gray-600);max-width:560px;margin:0 auto;font-size:16px}

.sec{padding:64px 0}
.duizhao-sec{background:#fff}
.dz-cols{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.dz-card{border-radius:var(--radius-m);padding:30px}
.dz-blue{background:var(--blue-50);border:1px solid var(--blue-150)}
.dz-gray{background:var(--gray-50);border:1px solid var(--gray-100)}
.dz-card h3{margin-bottom:16px}
.dz-blue h3{color:var(--blue-800)}
.dz-card li{position:relative;padding-left:20px;margin-bottom:10px;font-size:14.5px;color:var(--gray-700)}
.dz-card li::before{content:"";position:absolute;left:0;top:9px;width:7px;height:7px;border-radius:50%;background:var(--blue-400)}

.duty-sec{background:var(--gray-50)}
.duty-flex{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center}
.duty-text h2{margin:8px 0 16px}
.dot-list li{position:relative;padding-left:20px;margin-bottom:12px;font-size:14.5px;color:var(--gray-700)}
.dot-list li::before{content:"";position:absolute;left:0;top:9px;width:7px;height:7px;border-radius:50%;background:var(--blue-500)}
.duty-img img{border-radius:var(--radius-l);width:100%;height:300px;object-fit:cover;box-shadow:var(--shadow-m)}

.beikao-sec{background:#fff}
.bk-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.bkc{background:var(--gray-50);border:1px solid var(--gray-100);border-radius:var(--radius-m);padding:24px 20px}
.bkc h3{font-size:15px;margin-bottom:8px;color:var(--blue-800)}
.bkc p{font-size:13.5px;color:var(--gray-600)}

.scene-sec{background:var(--gray-50)}
.scene-flex{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:center}
.scene-img img{border-radius:var(--radius-l);width:100%;height:300px;object-fit:cover;box-shadow:var(--shadow-m)}
.scene-text h2{margin:8px 0 14px}
.scene-text p{color:var(--gray-600)}

.end-sec{background:#fff}
.end-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.end{background:var(--gray-50);border-radius:var(--radius-m);padding:28px}
.end h3{margin-bottom:12px;color:var(--blue-800)}
.end p{font-size:14.5px;color:var(--gray-600);margin-bottom:14px}

/* 验收清单表 */
.table-wrap{overflow-x:auto;border-radius:var(--radius-m);box-shadow:var(--shadow-s);border:1px solid var(--gray-100)}
.yanshou-table{width:100%;border-collapse:collapse;min-width:600px;background:#fff;font-size:14px}
.yanshou-table th,.yanshou-table td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--gray-100);vertical-align:top}
.yanshou-table thead th{background:var(--blue-50);color:var(--blue-800)}
.yanshou-table td:first-child{font-weight:700;color:var(--gray-800);white-space:nowrap}
.yanshou-table tbody tr:last-child td{border-bottom:none}

/* 质量问题案例 */
.case-sec{background:var(--gray-50)}
.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px}
.case-card{background:#fff;border:1px solid var(--gray-100);border-radius:var(--radius-m);padding:24px;box-shadow:var(--shadow-s);border-top:3px solid var(--blue-500)}
.case-card h3{font-size:15px;color:var(--blue-800);margin-bottom:8px}
.case-card p{font-size:13.5px;color:var(--gray-600);line-height:1.75}

/* 仪器工具 */
.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:26px}
.tool{background:var(--blue-50);border-radius:var(--radius-m);padding:20px;text-align:center}
.tool b{display:block;font-size:15px;color:var(--blue-800);margin-bottom:6px}
.tool span{font-size:13px;color:var(--gray-600)}

@media (max-width:920px){
  .dz-cols,.duty-flex,.scene-flex,.end-row{grid-template-columns:1fr;gap:24px}
  .bk-grid{grid-template-columns:1fr 1fr}
  .watermark{font-size:180px}
  .case-grid{grid-template-columns:1fr}
  .tool-grid{grid-template-columns:1fr 1fr}
}