/* issue 193 場景 illumio-graph：AI 安全圖譜圖片＋掃描線（深色底；只讀官網 token 與 --accent*）。掃描線純 CSS，減少動態時隱藏。 */
.page-blocks .ilg { margin: 0; }
.page-blocks .ilg-win { position: relative; overflow: hidden; border: 1px solid var(--on-dark-line); border-radius: var(--r-card); background: var(--deeper); box-shadow: var(--elevation-card); }
.page-blocks .ilg-img { display: block; width: 100%; height: auto; }
.page-blocks .ilg-win::before, .page-blocks .ilg-win::after { content: ""; position: absolute; z-index: 2; width: 2.125rem; height: 2.125rem; border: 3px solid var(--accent-dark); pointer-events: none; }
.page-blocks .ilg-win::before { left: .875rem; top: .875rem; border-right: 0; border-bottom: 0; }
.page-blocks .ilg-win::after { right: .875rem; bottom: .875rem; border-left: 0; border-top: 0; }
.page-blocks .ilg-scan { position: absolute; inset: 0; z-index: 1; pointer-events: none; opacity: 0; transform: translateY(-100%); background: linear-gradient(to bottom, transparent calc(100% - 3rem), color-mix(in srgb, var(--accent) 35%, transparent) calc(100% - 2px), var(--accent-dark) 100%); animation: ilg-scan 6s linear infinite; }
@keyframes ilg-scan { 0% { transform: translateY(-100%); opacity: 0; } 8% { opacity: .9; } 92% { opacity: .9; } 100% { transform: translateY(0); opacity: 0; } }
.page-blocks .ilg-cap { margin: .75rem 0 0; color: var(--muted-on-dark); font-size: .875rem; line-height: 1.7; }
@media (prefers-reduced-motion: reduce) { .page-blocks .ilg-scan { display: none; } }
html[data-motion="off"] .page-blocks .ilg-scan { display: none; }