/* ===== JCPT-CLIENT-UX 20260622 (Claude): 客户端交互体验增量(在 jcpt-beautify 之上,新文件,纯增量,易回滚) ===== */
:root{
  --cu-brand:#10a37f; --cu-brand-700:#0b7860; --cu-brand-50:#e9f7f3;
  --cu-blue:#1b6fb3; --cu-blue-50:#e8f1f9; --cu-line:#e5e7eb;
}

/* 1. CMA/CNAS 资质徽章(检测目录第一信任信号): 由JS给含CMA/CNAS的 meta span 打 .jcpt-qual-badge */
.merchant-meta-row .jcpt-qual-badge{
  display:inline-flex !important; align-items:center !important; gap:4px !important;
  background:var(--cu-brand-50) !important; color:var(--cu-brand-700) !important;
  border:1px solid #b8e2d5 !important; border-radius:999px !important;
  padding:1px 10px 1px 8px !important; font-weight:700 !important; font-size:12px !important; line-height:1.6 !important;
}
.merchant-meta-row .jcpt-qual-badge::before{ content:"\2713"; font-weight:900; font-size:11px; }
.merchant-meta-row .jcpt-qual-badge.jcpt-qual-cnas{ background:var(--cu-blue-50) !important; color:var(--cu-blue) !important; border-color:#bcd9f0 !important; }

/* 2. 卡片描述截断(可扫读 + 缩短卡片高度,缓解移动端超长滚动) */
.merchant-card-head p{
  display:-webkit-box !important; -webkit-line-clamp:2 !important; -webkit-box-orient:vertical !important;
  overflow:hidden !important; color:#5b6573 !important; font-size:13px !important; line-height:1.55 !important; margin:4px 0 0 !important;
}

/* 3. 卡片可点信号(beautify已做hover抬升,这里补 cursor + 略强阴影) */
.merchant-card-shopping{ cursor:pointer !important; }
.merchant-card-shopping:hover{ box-shadow:0 10px 26px rgba(16,24,40,.12) !important; }

/* 4. 状态徽章语义色点(不靠纯色区分状态,可访问性) */
.merchant-card-shopping .status-pill::before{
  content:""; display:inline-block; width:7px; height:7px; border-radius:50%;
  margin-right:5px; vertical-align:middle; background:currentColor; opacity:.85;
}

/* 5. 关键词高亮样式(预留: 源码/未来JS 包 mark.jcpt-hl 即生效,本身无害) */
mark.jcpt-hl{ background:#fff3bf !important; color:inherit !important; padding:0 1px; border-radius:2px; }

/* 6. 移动端: 触控目标≥44px + 防iOS输入聚焦缩放 + 分类横滚渐隐 */
@media (max-width:640px){
  .market-category-chip{ min-height:38px !important; padding:8px 14px !important; }
  .merchant-card-side-shop .ghost-button,
  .merchant-card-side-shop .pill-button,
  .merchant-card-side-shop a.cta-button{ min-height:44px !important; display:flex !important; align-items:center !important; justify-content:center !important; }
  .market-search-input-strong{ font-size:16px !important; }
  .market-category-row{ -webkit-mask-image:linear-gradient(90deg,#000 90%,transparent); mask-image:linear-gradient(90deg,#000 90%,transparent); }
  .merchant-card-head p{ -webkit-line-clamp:3 !important; }
}

/* 7. 打印优化(政务/采购高频打印结果): 去导航/搜索/侧栏/页脚与卡片阴影 */
@media print{
  .portal-header, .portal-nav, .market-search-hero, #jcpt-one-lib-entry-rail, .merchant-card-side, .portal-footer{ display:none !important; }
  .merchant-card-shopping{ box-shadow:none !important; border:1px solid #ccc !important; break-inside:avoid; }
}
/* ===== JCPT-CLIENT-UX-END ===== */