/* skin/css/download.css */

.app-meta { padding: 20px; text-align: center; }
.am-row { display: flex; flex-direction: column; align-items: center; margin-bottom: 20px; }
.am-icon { width: 80px; height: 80px; border-radius: 20px; margin-bottom: 10px; border: 1px solid #eee; }
.am-txt h1 { font-size: 20px; font-weight: 800; margin-bottom: 5px; }
.am-txt p { font-size: 13px; color: #777; margin-bottom: 8px; }
.am-tags span { background: #f0f2f5; padding: 2px 8px; font-size: 10px; color: #555; border-radius: 4px; margin: 0 3px; }

.btn-main-dl {
    width: 100%; padding: 12px 0; font-size: 16px; font-weight: bold;
    background: var(--lab-blue); color: #fff; border: none; border-radius: 25px;
    box-shadow: 0 4px 15px rgba(41, 98, 255, 0.3); cursor: pointer;
    display: block;
}

.screenshot-swiper { overflow: hidden; }
.swiper-slide { width: auto; height: auto; border-radius: 12px; overflow: hidden; background: #000; }
.video-slide video, .swiper-slide img { width: auto; height: auto; max-height: 500px; max-width: 500px; object-fit: cover; }

.intro-c { padding: 20px; font-size: 14px; line-height: 1.6; color: #444; }
.intro-c h3 { margin: 20px 0 10px; font-size: 16px; border-left: 3px solid var(--lab-blue); padding-left: 8px; }