/* =========================================================
   商品参数对比页 京东风格
   配合 Resource/Scripts/compare.page.js
   ========================================================= */
#container.main .page_goods_compare{ display:none; }  /* 隐藏旧标题块，由JS重建 */

.cmpw{ max-width:1400px; margin:14px auto 40px; }

/* ============ 顶部：对比商品卡 ============ */
.cmpw .cmp-top{
  position:relative; background:#fff; border:1px solid #f0f0f0; border-radius:10px;
  padding:18px 22px 20px;
}
.cmpw .cmp-top-label{
  font-size:16px; font-weight:700; color:#1a1a1a; margin-bottom:14px;
}
.cmpw .cmp-cols{ display:flex; gap:14px; align-items:stretch; }
.cmpw .cmp-col{
  position:relative; flex:1 1 0; min-width:0;
  border:1px solid #f0f0f0; border-radius:8px; padding:12px;
  display:flex; flex-direction:column;
}
.cmpw .cmp-col-x{
  position:absolute; top:6px; right:8px; z-index:3;
  width:20px; height:20px; line-height:18px; text-align:center;
  font-size:16px; color:#bbb; cursor:pointer; text-decoration:none;
}
.cmpw .cmp-col-x:hover{ color:#e1251b; }
.cmpw .cmp-col-main{
  width:100%; height:210px; display:flex; align-items:center; justify-content:center;
  background:#fafafa; border-radius:6px; overflow:hidden;
}
.cmpw .cmp-col-main img{ max-width:100%; max-height:100%; object-fit:contain; }
/* 缩略图横排 */
.cmpw .cmp-col-thumbs{
  position:relative; margin-top:10px; display:flex; align-items:center; gap:6px; justify-content:center;
}
.cmpw .cmp-col-thumbs .ct-list{ display:flex; gap:6px; overflow:hidden; }
.cmpw .cmp-col-thumbs .ct{
  width:40px; height:40px; flex:0 0 auto; border:1px solid #e6e6e6; border-radius:4px;
  overflow:hidden; background:#fafafa; cursor:pointer; padding:0;
}
.cmpw .cmp-col-thumbs .ct img{ width:100%; height:100%; object-fit:cover; }
.cmpw .cmp-col-thumbs .ct.on{ border-color:#e1251b; }
.cmpw .cmp-col-thumbs .ct-arrow{
  width:18px; height:40px; flex:0 0 auto; border:0; background:transparent; cursor:pointer;
  color:#999; font-size:14px; padding:0;
}
.cmpw .cmp-col-thumbs .ct-arrow:hover{ color:#e1251b; }
/* 名称 */
.cmpw .cmp-col-name{
  margin-top:12px; font-size:14px; line-height:1.45; color:#262626; text-decoration:none;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:40px;
}
.cmpw .cmp-col-name:hover{ color:#e1251b; }
/* 价格 + 立即购买 */
.cmpw .cmp-col-price-row{ margin-top:12px; display:flex; align-items:center; justify-content:space-between; gap:10px; }
.cmpw .cmp-col-price{ font-size:22px; font-weight:700; color:#e1251b; line-height:1; white-space:nowrap; }
.cmpw .cmp-col-buy{
  flex:0 0 auto; min-width:96px; height:38px; padding:0 18px;
  display:inline-flex; align-items:center; justify-content:center;
  background:#e1251b; border-radius:6px; color:#fff; font-size:14px; font-weight:700; text-decoration:none;
}
.cmpw .cmp-col-buy:hover{ background:#f02f26; }

/* ============ 主体：左导航 + 参数表 ============ */
.cmpw .cmp-body{ display:flex; gap:18px; margin-top:18px; align-items:flex-start; }
.cmpw .cmp-side{ flex:0 0 150px; background:#fff; border:1px solid #f0f0f0; border-radius:10px; padding:14px 0; position:sticky; top:12px; }
.cmpw .cmp-diff{ display:flex; align-items:center; gap:8px; padding:8px 18px; font-size:14px; color:#333; cursor:pointer; }
.cmpw .cmp-diff input{ margin:0; cursor:pointer; accent-color:#e1251b; }
.cmpw .cmp-side hr{ border:0; border-top:1px solid #f0f0f0; margin:10px 16px; }
.cmpw .cmp-nav-title{ padding:6px 18px; font-size:15px; font-weight:700; color:#1a1a1a; }
.cmpw .cmp-nav a{ display:block; padding:8px 18px; font-size:13px; color:#666; text-decoration:none; border-left:3px solid transparent; }
.cmpw .cmp-nav a:hover{ color:#e1251b; background:#fafafa; }
.cmpw .cmp-nav a.on{ color:#e1251b; border-left-color:#e1251b; background:#fdf3f3; font-weight:700; }

.cmpw .cmp-params{ flex:1 1 auto; min-width:0; background:#fff; border:1px solid #f0f0f0; border-radius:10px; overflow:hidden; }
.cmpw .cmp-sep{ background:#f7f7f7; text-align:center; padding:12px; font-size:14px; color:#333; font-weight:700; }
.cmpw .cmp-pgroup-title{
  display:flex; align-items:center; gap:8px; padding:14px 20px; font-size:15px; font-weight:700; color:#1a1a1a;
  border-top:1px solid #f0f0f0; cursor:pointer;
}
.cmpw .cmp-pgroup-title .pg-fold{ color:#999; font-size:12px; transition:transform .2s; }
.cmpw .cmp-pgroup.folded .pg-fold{ transform:rotate(-90deg); }
.cmpw .cmp-pgroup.folded .cmp-prow{ display:none; }
.cmpw .cmp-prow{ display:flex; border-top:1px solid #f5f5f5; }
.cmpw .cmp-prow:first-of-type{ border-top:0; }
.cmpw .cmp-prow .pr-name{
  flex:0 0 130px; padding:12px 16px; font-size:13px; color:#999; background:#fcfcfc;
}
.cmpw .cmp-prow .pr-val{
  flex:1 1 0; min-width:0; padding:12px 14px; font-size:13px; color:#333; text-align:center;
  display:flex; align-items:center; justify-content:center; word-break:break-word;
}
.cmpw .cmp-prow.row-hidden{ display:none !important; }