/* Balanced desktop scale for the main site pages. The guestbook keeps its
   intentionally compact layout and does not load this file. */
.ui-home,
.ui-download,
.ui-buy,
.ui-agent {
    padding: 1.5rem 1.25rem;
}

.ui-home .container { max-width: 1160px; }
.ui-home .hero {
    margin-bottom: 2.4rem;
    padding: 1.55rem 1.65rem 2rem;
    border-radius: 3.2rem;
}
.ui-home .avatar,
.ui-home .avatar-wrapper { width: 88px; height: 88px; }
.ui-home .avatar-wrapper { margin-bottom: 1.1rem; }
.ui-home .hero h1 { font-size: 2.6rem; }
.ui-home .hero .subtitle { font-size: 1.05rem; margin-bottom: 1.25rem; }
.ui-home .button-group { margin-top: 1.1rem; gap: 1rem; }
.ui-home .download-btn { padding: 0.75rem 2.2rem; font-size: 1.05rem; }
.ui-home .section-title { margin-bottom: 1.8rem; }

/* Match the guestbook's sweeping highlight on the homepage V badge. */
.ui-home .verify-badge {
    overflow: hidden;
}
.ui-home .verify-badge::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    background: linear-gradient(115deg, transparent 38%, rgba(255, 255, 255, 0.9) 50%, transparent 62%);
    background-size: 220% 100%;
    background-position: 130% 0;
    animation: homepageVerifyFlow 1.8s linear infinite;
}
.ui-home .verify-badge i {
    position: relative;
    z-index: 1;
}
@keyframes homepageVerifyFlow {
    0% { background-position: 130% 0; }
    100% { background-position: -30% 0; }
}

.ui-download .container { max-width: 1160px; }
.ui-download .download-header {
    margin-bottom: 2.4rem;
    padding: 1.75rem 1.75rem 2.2rem;
    border-radius: 3.2rem;
}
.ui-download .download-header h1 { font-size: 2.5rem; }
.ui-download .download-header .subhead { font-size: 1rem; }
.ui-download .download-grid { gap: 1.5rem; margin-bottom: 2.4rem; }
.ui-download .download-card {
    width: 205px;
    padding: 1.1rem 1.35rem 1.3rem;
    border-radius: 2rem;
}

.ui-buy .container { max-width: 920px; }
.ui-buy .purchase-header {
    margin-bottom: 2.4rem;
    padding: 1.75rem 1.75rem 2.2rem;
    border-radius: 3.2rem;
}
.ui-buy .purchase-header h1 { font-size: 2.5rem; }
.ui-buy .purchase-header .subhead { font-size: 1rem; }
.ui-buy .card-grid { gap: 1.5rem; }
.ui-buy .purchase-card {
    padding: 1.7rem 1.6rem;
    border-radius: 2rem;
}
.ui-buy .card-icon { font-size: 2.2rem; margin-bottom: 1rem; }
.ui-buy .purchase-card h2 { font-size: 1.75rem; margin-bottom: 0.8rem; }
.ui-buy .qr-code { width: 140px; height: 140px; }

.ui-download .download-platforms {
    display: grid;
    grid-template-columns: max-content max-content;
    gap: 1.4rem;
    justify-content: center;
    align-items: start;
}
.ui-download .download-platform {
    width: max-content;
    padding: 1.1rem;
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 2.2rem;
    background: rgba(12, 8, 25, 0.2);
}
.ui-download .yongshuo-platform { order: -1; }
.ui-download .download-platform .download-grid {
    display: grid;
    grid-template-columns: repeat(2, 190px);
    margin-top: 1rem;
    margin-bottom: 0;
    gap: 1rem;
}
.ui-download .download-platform .download-card {
    width: 190px;
}
.ui-download .lanzou-card,
.ui-download .backup-card {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.ui-download .lanzou-card,
.ui-download .backup-card { height: 245px; }
.ui-download .lanzou-card .download-link,
.ui-download .backup-card .download-link {
    min-height: 36px;
    height: 36px;
    margin-top: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ui-download .lanzou-platform .download-grid {
    grid-template-columns: repeat(3, 190px);
}
.ui-download .lanzou-section,
.ui-download .yongshuo-section {
    margin-top: 0;
    text-align: center;
    justify-content: center;
}
.ui-download .lanzou-section {
    color: #d9c4ff;
    border-color: rgba(183, 151, 255, 0.45);
}
.ui-download .yongshuo-section {
    color: #bfe0ff;
    border-color: rgba(126, 205, 255, 0.35);
}
.ui-download .backup-card {
    border-color: rgba(126, 205, 255, 0.2);
}
.ui-download .lanzou-card {
    border-color: rgba(126, 205, 255, 0.24);
    box-shadow: 0 25px 38px -24px rgba(61, 174, 255, 0.7), inset 0 0 0 1px rgba(126, 205, 255, 0.04);
}
.ui-download .lanzou-card .download-link {
    background: rgba(255, 255, 255, 0.02);
    border-color: rgba(255, 255, 255, 0.15);
    color: #cfc3f0;
    font-weight: 400;
}
.ui-download .lanzou-card .download-link i { color: #bc9eff; }

/* Restore the original recommended-download treatment. */
.ui-download .download-link.recommend {
    background: linear-gradient(145deg, #ede2ff, #d8c7ff);
    color: #1b142e;
    font-weight: 700;
    border-color: rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 0 rgba(178, 130, 255, 0.7);
    animation: recommend-breathe 1.8s ease-in-out infinite;
}
.ui-download .download-link.recommend i { color: #7a4fc2; }
.ui-download .download-link.recommend:hover {
    background: linear-gradient(145deg, #f6eeff, #e2d4ff);
    color: #1b142e;
    transform: translateY(-2px);
    box-shadow: 0 10px 22px -6px rgba(150, 100, 255, 0.9);
}

@media (max-width: 700px) {
    .ui-home,
    .ui-download,
    .ui-buy,
    .ui-agent { padding: 1rem 0.85rem; }
    .ui-home .hero,
    .ui-download .download-header,
    .ui-buy .purchase-header { border-radius: 2.2rem; }
    .ui-download .download-platforms { grid-template-columns: 1fr; }
    .ui-download .download-platform { width: 100%; padding: 0.85rem; border-radius: 1.8rem; }
    .ui-download .download-platform .download-grid,
    .ui-download .lanzou-platform .download-grid { grid-template-columns: 1fr; }
    .ui-download .download-platform .download-card { width: 100%; }
    .ui-download .lanzou-card,
    .ui-download .backup-card { height: auto; }
}

@media (min-width: 701px) and (max-width: 1120px) {
    .ui-download .download-platforms { grid-template-columns: 1fr; }
    .ui-download .download-platform { width: 100%; }
    .ui-download .download-platform .download-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ui-download .lanzou-platform .download-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .ui-download .download-platform .download-card { width: 100%; }
    .ui-download .lanzou-card,
    .ui-download .backup-card { height: auto; }
}