.hkw-article-gallery{margin:32px 0 10px;padding:20px;background:#fff;border:1px solid #dce7f7;border-radius:20px;box-shadow:0 12px 32px #123a6912}
.hkw-article-gallery h2{font-size:clamp(20px,2.3vw,27px);margin:0 0 5px;color:#123968}.hkw-article-gallery p{color:#5e7592;margin:0 0 18px}
.hkw-article-gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.hkw-article-thumb{border:0;background:#eaf2fa;padding:0;cursor:zoom-in;overflow:hidden;border-radius:13px;aspect-ratio:4/3;box-shadow:0 4px 14px #133c6820;transition:transform .24s,box-shadow .24s}
.hkw-article-thumb:hover{transform:translateY(-4px);box-shadow:0 12px 24px #133c6830}.hkw-article-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.hkw-article-thumb:hover img{transform:scale(1.04)}
.hkw-article-lightbox{border:0;padding:0;background:transparent;max-width:min(94vw,1200px);max-height:95vh;color:white}.hkw-article-lightbox::backdrop{background:rgba(4,19,40,.93);backdrop-filter:blur(7px)}
.hkw-article-lightbox-inner{display:flex;flex-direction:column;align-items:center;gap:12px}.hkw-article-lightbox img{max-width:90vw;max-height:77vh;object-fit:contain;border-radius:8px}.hkw-article-lightbox-controls{display:flex;align-items:center;gap:12px;justify-content:center}.hkw-article-lightbox button{border:1px solid #ffffff50;background:#203d64;color:#fff;padding:8px 18px;border-radius:10px;cursor:pointer}.hkw-article-lightbox button:focus-visible,.hkw-article-thumb:focus-visible{outline:3px solid #ffba40;outline-offset:3px}
@media(max-width:800px){.hkw-article-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:520px){.hkw-article-gallery{padding:14px}.hkw-article-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}}@media(prefers-reduced-motion:reduce){.hkw-article-thumb,.hkw-article-thumb img{transition:none}}