.factory-page{background:#f7f8fa}
.factory-head{margin-bottom:34px}
.factory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.factory-grid li{min-width:0}
.factory-card{width:100%;display:block;border:0;background:#FFFFFF;border-radius:6px;overflow:hidden;box-shadow:0 12px 28px rgba(0,0,0,.08);cursor:pointer;padding:0;transition:all .18s linear}
.factory-card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;transition:transform .28s ease}
.factory-card span{height:54px;display:flex;align-items:center;justify-content:center;color:var(--fontcolor);font-size:var(--fontsize20);font-weight:var(--fontbold6);line-height:1.2}
.factory-card:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(0,0,0,.12)}
.factory-card:hover img{transform:scale(1.04)}
.factory-lightbox{position:fixed;inset:0;background:rgba(0,0,0,.82);z-index:100000;display:flex;align-items:center;justify-content:center;padding:40px;opacity:0;visibility:hidden;transition:all .18s linear}
.factory-lightbox.is-open{opacity:1;visibility:visible}
.factory-lightbox img{max-width:92vw;max-height:86vh;object-fit:contain;border-radius:6px;box-shadow:0 20px 60px rgba(0,0,0,.4)}
.factory-lightbox-close{position:absolute;right:32px;top:28px;width:44px;height:44px;border-radius:50%;border:0;background:var(--bgcolor);color:#FFFFFF;display:flex;align-items:center;justify-content:center;cursor:pointer}
.factory-lightbox-close em{font-size:var(--fontsize20)}
body.factory-lock{overflow:hidden}
@media (max-width:1280px){.factory-grid{gap:18px}}
@media (max-width:1024px){.factory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:768px){.factory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.factory-card span{height:46px;font-size:var(--fontsize18)}.factory-lightbox{padding:18px}.factory-lightbox-close{right:16px;top:16px}}
@media (max-width:480px){.factory-grid{grid-template-columns:1fr}}