/* ============================================================
   官网下载中心：Windows / 安卓 双平台卡片布局（dl- 前缀）
   仅定义新增布局类，不修改 style.css 中任何现有类；
   卡片外观继续复用现有 .download-card / .download-info 等类。
   默认字号 13px，电脑端两列、移动端单列。
   ============================================================ */

/* 双平台卡片容器：电脑端一行两卡，高度独立不拉伸 */
.dl-platforms {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    align-items: start;
}

/* 卡片在网格单元内保持原有居中限宽，两卡视觉一致 */
.dl-platforms .download-card {
    justify-self: center;
    width: 100%;
}

/* 安卓版"即将上线"占位文案 */
.dl-soon p {
    color: #909399;
}

/* 禁用态下载按钮：尺寸与现有 .btn-download 对齐，灰色不可点 */
.dl-btn-disabled {
    display: inline-block;
    padding: 10px 30px;
    background: #c0c4cc;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    border: none;
    border-radius: 5px;
    cursor: not-allowed;
}

/* 更新日志中的安卓分区小标题 */
.dl-log-sub {
    max-width: 600px;
    margin: 36px auto 18px;
    text-align: center;
    font-size: 13px;
    font-weight: 700;
    color: #17a955;
    letter-spacing: 1px;
}

/* ---------- 移动端：两卡上下堆叠 ---------- */
@media (max-width: 860px) {
    .dl-platforms {
        grid-template-columns: 1fr;
        gap: 18px;
    }
}

/* ============================================================
   首页内容区限宽：下载中心及以下内容不铺满全屏，居中宽屏显示
   （页头 .nav-container、横幅、页脚保持全屏不变；
     仅在 .container 基础上覆盖 max-width，margin/padding 沿用原类）
   ============================================================ */
.home-container {
    max-width: 1200px;
}

/* 限宽后双卡片列宽约 568px，取消单卡 600px 限宽使其填满列、两卡紧凑对齐 */
.home-container .dl-platforms .download-card {
    max-width: none;
}

/* ============================================================
   首页：产品介绍 + 更新日志 同行两列布局（home- 前缀）
   左列产品介绍，右列更新日志；移动端自动上下堆叠。
   仅对 .home-two-col 容器内的标题/内容限宽做覆盖，不影响其它页面。
   ============================================================ */
.home-two-col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: start;
}

/* 列内标题改为左对齐（全局 .section-title 默认居中） */
.home-two-col .section-title {
    text-align: left;
    margin-bottom: 18px;
}

/* 左列产品介绍内容占满列宽（全局 .intro-content 默认 max-width 700px 居中） */
.home-col-left .intro-content {
    max-width: 100%;
    margin: 0;
}

/* 右列更新日志：浅灰背景卡片，内边距，占满列宽 */
.home-col-right {
    background: #f7f8fa;
    border-radius: 10px;
    padding: 22px 24px;
}

/* 右列内更新日志占满列宽（全局 .changelog 默认 max-width 600px 居中） */
.home-col-right .changelog {
    max-width: 100%;
    margin: 0;
}

/* 更新日志大卡片内部：电脑版日志居左、安卓版日志居右 */
.home-log-cols {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    align-items: start;
}

/* 有安卓发布记录时左右两列并排；无记录时电脑版单列占满 */
.home-log-cols-dual {
    grid-template-columns: 1fr 1fr;
}

.home-log-col {
    min-width: 0;
}

/* 平台小标题（电脑版 / 安卓版） */
.home-log-platform {
    margin: 0 0 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid #e4e7ed;
    font-size: 13px;
    font-weight: 700;
    color: #5662e3;
}

/* 列内日志条目在窄列中收敛内边距（全局 .changelog-item 为 20px） */
.home-log-col .changelog-item {
    padding: 14px 16px;
}

/* ---------- 移动端：产品介绍与更新日志上下堆叠 ---------- */
@media (max-width: 860px) {
    .home-two-col {
        grid-template-columns: 1fr;
        gap: 24px;
    }
}

/* 手机竖屏：日志双列也改为上下堆叠 */
@media (max-width: 560px) {
    .home-log-cols-dual {
        grid-template-columns: 1fr;
    }
}