/* Compliance Report 板块样式
   PC 基准 1920px：vw = px / 1920 * 100
   移动端基准 375px：vw = px / 375 * 100（与 productCompliance.css 一致）
   字体规范：
     700+ → Montserrat-Bold
     600  → Montserrat-SemiBold
     500  → Montserrat-Medium
     400  → Montserrat
*/
.compliance-report {
  font-family: "Montserrat"; /* 400 */
  color: #231815;
  line-height: 1.25;
  font-size: 0.8333vw; /* 16px @1920 */
  margin-top: 4.1667vw; /* 80px @1920 */
  margin-bottom: 4.1667vw; /* 80px @1920 */
  padding-top: 2.0833vw; /* 40px @1920 */
  scroll-margin-top: 7.8125vw; /* 150px @1920，与 scrollToTarget 的 num(150) 对齐，锚点定位避开导航 */
}
.compliance-report-title {
  font-family: "Montserrat-SemiBold"; /* 600 */
  font-size: 3.125vw; /* 60px @1920，与 .product-detail .container .specifi .specifi-title 一致 */
  line-height: 150%; /* 与 .specifi-title 一致 */
  margin-bottom: 1.25vw; /* 24px @1920 */
}
.compliance-report .spec-header {
  padding: 0.9375vw 1.25vw; /* 18px 24px @1920 */
  background-color: #ffffff;
  font-family: "Montserrat"; /* 400，不加粗，与详情页其他模块一致 */
}
.compliance-report .spec-row {
  display: flex;
  gap: 2.1875vw; /* 42px @1920 */
  min-height: 2.9167vw; /* 56px @1920 */
  padding: 0.9375vw 1.25vw; /* 18px 24px @1920 */
  align-items: center;
}
.compliance-report .spec-row:nth-child(even) {
  background-color: #FAFAFA;
}
.compliance-report .spec-row:nth-child(odd) {
  background-color: #ffffff;
}
.compliance-report .spec-label {
  flex: 0 0 13.0208vw; /* 250px @1920 */
  font-family: "Montserrat-Medium"; /* 500 */
}
.compliance-report .spec-value {
  flex: 1;
  min-width: 0; /* 允许 flex item 收缩，避免超长链接撑开导致页面横向滚动条 */
  word-break: break-all;
}
.compliance-report .spec-link {
  color: #3A66FB;
  text-decoration: none;
  word-break: break-all;
  overflow-wrap: anywhere; /* 超长 URL 可强制换行，避免溢出 */
}
.compliance-report .spec-link:hover {
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .compliance-report {
    padding: 0 4.8vw; /* 18px @375 */
    font-size: 4.2667vw; /* 16px @375，参考 complianceReport.vue 移动端固定 16px */
    scroll-margin-top: 26.6667vw; /* 100px @375，与 scrollToTarget 的 num(100) 对齐，锚点定位避开导航 */
    margin-bottom: 10.6667vw; /* 40px @375 */
  }
  .compliance-report-title {
    font-size: 8.5333vw; /* 32px @375 */
  }
  .compliance-report .spec-header {
    padding: 3.2vw 4.8vw; /* 12px 18px @375 */
  }
  .compliance-report .spec-row {
    padding: 3.2vw 4.8vw; /* 12px 18px @375 */
    gap: 5.3333vw; /* 20px @375 */
  }
  .compliance-report .spec-label {
    flex: 0 0 42.6667vw; /* 160px @375 */
  }
}