/* Download Page Styles */
.download-main {
    position: relative;
    width: 100%;
    height: calc(100% - 80px);
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.download-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

.download-content {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center; /* Center everything horizontally by default */
    gap: 40px; /* Space between sections */
    width: 80%;
    max-width: 1200px;
    transform: translateX(-50px); /* Move all content left */
}

.top-text {
    display: flex;
    flex-direction: column;
    align-items: center; /* Center top text */
    gap: 10px;
}

.top-text img {
    max-width: 100%;
    height: auto;
}

.icons-row {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.icons-row img {
    height: 60px; /* Adjust based on actual image size preference */
    width: auto;
    transition: transform 0.3s ease;
}

.icons-row img:hover {
    transform: scale(1.05);
}

.bottom-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* Left align bottom text as per request "txt3-4要左移一点" relative to center? Or just left aligned in general? */
    gap: 15px;
    width: 100%;
    /* User said "txt3-4要左移一点". 
       If the whole content is centered, "left shift" might mean aligning them to the left of the container 
       or shifting them left relative to the center. 
       Looking at the screenshot, the bottom text is left-aligned relative to itself, but the whole block seems somewhat centered or left-aligned.
       Let's try to align them slightly to the left of the center or give them a negative margin if they are centered.
       However, usually "left shift" means they shouldn't be dead center.
       Let's try aligning them to the start of the container, but maybe the container itself is centered.
    */
    padding-left: 5%; /* Give it some offset from the far left if it was full width, or just align self */
    margin-top: 30px; /* Move bottom text down */
}

.bottom-text img {
    max-width: 100%;
    height: auto;
    /* "txt3-4要左移一点" - Assuming relative to the icons above which are centered. */
    transform: translateX(-20px); /* Slight left shift */
}