/* skin/css/download.css */

/* 顶部信息卡 */
.detail-top-card {
    padding: 25px;
    text-align: center;
}
.dt-flex {
    display: flex; flex-direction: column; align-items: center; margin-bottom: 20px;
}
.dt-icon { 
    width: 90px; height: 90px; border-radius: 22px; margin-bottom: 15px; 
    box-shadow: 0 8px 20px rgba(0,0,0,0.1); 
}
.dt-info h1 { font-size: 22px; font-weight: 800; margin-bottom: 5px; color: var(--text-primary); }
.dt-info p { font-size: 13px; color: var(--text-secondary); margin-bottom: 10px; }
.dt-badges span { 
    background: rgba(255,255,255,0.5); border: 1px solid rgba(255,255,255,0.5);
    padding: 3px 10px; font-size: 11px; border-radius: 12px; 
    margin: 0 4px; color: var(--text-secondary); 
}

/* 页面内大下载按钮 */
.btn-download-large {
    width: 100%;
    padding: 14px 0;
    background: var(--primary-color);
    color: #fff;
    border: none;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 700;
    box-shadow: 0 5px 15px rgba(0,122,255,0.3);
    cursor: pointer;
    transition: transform 0.2s;
    display: block;
}
.btn-download-large:active { transform: scale(0.98); }

/* 预览 Swiper */
.screenshot-swiper { overflow: hidden; padding-bottom: 15px; }
.swiper-slide { 
    width: auto; height: auto; border-radius: 16px; overflow: hidden; 
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}
.video-slide video, .swiper-slide img { width: auto; height: auto; max-width: 600px; max-height: 560px; object-fit: cover; }
.video-slide video { background: #000; }

/* 简介 */
.desc-card { padding: 25px; font-size: 15px; line-height: 1.7; color: #444; }
.desc-card h3 { font-size: 17px; margin: 25px 0 10px; font-weight: 700; }