/* 数字人大栏目（node_szrd1）卡片栅格与动效，仅作用于 .szrd-block */
:root { --sr-card-radius: 16px; --sr-gap: 28px; --sr-primary:#7c4dff; --sr-primary-2:#b388ff; --sr-text:#1a7eef; --sr-text-2:#5b6b7b; --sr-shadow:0 6px 16px rgba(16,24,40,.08); --sr-shadow-hover:0 10px 24px rgba(16,24,40,.14); }
.szrd-block .solution_list ul.fix{ display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--sr-gap); padding:0!important; margin:0!important; }
.szrd-block .solution_list li{ list-style:none; background:#fff; border-radius:var(--sr-card-radius); box-shadow:var(--sr-shadow); overflow:hidden; position:relative; float:none!important; width:auto!important; margin:0!important; transition: transform .28s cubic-bezier(.22,.61,.36,1), box-shadow .28s ease; }
.szrd-block .solution_list li:hover{ transform:translateY(-8px); box-shadow:var(--sr-shadow-hover); }
.szrd-block .solu_img{ position:relative; overflow:hidden; aspect-ratio:3/1; width:100%; margin:0; border-radius:inherit; box-sizing:border-box; }
/* 固定视觉比例，图片全覆盖避免白边 */
.szrd-block .solu_img>img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; }
.szrd-block .solution_list li:hover .solu_img>img{ transform:none; }
/* 移除紫色遮罩与高光闪过效果 */
.szrd-block .solu_img .shade{ display:none !important; }
.szrd-block .solution_list li::before{ content:""; position:absolute; inset:0; border-radius:inherit; padding:1px; pointer-events:none; background:transparent; opacity:0; }
.szrd-block .solu_img::before{ content:none; }
.szrd-block .solution_list li:hover .solu_img::before{ animation:none; }
@keyframes sr-shine{ from{ transform: translateX(-120%) skewX(-20deg);} to{ transform: translateX(220%) skewX(-20deg);} }
.szrd-block h2{ margin:14px 18px 8px!important; font-size:18px; font-weight:600; line-height:1.4; text-align:center; }
.szrd-block h2 a{ color:var(--sr-text)!important; }
.szrd-block h2 a:hover{ color:var(--sr-primary)!important; }
.szrd-block h2::after{ content:""; display:block; width:44px; height:3px; margin-top:8px; margin-left:auto; margin-right:auto; border-radius:2px; background:linear-gradient(90deg, var(--sr-primary), var(--sr-primary-2)); }
.szrd-block .intro{ margin:0 18px 18px!important; color:var(--sr-text-2)!important; font-size:14px; line-height:1.7; }
.szrd-block .img_icon{ position:absolute; left:18px; top:50%; transform:translateY(-50%); width:56px; height:56px; border-radius:14px; background:rgba(255,255,255,.22); backdrop-filter: blur(6px); display:grid; place-items:center; box-shadow:inset 0 0 0 1px rgba(255,255,255,.35); }
.szrd-block .img_icon img{ width:28px; height:28px; filter: drop-shadow(0 2px 4px rgba(0,0,0,.2)); }
.szrd-block .sr-card-overlay{ position:absolute; inset:0; display:flex; align-items:flex-end; gap:12px; padding:14px 16px; pointer-events:none; }
.szrd-block .sr-title{ color:#fff; font-size:18px; font-weight:700; letter-spacing:.5px; text-shadow:0 2px 8px rgba(0,0,0,.35); }
.szrd-block .sr-cta{ margin-left:auto; background:rgba(255,255,255,.9); color:var(--sr-primary); font-size:12px; padding:6px 10px; border-radius:999px; box-shadow:0 2px 8px rgba(16,24,40,.12); transform:translateY(6px); opacity:0; transition:.25s ease; pointer-events:auto; cursor:pointer; }
.szrd-block .solution_list li:hover .sr-cta{ opacity:1; transform:translateY(0); }
@media (max-width:1199px){ .szrd-block .solution_list ul.fix{ grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:22px; } }
@media (max-width:639px){ .szrd-block .solution_list ul.fix{ grid-template-columns:1fr!important; gap:18px; } .szrd-block h2{ font-size:16px!important; } .szrd-block .img_icon{ width:48px; height:48px; left:14px; } }