/* ===== Banner 高度对齐全站统一规格（380/340/300） ===== */
.page-hero{height:420px !important}
@media (max-width:992px){.page-hero{height:380px !important}}
@media (max-width:640px){.page-hero{height:340px !important}}

/* 由 solution-floor.html 内联 <style> 抽取（P2 改造） */
/* ===== 本页栅格收口：电脑 / 平板 / 手机 3 档，任何屏宽均不横向溢出 ===== */

.grid.grid-2,.grid.grid-3,.grid.grid-4{align-items:stretch}

.grid.grid-2 .card,.grid.grid-3 .card,.grid.grid-4 .card{height:100%;display:flex;flex-direction:column}

.grid.grid-3 .card h3,.grid.grid-4 .card h3{font-size:16px}

.grid.grid-3 .card h4,.grid.grid-4 .card h4{font-size:15px}

.grid.grid-3 .card p,.grid.grid-4 .card p{flex:1;font-size:13.5px;line-height:1.75}

.grid.grid-2 .case-mini .case-img,.grid.grid-3 .case-mini .case-img{aspect-ratio:16/10;height:auto;overflow:hidden}

.grid.grid-2 .case-mini .case-img img,.grid.grid-3 .case-mini .case-img img{width:100%;height:100%;object-fit:cover}

.card,.chip,.case-mini,.ov-point,.check-items,.data-table td,.prose p{min-width:0;overflow-wrap:anywhere}

@media (max-width:1024px){

  .grid.grid-3,.grid.grid-4{grid-template-columns:repeat(2,1fr)}

}

@media (max-width:600px){

  .grid.grid-2,.grid.grid-3,.grid.grid-4{grid-template-columns:1fr;gap:14px}

  .grid.grid-3 .card h3,.grid.grid-4 .card h3{font-size:15px}

  .grid.grid-3 .card h4,.grid.grid-4 .card h4{font-size:14px}

  .grid.grid-3 .card p,.grid.grid-4 .card p{font-size:13px}

  .data-table{min-width:460px;font-size:13.5px}

  .data-table th,.data-table td{padding:11px 12px}

  .adv-card{min-height:0;padding:22px 18px}

}



/* ===== 精工保障区：23项指标检测卡片 ===== */

.check23-section{margin-top:40px}

.check23-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}

.check23-card{position:relative;background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:22px 20px 20px;overflow:hidden;transition:all .35s var(--ease)}

.check23-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--c-blue-500-a25)}

.check23-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),var(--ac2));opacity:.8}

.check23-card .c23-head{display:flex;align-items:center;gap:14px;margin-bottom:12px}

.check23-card .c23-icon{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}

.check23-card .c23-icon svg{width:24px;height:24px;color:var(--bg)}

.check23-card .c23-icon.icon-blue{background:linear-gradient(135deg,var(--blue-alt),var(--c-blue-300));box-shadow:0 4px 12px var(--c-blue-500-a22)}

.check23-card .c23-icon.icon-green{background:linear-gradient(135deg,var(--ac2),var(--c-green-400));box-shadow:0 4px 12px var(--c-green-500-a22)}

.check23-card .c23-icon.icon-orange{background:linear-gradient(135deg,var(--gold),var(--c-orange-300));box-shadow:0 4px 12px var(--c-orange-400-a22)}

.check23-card .c23-icon.icon-purple{background:linear-gradient(135deg,#7B61FF,#a78bfa);box-shadow:0 4px 12px rgba(123,97,255,.22)}

.check23-card .c23-title h4{font-size:16px;color:var(--blue-deep);font-weight:700;margin-bottom:2px}

.check23-card .c23-title em{font-style:normal;font-size:12.5px;color:var(--text-3);font-weight:500}

.check23-card .c23-badge{position:absolute;top:16px;right:18px;font-size:12px;font-weight:700;padding:3px 10px;border-radius:20px;background:var(--blue-light);color:var(--blue)}

.check23-card .c23-list{display:flex;flex-wrap:wrap;gap:6px 8px;margin-bottom:10px}

.check23-card .c23-list span{font-size:12.5px;color:var(--text-2);background:var(--bg-alt);padding:3px 9px;border-radius:7px;line-height:1.5}

.check23-card .c23-note{font-size:12.5px;color:var(--text-3);line-height:1.65;border-top:1px dashed var(--line);padding-top:10px;margin:0}



/* ===== 8大服务优势 ===== */

.adv8-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}

.adv8-item{background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:22px 18px;text-align:center;transition:all .3s var(--ease);position:relative;overflow:hidden}

.adv8-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--line-focus)}

.adv8-item::after{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:40px;height:3px;background:linear-gradient(90deg,var(--blue),var(--ac2));border-radius:0 0 4px 4px;opacity:0;transition:opacity .3s var(--ease)}

.adv8-item:hover::after{opacity:1}

.adv8-item .adv8-ico{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#e8f3ff,#d6e9ff);color:var(--blue);display:flex;align-items:center;justify-content:center;margin:0 auto 12px;transition:all .3s var(--ease)}

.adv8-item:hover .adv8-ico{transform:scale(1.08)}

.adv8-item .adv8-ico svg{width:22px;height:22px}

.adv8-item h4{font-size:15px;font-weight:700;color:var(--blue-deep);margin-bottom:6px}

.adv8-item p{font-size:12.5px;color:var(--text-3);line-height:1.6;margin:0}



/* ===== 3大服务承诺 ===== */

.promise-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:32px}

.promise-card{position:relative;border-radius:16px;padding:30px 26px;color:var(--bg);overflow:hidden;transition:transform .35s var(--ease)}

.promise-card:hover{transform:translateY(-5px)}

.promise-card::before{content:'';position:absolute;top:-40px;right:-40px;width:140px;height:140px;border-radius:50%;background:var(--c-line-50-a12);pointer-events:none}

.promise-card::after{content:'';position:absolute;bottom:-60px;left:-30px;width:120px;height:120px;border-radius:50%;background:var(--c-line-50-a08);pointer-events:none}

.promise-card.blue{background:linear-gradient(135deg,var(--blue-alt) 0%,var(--c-blue-300) 100%)}

.promise-card.green{background:linear-gradient(135deg,var(--ac2) 0%,var(--c-green-400) 100%)}

.promise-card.orange{background:linear-gradient(135deg,var(--gold) 0%,var(--c-orange-300) 100%)}

.promise-card .p-icon{width:50px;height:50px;border-radius:14px;background:var(--c-line-50-a20);display:flex;align-items:center;justify-content:center;margin-bottom:16px}

.promise-card .p-icon svg{width:26px;height:26px;color:var(--bg)}

.promise-card h4{font-size:20px;font-weight:800;margin-bottom:10px;position:relative;z-index:1}

.promise-card p{font-size:13.5px;line-height:1.7;opacity:.92;position:relative;z-index:1;margin:0}



/* ===== 响应式 ===== */

@media (max-width:768px){

  .check23-grid{grid-template-columns:1fr;gap:12px}

  .adv8-grid{grid-template-columns:repeat(2,1fr);gap:12px}

  .promise-grid{grid-template-columns:1fr;gap:16px}

  .check23-card{padding:18px 16px}

  .check23-card .c23-icon{width:40px;height:40px}

  .check23-card .c23-icon svg{width:22px;height:22px}

  .check23-card .c23-title h4{font-size:15px}

  .check23-card .c23-head{margin-bottom:10px;gap:12px}

  .check23-card .c23-list{margin-bottom:8px}

  .promise-card{padding:24px 20px}

  .promise-card h4{font-size:17px}

}

@media (max-width:480px){

  .adv8-grid{grid-template-columns:1fr}

}



/* 内容区紧凑化 */

.section{padding:32px 0}

.section.alt{padding:32px 0}

.section-head{display:none}

.sd-title h3{font-size:20px}

.sd-title{margin-bottom:20px}

.sv-main > .section:first-of-type{padding-top:0}

/* 三层审核数据支撑 */
.audit-wrap{margin-top:4px}
.audit-sub{font-size:16px;font-weight:700;color:var(--ink-deep);margin:26px 0 16px;padding-left:11px;border-left:3px solid var(--blue);line-height:1.3}
.audit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px}
.audit-card{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:18px 16px;box-shadow:0 2px 8px var(--c-blue-800-a05)}
.audit-badge{display:inline-block;background:linear-gradient(135deg,var(--blue),var(--blue-mid));color:var(--bg);font-size:13px;font-weight:700;padding:3px 12px;border-radius:20px;margin-bottom:10px}
.audit-card h5{font-size:14.5px;color:var(--ink-deep);margin:0 0 8px;font-weight:700}
.audit-card p{font-size:13px;line-height:1.7;color:var(--c-blue-600-2);margin:0}
.audit-flow{background:var(--bg-alt);border-radius:10px;padding:22px 18px;display:flex;flex-direction:column;align-items:center;gap:10px}
.flow-node{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}
.flow-tag{background:var(--bg);border:1.5px solid var(--blue);color:var(--c-blue-600);font-weight:700;font-size:14px;padding:8px 18px;border-radius:8px}
.flow-result{color:var(--c-blue-800);font-size:14px;font-weight:600}
.flow-arrow{color:var(--blue);font-size:22px;font-weight:700;line-height:1}
@media (max-width:700px){
  .audit-grid{grid-template-columns:1fr;gap:12px}
  .audit-flow{padding:16px 12px}
  .flow-tag{font-size:13px;padding:7px 14px}
  .flow-result{font-size:13px}
}

/* 横向溢出防护（与全站 sv 布局页一致）：杜绝 768 等视口出现横向滚动 */
html,body{max-width:100vw;overflow-x:hidden}
.sv-main{min-width:0;overflow:hidden}

/* 手机端：卡片/条目网格每行 2 列（覆盖小屏单列折叠，可 2 列者统一每行 2 列） */
@media (max-width:768px){
  .grid.grid-2,.grid.grid-3,.grid.grid-4,.check23-grid,.adv8-grid,.promise-grid,.audit-grid{grid-template-columns:repeat(2,1fr) !important;gap:12px}
}

/* 服务承诺：4 张卡布局（仅地板精工铺装页，修饰类 promise-grid-4） */
.promise-grid.promise-grid-4{grid-template-columns:repeat(4,1fr)}
.promise-card.purple{background:linear-gradient(135deg,#7c4dff 0%,#b39dff 100%)}
@media (max-width:1100px){
  .promise-grid.promise-grid-4{grid-template-columns:repeat(2,1fr)}
}