/* 复用官网配色和页头，下载内容按实际尺寸排版。 */
.downloadHeader { justify-content: space-between; }
.downloadMain { min-height: calc(100vh - 72px); background: linear-gradient(135deg, #f3fefd, #eaf5f7); }
.downloadGrid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;
    gap: 64px;
    padding-block: 48px;
}
.downloadCopy { min-width: 0; }
.downloadCopy h1 { font-size: clamp(36px, 4.5vw, 60px); line-height: 1.12; overflow-wrap: anywhere; }
.downloadSubtitle { margin-bottom: 32px; color: var(--muted); font-size: 20px; line-height: 1.6; }
.downloadActions { display: flex; flex-wrap: wrap; gap: 12px; }
.downloadButton {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    max-width: 100%;
    padding: 14px 24px;
    border: 1px solid var(--navy);
    border-radius: 9px;
    color: #fff;
    background: var(--navy);
    font: inherit;
    font-weight: 650;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    overflow-wrap: anywhere;
    cursor: pointer;
}
.openButton { color: var(--navy); background: transparent; }
.downloadButton:hover { filter: brightness(1.12); }
.downloadButton:focus-visible, .languageSelect:focus-visible, .brand:focus-visible { outline: 3px solid var(--blue); outline-offset: 4px; }
.downloadPreview { display: flex; justify-content: center; min-width: 0; }
.downloadPreview img {
    width: min(100%, 280px);
    height: auto;
    filter: drop-shadow(0 20px 24px rgba(0, 49, 83, .16));
}

@media (max-width: 768px) {
    .downloadGrid { grid-template-columns: minmax(0, 1fr); gap: 36px; padding-block: 36px; }
    .downloadCopy { text-align: center; }
    .downloadCopy h1 { margin-inline: auto; font-size: clamp(32px, 7vw, 44px); }
    .downloadSubtitle { margin-bottom: 24px; font-size: 18px; }
    .downloadActions { justify-content: center; }
    .downloadPreview img { width: min(68vw, 240px); }
    .downloadHeader { gap: 12px; }
    .downloadHeader .brand { gap: 8px; }
    .downloadHeader .brand strong { font-size: 18px; }
    .downloadHeader .brand img { width: 36px; height: 36px; }
    .downloadHeader .languageSelect { max-width: 112px; }
}