/* ===== 首页产品导航卡片 v2 ===== */
.section-slogan { text-align:center; color: var(--text-secondary, #8a8ca3); font-size:15px; margin:-8px 0 28px; }
.product-nav-grid { display:grid; grid-template-columns: repeat(2, 1fr); gap:20px; max-width:960px; margin:0 auto; }
.product-nav-card {
  position:relative; display:flex; gap:16px; align-items:flex-start;
  background: var(--card-bg, #fff); border:1px solid var(--border-color, #e8e9f0);
  border-radius:18px; padding:24px; text-decoration:none; color:inherit;
  transition: all .28s cubic-bezier(.2,.8,.3,1); overflow:hidden;
}
.product-nav-card::before {
  content:''; position:absolute; inset:0; border-radius:18px; padding:1.5px;
  background:linear-gradient(135deg, transparent 60%, rgba(79,110,247,.0));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor; mask-composite: exclude; opacity:0; transition:opacity .28s;
}
.product-nav-card:hover { transform: translateY(-6px); box-shadow:0 18px 40px rgba(30,40,90,.12); border-color:transparent; }
.product-nav-card:hover::before { opacity:1; background:linear-gradient(135deg, #4f6ef7, #ff6b6b); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite:xor; mask-composite:exclude; }
.pnc-icon { flex-shrink:0; width:56px; height:56px; border-radius:15px; display:flex; align-items:center; justify-content:center; font-size:28px; box-shadow:0 6px 16px rgba(0,0,0,.12); }
.pnc-body { flex:1; min-width:0; }
.pnc-name { font-size:19px; font-weight:800; margin-bottom:6px; }
.pnc-desc { font-size:13.5px; color: var(--text-secondary, #6b7089); line-height:1.65; margin-bottom:12px; }
.pnc-btn { display:inline-block; font-size:13.5px; font-weight:700; color:#4f6ef7; transition: transform .2s; }
.product-nav-card:hover .pnc-btn { transform: translateX(4px); }
.pnc-tag { position:absolute; top:16px; right:16px; font-size:11px; color:var(--text-tertiary,#a0a3b8); background:var(--bg-secondary,#f2f3f8); padding:2px 9px; border-radius:999px; }
[data-theme="dark"] .product-nav-card { background:#181b24; border-color:#262a38; }
[data-theme="dark"] .pnc-desc { color:#a8acc4; }
[data-theme="dark"] .pnc-tag { background:#222634; color:#8a8fa8; }

@media (max-width: 720px) {
  .product-nav-grid { grid-template-columns:1fr; gap:14px; }
  .product-nav-card { padding:18px; }
  .pnc-icon { width:48px; height:48px; font-size:24px; }
  .pnc-name { font-size:17px; }
}