/* skin/css/download.css */

.info-head { padding: 20px; }
.ih-box { display: flex; align-items: center; margin-bottom: 20px; }
.ih-icon { width: 80px; min-width: 80px; height: 80px; border: 2px solid var(--mem-black); border-radius: 12px; margin-right: 15px; }
.ih-data h1 { font-size: 20px; font-weight: 900; margin-bottom: 5px; }
.ih-data p { font-size: 13px; color: #777; margin-bottom: 10px; font-weight: bold; }
.ih-tags span { background: var(--mem-yellow); padding: 2px 6px; font-size: 10px; border: 1px solid #000; border-radius: 4px; margin-right: 5px; font-weight: bold; }

.btn-mem.wide { width: 100%; padding: 12px; font-size: 16px; border-radius: 30px; display: block; text-align: center; }

.screenshot-swiper { overflow: hidden; }
.swiper-slide { width: auto; height: auto; border: 2px solid var(--mem-black); border-radius: 8px; overflow: hidden; box-shadow: 4px 4px 0 var(--mem-black); }
.video-slide video, .swiper-slide img { width: auto; height: auto; max-width: 600px; max-height: 600px; object-fit: cover; }
.video-slide video { background: #000; }

.intro-t { padding: 20px; font-size: 14px; line-height: 1.6; color: #444; }
.intro-t h3 { margin: 20px 0 10px; font-weight: 900; color: var(--mem-purple); font-size: 16px; }
.intro-t h4 { font-weight: bold; margin: 15px 0 5px; }