.ib-resource-card { overflow:hidden; border-radius:16px; border:1px solid #dce8f4; background:#fff; color:inherit; box-shadow:0 14px 28px rgba(111,137,173,0.08); }
.ib-resource-card:hover { text-decoration:none; transform:translateY(-3px); box-shadow:0 18px 34px rgba(111,137,173,0.13); }
.ib-resource-card-head { display:grid; grid-template-columns:62px minmax(0,1fr); gap:18px; align-items:center; min-height:96px; padding:22px 24px; }
.ib-resource-card-head i { justify-self:center; font-size:42px; }
.ib-resource-card h4 { margin:0 0 6px; color:#20314f; font-size:21px; line-height:1.25; font-weight:900; letter-spacing:0; }
.ib-resource-card p { margin:0; color:#687891; font-size:14px; line-height:1.45; word-break:keep-all; }
.ib-resource-list { margin:0; padding:20px 24px 18px; list-style:none; display:grid; gap:14px; background:rgba(255,255,255,0.72); border-top:1px solid rgba(219,230,244,0.75); }
.ib-resource-item { display:grid; grid-template-columns:64px minmax(0,1fr) auto; align-items:center; gap:14px; }
.ib-resource-thumb { position:relative; width:64px; height:42px; border-radius:8px; overflow:hidden; background:#eef4fb; border:1px solid #dce6f2; flex:none; }
.ib-resource-thumb:before, .ib-resource-thumb:after { content:""; position:absolute; }
.ib-resource-thumb--skin-dark { background:linear-gradient(135deg,#061b38,#102d5f); }
.ib-resource-thumb--skin-dark:before { left:8px; right:8px; bottom:8px; height:20px; background:linear-gradient(90deg,#37c2ff,#4a6bff); clip-path:polygon(0 70%,18% 42%,32% 58%,48% 24%,62% 48%,78% 28%,100% 52%,100% 100%,0 100%); }
.ib-resource-thumb--skin-site { background:linear-gradient(135deg,#d7e3ef,#6e849b); }
.ib-resource-thumb--skin-site:before { left:16px; right:10px; top:10px; height:22px; border-radius:6px; background:linear-gradient(135deg,#23344e,#758da7); transform:rotate(-8deg); }
.ib-resource-thumb--skin-panel { background:linear-gradient(135deg,#9fc8ff,#244fa8); }
.ib-resource-thumb--skin-panel:before { left:10px; right:10px; top:10px; height:22px; border-radius:4px; background:repeating-linear-gradient(90deg,#fff 0 5px,rgba(255,255,255,.35) 5px 10px); opacity:.75; }
.ib-resource-thumb--device-blue { background:linear-gradient(135deg,#73b7ff,#1e67d6); }
.ib-resource-thumb--device-blue:before { left:14px; top:10px; width:34px; height:22px; border-radius:5px; background:#315171; box-shadow:10px 8px 0 rgba(255,255,255,.18); }
.ib-resource-thumb--device-gateway { background:linear-gradient(135deg,#edf4fa,#9aaebe); }
.ib-resource-thumb--device-gateway:before { left:12px; top:11px; width:40px; height:20px; border-radius:5px; background:#1f3146; box-shadow:0 0 0 5px rgba(255,255,255,.25); }
.ib-resource-thumb--device-thermal { background:linear-gradient(135deg,#3a4656,#111827); }
.ib-resource-thumb--device-thermal:before { left:12px; right:12px; top:10px; height:22px; border-radius:5px; background:radial-gradient(circle at 50% 50%,#ffd05b 0 18%,#28b7ff 19% 36%,#213b79 37%); }
.ib-resource-thumb--firmware-gateway { background:linear-gradient(135deg,#fff5e8,#ffd3a3); }
.ib-resource-thumb--firmware-gateway:before { left:18px; top:9px; width:28px; height:24px; background:#ff8f24; clip-path:polygon(50% 0,94% 24%,94% 76%,50% 100%,6% 76%,6% 24%); }
.ib-resource-thumb--firmware-node { background:linear-gradient(135deg,#edf7ff,#d9f4ec); }
.ib-resource-thumb--firmware-node:before { left:10px; top:12px; width:18px; height:18px; border-radius:50%; background:#23b7a3; box-shadow:24px 0 0 #4f77ff,12px 10px 0 #ff9d31; }
.ib-resource-thumb--firmware-config { background:linear-gradient(135deg,#eef4ff,#e8f2ff); }
.ib-resource-thumb--firmware-config:before { left:14px; top:9px; width:14px; height:24px; border-radius:4px; background:#4f77ff; box-shadow:18px 0 0 #23b7a3,36px 0 0 #ff9d31; opacity:.8; }
.ib-resource-title { min-width:0; color:#26344e; font-size:15px; line-height:1.35; font-weight:900; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ib-resource-time { color:#8a96aa; font-size:13px; font-weight:800; white-space:nowrap; }
.ib-resource-button { display:flex; align-items:center; justify-content:center; gap:10px; height:46px; margin:0 24px 22px; border-radius:9px; border:2px solid currentColor; background:rgba(255,255,255,0.82); font-size:15px; font-weight:900; }
.ib-resource-card--teal { background:linear-gradient(180deg,#f4fffb 0%,#fff 38%); border-color:#bfe8dd; }
.ib-resource-card--teal .ib-resource-card-head i, .ib-resource-card--teal .ib-resource-button { color:#1fa77d; }
.ib-resource-card--indigo { background:linear-gradient(180deg,#f5f9ff 0%,#fff 38%); border-color:#c4dcff; }
.ib-resource-card--indigo .ib-resource-card-head i, .ib-resource-card--indigo .ib-resource-button { color:#2f67ff; }
.ib-resource-card--orange { background:linear-gradient(180deg,#fff9f1 0%,#fff 38%); border-color:#ffd9b0; }
.ib-resource-card--orange .ib-resource-card-head i, .ib-resource-card--orange .ib-resource-button { color:#f0831e; }
.ib-fake-item { opacity:.92; }