/* skin/css/download.css */

.app-main { padding: 25px; text-align: center; }
.am-flex { display: flex; flex-direction: column; align-items: center; margin-bottom: 20px; }
.am-icon { width: 88px; height: 88px; border-radius: 20px; margin-bottom: 15px; border: 1px solid rgba(255,255,255,0.1); }
.am-data h1 { font-size: 22px; font-weight: 800; margin-bottom: 5px; color: #fff; }
.am-data p { font-size: 13px; color: #888; margin-bottom: 12px; }
.am-tags span { background: #333; padding: 2px 8px; font-size: 12px; border-radius: 4px; margin: 0 4px; color: #ccc; }

.btn-dl-neon {
    width: 100%; padding: 14px 0; background: var(--grad-btn);
    color: #fff; border: none; border-radius: 25px;
    font-size: 16px; font-weight: bold; cursor: pointer;
    box-shadow: 0 0 15px rgba(127, 90, 240, 0.4);
    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-width: 460px; max-height: 560px; object-fit: cover; }

.intro-txt { padding: 20px; font-size: 14px; line-height: 1.6; color: #ccc; }
.intro-txt h3 { font-size: 16px; color: var(--mid-primary); margin: 20px 0 12px; }