/* Home image cards - official CN style (homepage only) */

.pro-home-imagecards .pro-home-h2{font-size:28px;letter-spacing:.2px}
.pro-home-imagecards .pro-home-section-sub{font-size:15px;line-height:1.8}

.pro-imgcard{position:relative;display:block;height:150px;border-radius:14px;overflow:hidden;border:1px solid rgba(15,23,42,.08);box-shadow:0 12px 26px rgba(2,8,23,.08);background:#0b1220;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.pro-imgcard:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(2,8,23,.12);border-color:rgba(37,99,235,.28)}

.pro-imgcard-bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:saturate(1.05)}
.pro-imgcard-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,6,23,.78) 0%,rgba(2,6,23,.48) 58%,rgba(2,6,23,.18) 100%)}

.pro-imgcard-body{position:relative;z-index:1;height:100%;padding:18px;color:#fff;display:flex;flex-direction:column;justify-content:center}
.pro-imgcard-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.14);backdrop-filter:blur(6px);margin-bottom:10px;font-size:16px}
.pro-imgcard-title{font-weight:700;font-size:16px;letter-spacing:.2px;margin-bottom:6px}
.pro-imgcard-desc{font-size:13px;opacity:.9}

.pro-imgcard-bg--cloud{background-image:url('/static/assets/images/hero-dc-room.jpg');background-position:20% 50%}
.pro-imgcard-bg--bare{background-image:url('/static/assets/images/hero-dc-room.jpg');background-position:80% 50%}
.pro-imgcard-bg--ddos{background-image:url('/static/assets/images/hero-dc-room.jpg');background-position:50% 20%}
.pro-imgcard-bg--notice{background-image:url('/static/assets/images/bj.png');background-position:center}