.hw-grid { width: 100%; max-width: var(--content-w); margin-top: 20px; display: flex; flex-wrap: wrap; gap: 14px;
            justify-content: center; }
.hw-cell { background: var(--c-f8fafc); border-radius: 10px; overflow: hidden; width: 300px; position: relative; }
.hw-cell iframe { display: block; border: 0; width: 300px; height: 520px; position: relative; }
/* 教育部網站約要 5 秒才畫出動畫，iframe 底下先墊一行載入中 */
.lang-en .hw-cell::before { content: "Loading MOE animation…"; }
.hw-cell::before { content: "教育部動畫載入中…"; position: absolute; top: 240px; left: 0; right: 0;
                    text-align: center; color: var(--c-94a3b8); font-size: .85rem; }
.hw-cell .hw-cap { display: flex; justify-content: space-between; padding: 6px 10px; font-size: .78rem;
                    background: var(--c-1e2330); color: var(--c-94a3b8); }
.hw-cell .hw-cap a { color: var(--c-7dd3fc); }
.hw-zipbar { display: none; width: 100%; max-width: var(--content-w); margin-top: 16px; justify-content: flex-end; }
.hw-dl { width: 100%; border-radius: 0; background: var(--c-1a3a2a); color: var(--c-4ade80); border: 0;
          border-top: 1px solid var(--c-166534); padding: 10px; font-size: .85rem; }
.hw-dl:hover:not(:disabled) { background: var(--c-14532d); }
.hw-miss { background: var(--c-1e2330); border: 1px dashed var(--c-2d3548); border-radius: 10px; width: 300px; padding: 18px;
            color: var(--c-f87171); font-size: .9rem; text-align: center; }
.hw-miss b { display: block; font-size: 2.4rem; color: var(--c-e2e8f0); margin-bottom: 6px; }