/* 素材接入：保留原页面背景、40格坐标和各区块位置。 */
.m5piccon li a {display:block;width:42px;height:42px;}
.m5piccon li img {width:42px;height:42px;object-fit:contain;}
.m5piccon li img:hover {transform:scale(1.08);}
#preview {position:fixed;margin:0;display:block;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);pointer-events:auto;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;z-index:99999;box-sizing:border-box;}
/* 所有装备说明按原始像素尺寸显示；限制浮层而不缩小图片中的文字。 */
#preview img {display:block;max-width:none;max-height:none;width:auto;height:auto;image-rendering:pixelated;}
#equipment-showcase > div {margin-left:0!important;padding-top:26px!important;}
#equipment-showcase .sw {width:min(1400px, calc(100vw - 48px));max-width:1400px;height:520px;}
#equipment-showcase .swiper-wrapper {width:100%;}
#equipment-showcase .swiper-slide {width:808px;height:510px;transform:scale(.72);opacity:.65;transition:transform 350ms,opacity 350ms;}
#equipment-showcase .swiper-slide-active, #equipment-showcase .swiper-slide-duplicate-active {transform:scale(1);opacity:1;}
#equipment-showcase .swiper-slide img {display:block;width:808px;max-width:100%;height:auto;max-height:465px;object-fit:contain;margin:0;border:2px solid #d5b56b;box-sizing:border-box;}
#equipment-showcase .swiper-button-next, #equipment-showcase .swiper-button-prev {width:48px;height:68px;top:50%;margin-top:-34px;background:rgba(40,23,15,.75);border:1px solid #c9a362;color:#f3d795;font-size:32px;z-index:10;}
#equipment-showcase .swiper-button-next {right:12%;left:auto;}
#equipment-showcase .swiper-button-prev {left:12%;right:auto;}
#equipment-showcase .swiper-button-next img, #equipment-showcase .swiper-button-prev img {max-width:64px;max-height:68px;}
/* 光柱每次展示一组纯GIF，只保留左右箭头，自动轮播无额外开关。 */
#beam-showcase {height:800px;background-color:#311e14;background-position:center top;}
#beam-showcase .beam-gallery {width:1240px;max-width:calc(100vw - 64px);margin:0 auto;padding:35px 0;}
#beam-showcase .beam-stage {position:relative;width:100%;aspect-ratio:1240 / 570;background:#100b0a;}
#beam-showcase #beam-image {display:block;width:100%;height:100%;object-fit:contain;margin:0;}
#beam-showcase .beam-arrow {position:absolute;top:50%;transform:translateY(-50%);width:48px;height:68px;border:1px solid #c9a362;background:rgba(40,23,15,.75);color:#f3d795;font-size:32px;cursor:pointer;z-index:2;}
/* 左右箭头分别靠图框的左右边缘。 */
#beam-showcase .beam-prev {left:16px;}
#beam-showcase .beam-next {right:16px;}
button:focus-visible,a:focus-visible,[role="button"]:focus-visible {outline:2px solid #ffe3a0;outline-offset:3px;}