/* skin/css/download.css */

.top-info { padding: 25px; text-align: center; }
.ti-row { display: flex; flex-direction: column; align-items: center; margin-bottom: 20px; }
.ti-icon { width: 80px; height: 80px; border-radius: 20px; margin-bottom: 15px; border: 1px solid #f0f0f0; }
.ti-txt h1 { font-size: 20px; font-weight: bold; margin-bottom: 5px; }
.ti-txt p { font-size: 13px; color: var(--zen-sub); margin-bottom: 10px; }
.ti-tag span { background: #f0f0f0; padding: 2px 8px; font-size: 10px; margin: 0 3px; border-radius: 4px; }

.btn-leaf-dl {
    width: 100%; padding: 12px 0; background: var(--zen-green); color: #fff;
    border: none; border-radius: 25px; font-size: 16px; cursor: pointer;
    box-shadow: 0 5px 15px rgba(115, 169, 110, 0.3);
}

.screenshot-swiper { overflow: hidden; }
.swiper-slide { width: auto; height: auto; border-radius: 10px; overflow: hidden; box-shadow: 0 3px 10px rgba(0,0,0,0.05); }
.video-slide video, .swiper-slide img { width: auto; height: auto; max-width: 460px; max-height: 560px; object-fit: cover; }
.video-slide video { background: #000; }

.intro-box { padding: 20px; font-size: 14px; line-height: 1.7; color: #555; }
.intro-box h3 { font-size: 16px; margin: 20px 0 10px; color: var(--zen-green); }

/* Reuse zen-scroll-x logic from common/index, ensure style exists */