/* 官网新增区块样式（在 style.css 设计系统之上扩展）
   包含：低功耗实测卡 / 规格速查表 / 光斑尺寸 / 溯源输入区 / 系统入口 */

/* ---------- 低功耗实测 ---------- */
.lowpwr{margin-top:56px;background:#fff;border:1px solid var(--border);border-radius:16px;padding:34px;box-shadow:var(--shadow)}
.lowpwr .lp-head{max-width:720px;margin:0 auto 26px;text-align:center}
.lowpwr .lp-head h3{font-size:22px;margin:6px 0 10px;color:var(--text-1)}
.lowpwr .lp-head p{color:var(--text-2);font-size:14.5px}
.lp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.lp-card{background:linear-gradient(160deg,#f7faff,#eef4ff);border:1px solid #dbe6ff;border-radius:14px;padding:22px;text-align:center}
.lp-card .lp-lb{font-size:13.5px;color:var(--text-2);font-weight:600}
.lp-card .lp-num{font-size:32px;font-weight:800;color:var(--primary);margin:10px 0 6px;line-height:1.1}
.lp-card .lp-num span{font-size:16px;color:var(--text-3);font-weight:700}
.lp-card p{font-size:13px;color:var(--text-3);min-height:36px}
.lp-note{text-align:center;color:var(--text-3);font-size:13px;margin-top:18px}

/* ---------- 规格速查 ---------- */
.tbl table.spec{min-width:960px}
.tbl table.spec td:first-child{font-weight:600;color:var(--text-1);white-space:nowrap}
.tbl table.spec td{font-size:14px}
.spot{margin-top:40px;background:#fff;border:1px solid var(--border);border-radius:16px;padding:30px;box-shadow:var(--shadow)}
.spot h3{font-size:20px;color:var(--text-1);text-align:center;margin-bottom:6px}
.spot .sub{text-align:center;color:var(--text-3);font-size:13.5px;margin-bottom:22px}
.spot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.spot-grid>div{background:var(--bg);border-radius:12px;padding:18px;text-align:center}
.spot-grid .d{display:block;font-size:13px;color:var(--text-3);margin-bottom:6px}
.spot-grid b{font-size:20px;color:var(--primary)}
.spot-note{text-align:center;color:var(--text-2);font-size:14px;margin-top:20px}

/* ---------- 现场案例 ---------- */
.case-card{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;align-items:start;
  background:#fff;border:1px solid var(--border);border-radius:16px;padding:26px;box-shadow:var(--shadow)}
.case-img img{width:100%;height:100%;max-height:430px;object-fit:cover;border-radius:12px;display:block}
.case-info{margin:0}
.case-info dt{font-size:13px;color:var(--primary);font-weight:700;letter-spacing:1px;margin-top:16px}
.case-info dt:first-child{margin-top:0}
.case-info dd{margin:6px 0 0;color:var(--text-2);font-size:14.5px;line-height:1.65}
.case-info dd b{color:var(--text-1)}
.case-note{text-align:center;color:var(--text-3);font-size:13px;margin-top:18px}
@media (max-width:900px){
  .case-card{grid-template-columns:1fr;gap:20px;padding:20px}
  .case-img img{max-height:300px}
}

/* ---------- 溯源输入区 ---------- */
.trace-btns{display:flex;gap:12px;flex-wrap:wrap}
.trace-btns .btn{flex:1;min-width:160px;background:var(--primary);color:#fff}
.trace-btns .btn:hover{background:var(--primary-dark)}
.btn-outline{background:#fff !important;color:var(--primary) !important;border:1px solid var(--primary) !important}
.btn-outline:hover{background:#eef4ff !important}
.btn-primary{background:var(--primary);color:#fff}
.btn-primary:hover{background:var(--primary-dark)}

/* ---------- 系统入口 ---------- */
.qms-entry{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
  margin-top:34px;background:#fff;border:1px solid var(--border);border-radius:14px;padding:26px 30px;box-shadow:var(--shadow)}
.qms-entry h3{font-size:18px;color:var(--text-1);margin-bottom:6px}
.qms-entry p{color:var(--text-2);font-size:14px}

/* ---------- 响应式 ---------- */
@media (max-width:900px){
  .lp-grid,.spot-grid{grid-template-columns:1fr 1fr}
  .qms-entry{flex-direction:column;align-items:flex-start}
}
@media (max-width:560px){
  .lp-grid,.spot-grid{grid-template-columns:1fr}
  .lowpwr,.spot{padding:22px}
  .trace-btns .btn{min-width:100%}
}