/* ============================================================
   产品中心页 / 产品卡片（2026-09 重排版 · 移动优先）
   统一 4 个一行排列（手机 / 平板 / 电脑一致）
   ============================================================ */

/* ============ 页头（深蓝渐变横幅） ============ */
.page-head{
  background:linear-gradient(135deg,var(--navy) 0%,var(--navy-2) 100%);
  padding:clamp(32px,5vw,52px) 0;color:#fff;
}
.page-eyebrow{
  display:inline-block;color:#7FB2FF;font-size:12.5px;font-weight:700;
  letter-spacing:3px;margin-bottom:6px;
}
.page-head h1{
  font-size:clamp(24px,3.2vw,34px);font-weight:800;letter-spacing:-.5px;margin-bottom:8px;
}
.page-head p{color:rgba(255,255,255,.8);font-size:14.5px;max-width:680px;line-height:1.7;}
/* 居中版页头（产品/公司介绍页使用） */
.page-head-center{text-align:center;}
.page-head-center .container{display:flex;flex-direction:column;align-items:center;}
.page-head-center h1{margin-bottom:6px;}
.page-head-center p{margin-bottom:0;}

/* ============ 产品卡片区 ============ */
.pcard-section{padding:clamp(18px,3vw,32px) 0;}

/* 始终 4 个一行 */
.pcard-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:6px;
  align-items:stretch;
}

.pcard{
  background:#fff;border:1px solid var(--border);border-radius:12px;
  overflow:hidden;display:flex;flex-direction:column;
  position:relative;
  transition:all .25s;
}
.pcard:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px);border-color:var(--blue);}
/* 整卡点击层：盖住整卡跳详情，z-index 低于询盘按钮让按钮可单独点击 */
.pcard-link{
  position:absolute;inset:0;z-index:1;
  text-decoration:none;
}
.pcard-body{position:relative;z-index:2;}
.pcard-cta{position:relative;z-index:3;}

/* 产品图：白色底 + 正方形框 + contain 完整显示，不裁切 */
.pcard-img{
  aspect-ratio:1/1;position:relative;background:#fff;
  display:grid;place-items:center;padding:6px;
  border-bottom:1px solid var(--border);
}
.pcard-img img{width:100%;height:100%;object-fit:contain;}
/* 产品图水印（轻）：斜向半透明"富美达"，不破坏原图 */
.pcard-img::after{
  content:"富美达";
  position:absolute;inset:0;z-index:1;
  display:flex;align-items:center;justify-content:center;
  font-size:clamp(12px,3.2vw,18px);font-weight:700;letter-spacing:.18em;
  color:rgba(37,99,235,.16);
  transform:rotate(-26deg);
  pointer-events:none;user-select:none;-webkit-user-select:none;white-space:nowrap;
}

/* 卡片文字区（4 列下精简：名称 + 询盘按钮） */
.pcard-body{
  padding:6px 7px 7px;
  display:flex;flex-direction:column;flex:1;
}
.pcard-body h3{
  font-size:12px;color:var(--navy);font-weight:700;line-height:1.3;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.pcard-meta{display:flex;flex-direction:column;gap:5px;margin-top:5px;flex:1;}
/* 4 列过窄，手机端隐藏描述，保证清晰 */
.pcard-desc{display:none;}
/* 询盘按钮：手机端整行小按钮 */
.pcard-cta{
  display:flex;align-items:center;justify-content:center;
  width:100%;min-height:36px;
  font-size:11.5px;color:var(--blue);font-weight:600;
  border:1.5px solid var(--blue);border-radius:8px;
  transition:all .18s;
}
.pcard-cta:hover{background:var(--blue);color:#fff;}

/* ============ 响应式：始终 4 列，仅放大间距/字号 ============ */

@media(min-width:560px){
  .pcard-grid{gap:8px;}
  .pcard-img{padding:8px;}
  .pcard-body{padding:8px 9px 9px;}
  .pcard-body h3{font-size:13px;}
  .pcard-cta{font-size:12px;min-height:36px;}
}

@media(min-width:768px){
  .pcard-grid{gap:12px;}
  .pcard-img{padding:12px;}
  .pcard-body{padding:10px 12px 12px;}
  .pcard-body h3{font-size:15px;}
  .pcard-desc{
    display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;
    font-size:11.5px;color:var(--text-2);line-height:1.5;
  }
  .pcard-meta{flex-direction:row;align-items:flex-end;gap:8px;}
  .pcard-cta{width:auto;min-height:34px;min-width:52px;padding:0 10px;flex-shrink:0;}
}

@media(min-width:1200px){
  .pcard-grid{gap:20px;}
  .pcard-img{padding:20px;}
  .pcard-body{padding:12px 14px 14px;}
  .pcard-body h3{font-size:17px;}
  .pcard-desc{font-size:13px;}
  .pcard-cta{font-size:13px;min-height:38px;min-width:62px;padding:0 12px;}
}

/* ============ 产品详情页 ============ */
.product-specs{
  margin:20px 0;padding:16px 18px;
  background:var(--bg-2);border:1px solid var(--border);border-radius:12px;
}
.specs-title{font-size:15px;color:var(--navy);font-weight:700;margin-bottom:12px;}
.specs-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0;}
.specs-list li{
  display:flex;justify-content:space-between;gap:16px;
  padding:9px 0;border-bottom:1px dashed var(--border);
  font-size:14px;line-height:1.5;
}
.specs-list li:last-child{border-bottom:none;}
.spec-label{color:var(--text-2);flex-shrink:0;}
.spec-value{color:var(--navy);font-weight:600;text-align:right;}

/* 产品详情页大图水印（轻）：斜向半透明"富美达" */
.product-hero{position:relative;overflow:hidden;}
.product-hero::after{
  content:"富美达";
  position:absolute;inset:0;z-index:1;
  display:flex;align-items:center;justify-content:center;
  font-size:clamp(20px,4vw,34px);font-weight:700;letter-spacing:.2em;
  color:rgba(37,99,235,.14);
  transform:rotate(-26deg);
  pointer-events:none;user-select:none;-webkit-user-select:none;white-space:nowrap;
}

.article-contact-box{
  margin-top:24px;padding:20px;text-align:center;
  background:linear-gradient(135deg,#eaf4ff,#d9eafe);
  border:1px solid var(--border);border-radius:12px;
}
.article-contact-box p{color:var(--navy);font-size:15px;font-weight:600;margin-bottom:14px;}
.article-contact-box .btn{text-decoration:none;}

@media(min-width:768px){
  .product-specs{padding:20px 24px;}
  .specs-list{flex-direction:row;flex-wrap:wrap;gap:12px 32px;}
  .specs-list li{width:calc(50% - 16px);}
}