/**
 * V3-1（增强版）：依然极简，但更舒服
 * 修复：
 * 1) 直角感太强 -> 模块/分组加入圆角与柔和分隔
 * 2) 内容贴边 -> 增加 padding
 * 3) 字号偏小 -> 提升基础字号与行距
 */

:root{
  /* 中文注释：你也可以不写在 :root，这里方便统一调 */
  --gcw-detail-radius: 16px;
  --gcw-detail-border: #ececf6;
  --gcw-detail-divider: #f0f0fa;
  --gcw-detail-text: #222;
  --gcw-detail-muted: #666;
  --gcw-detail-brand: #009688;
}

/* ===== 命名空间隔离 ===== */
.gcw-spp-detailmod{
  background:#fff;
  border:1px solid var(--gcw-detail-border);        /* ✅ 给模块一个轻边界 */
  border-radius: var(--gcw-detail-radius);          /* ✅ 圆角回归 */
  padding: 14px 16px;                               /* ✅ 外层留白更舒服 */
  color: var(--gcw-detail-text);
  font-size: 15px;                                  /* ✅ 基础字号提升 */
  line-height: 1.7;                                 /* ✅ 更适合扫读 */
}

/* 防主题污染 */
.gcw-spp-detailmod button{
  text-transform:none !important;
  letter-spacing:0 !important;
}
.gcw-spp-detailmod ul,
.gcw-spp-detailmod ol{
  list-style:none;
  padding-left:0;
  margin-left:0;
}

/* ===== 顶部 chips（轻 sticky） ===== */
.gcw-spp-detailmod__chips{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  align-items:center;

  padding: 10px 6px 12px;                           /* ✅ 左右留白，避免贴边 */
  margin: 0;

  position: sticky;
  top: calc(var(--gcw-ssp-sticky-top) + 8px);
  z-index: 6;

  background: rgba(255,255,255,.92);
  backdrop-filter: blur(10px);

  border-bottom: 1px solid var(--gcw-detail-divider);
}

/* chip 本身更舒服一点 */
.gcw-spp-detailmod__chip{
  border:0;
  background:transparent;
  padding: 8px 4px;
  font-weight: 950;
  font-size: 14px;                                  /* ✅ chip 字号略增 */
  cursor:pointer;
  color:#333;
  border-bottom: 2px solid transparent;
}

.gcw-spp-detailmod__chip.is-active{
  color: var(--gcw-detail-brand);
  border-bottom-color: var(--gcw-detail-brand);
}

/* ===== Sections：从“硬分隔线”升级为“软分组块” ===== */
.gcw-spp-detailmod__sec{
  scroll-margin-top: calc(var(--gcw-ssp-sticky-top) + 72px);

  margin-top: 10px;
  padding: 12px 10px;                               /* ✅ 内边距解决贴边 */
  border-radius: 14px;                               /* ✅ 分组圆角 */
  background: #fff;                                  /* 保持白 */
}

/* 中文注释：用“淡底阴影/描边”替代硬分隔线直角感 */
.gcw-spp-detailmod__sec{
  border: 1px solid var(--gcw-detail-divider);
}

/* section 标题 */
.gcw-spp-detailmod__sec-head{
  width:100%;
  text-align:left;
  border:0;
  background:transparent;
  cursor:pointer;
  padding: 4px 2px;                                  /* ✅ 标题上下更松 */
  display:flex;
  align-items:center;
  justify-content:space-between;

  font-size: 17px;                                   /* ✅ 标题更清晰 */
  font-weight: 1000;
}

/* 箭头 */
.gcw-spp-detailmod__sec-head::after{
  content:"▾";
  font-size: 14px;
  color:#999;
  transform:rotate(0deg);
  transition:.15s ease;
}
.gcw-spp-detailmod__sec.is-open .gcw-spp-detailmod__sec-head::after{
  transform:rotate(180deg);
}

.gcw-spp-detailmod__sec-body{
  margin-top: 10px;
  padding: 0 2px 2px;                                /* ✅ 内容与边界拉开 */
}

.gcw-spp-detailmod__sec:not(.is-open) .gcw-spp-detailmod__sec-body{
  display:none;
}

/* ===== Specs 表格：更像 B2B 信息表 ===== */
.gcw-spp-detailmod__table{
  width:100%;
  border-collapse:collapse;
  font-size: 15px;                                   /* ✅ 表格字号提升 */
}

.gcw-spp-detailmod__table th,
.gcw-spp-detailmod__table td{
  border-bottom: 1px solid #f4f4fb;
  padding: 12px 6px;                                 /* ✅ 行内留白更舒服 */
  vertical-align: top;
}

.gcw-spp-detailmod__table th{
  width: 240px;
  color:#111;
  font-weight: 1000;
  letter-spacing: .2px;
}

/* 小屏更紧凑，避免 th 太宽 */
@media (max-width: 640px){
  .gcw-spp-detailmod{padding: 12px}
  .gcw-spp-detailmod__table th{width: 42%}
}