/* Extracted from src/products.njk style block 1 */
/* ============ products.njk · page-scoped ============ */

/* 方案卡片：图片封面 + 内容 + 列表 + 链接按钮 */
.pr-card{ display:flex; flex-direction:column; padding:0; overflow:hidden; }
.pr-card-cover{
    position:relative; aspect-ratio:21/9; overflow:hidden;
    background:var(--scn-paper);
}
.pr-card-cover img{
    display:block; width:100%; height:100%; object-fit:cover;
    transition:transform .5s var(--ease-out);
}
.pr-card:hover .pr-card-cover img{ transform:scale(1.045); }
.pr-card-body{ display:flex; flex-direction:column; flex:1; padding:26px 28px 28px; }
.pr-card-body .scn-card-icon{ margin-bottom:16px; }
.pr-card-body h3{ margin:0 0 9px; }
.pr-card-body > p{ margin:0 0 16px; font-size:13.8px; line-height:1.72; color:var(--text-secondary); }
.pr-card-list{
    list-style:none; margin:0 0 22px; padding:0;
    display:flex; flex-direction:column; gap:8px;
}
.pr-card-list li{
    display:flex; align-items:flex-start; gap:9px;
    font-size:13px; line-height:1.6; color:var(--text-secondary);
}
.pr-card-list li i{
    margin-top:3px; flex-shrink:0;
    font-size:11px; color:var(--accent);
}
.pr-card-foot{ margin-top:auto; }
.pr-card-link{
    display:inline-flex; align-items:center; gap:8px;
    font-family:var(--font-en); font-size:13.5px; font-weight:800;
    color:var(--accent); text-decoration:none;
    transition:gap .24s var(--ease-out);
}
.pr-card-link i{ font-size:11px; transition:transform .24s var(--ease-out); }
.pr-card-link:hover i{ transform:translateX(3px); }

/* Hero 下的 4 行业锚定快达卡（强内链 + 首屏分流）*/
.pr-anchor-grid{
    display:grid; grid-template-columns:repeat(4,1fr);
    gap:14px; margin-top:30px;
}
.pr-anchor{
    display:flex; align-items:center; gap:13px;
    padding:16px 18px;
    background:#fff;
    border:1px solid var(--scn-line);
    border-radius:14px;
    text-decoration:none;
    color:inherit;
    transition:transform .25s var(--ease-out), border-color .25s var(--ease-out), box-shadow .25s var(--ease-out);
}
.pr-anchor:hover{
    transform:translateY(-3px);
    border-color:var(--accent);
    box-shadow:0 12px 28px rgba(116,68,253,.10);
    color:inherit;
}
.pr-anchor-ic{
    width:42px; height:42px; border-radius:12px; flex-shrink:0;
    display:flex; align-items:center; justify-content:center;
    background:var(--accent-glow); color:var(--accent);
    font-size:17px;
    transition:background .25s, color .25s;
}
.pr-anchor:hover .pr-anchor-ic{ background:var(--accent); color:#fff; }
.pr-anchor-tx{ min-width:0; flex:1; }
.pr-anchor-tx b{
    display:block; font-size:14.5px; font-weight:800;
    color:var(--text-primary); letter-spacing:-.005em;
    line-height:1.3;
}
.pr-anchor-tx small{
    display:block; margin-top:3px;
    font-size:11.5px; color:var(--text-muted); letter-spacing:.02em;
    font-weight:500;
}
.pr-anchor-arrow{
    color:var(--text-muted); font-size:11px;
    transition:transform .25s, color .25s;
}
.pr-anchor:hover .pr-anchor-arrow{ color:var(--accent); transform:translateX(3px); }

@media (max-width:1024px){
    .pr-anchor-grid{ grid-template-columns:repeat(2,1fr); gap:10px; margin-top:24px; }
}
@media (max-width:480px){
    .pr-anchor-grid{ grid-template-columns:1fr; gap:8px; }
    .pr-anchor{ padding:13px 15px; }
    .pr-anchor-ic{ width:36px; height:36px; font-size:14px; }
    .pr-anchor-tx b{ font-size:13.5px; }
    .pr-anchor-tx small{ font-size:11px; margin-top:2px; }
}