/* =========================================================
   首页 —— 页面专属样式
   ========================================================= */

.hero .dz-lead {
    margin-top: var(--dz-s-3);
    color: var(--dz-ink-48);
}

.hero .dz-actions {
    margin-top: var(--dz-s-5);
}

/* 活动入口 */
.dz-banner {
    display: block;
    border-radius: var(--dz-r-lg);
    overflow: hidden;
    background: var(--dz-parchment);
    transition: transform 0.2s var(--dz-ease);
}

.dz-banner img {
    width: 100%;
    height: auto;
}

.dz-banner:active {
    transform: scale(0.98);
}

.dz-banner + .dz-banner {
    margin-top: var(--dz-s-3);
}

/* 特色 */
.features {
    background: var(--dz-parchment);
}

.feature-grid {
    display: grid;
    gap: var(--dz-s-3);
    grid-template-columns: 1fr;
}

.feature-card {
    background: var(--dz-canvas);
    border: 1px solid var(--dz-hairline);
    border-radius: var(--dz-r-lg);
    padding: var(--dz-s-4) var(--dz-s-5);
}

.feature-card h3 {
    font-size: 17px;
    font-weight: 600;
    line-height: 1.24;
    color: var(--dz-ink);
    margin-bottom: 2px;
}

.feature-card p {
    font-size: 14px;
    line-height: 1.43;
    color: var(--dz-ink-48);
}

/* 品牌 */
.brands {
    background: var(--dz-canvas);
}

.brand-grid {
    display: grid;
    gap: var(--dz-s-2);
    grid-template-columns: repeat(auto-fill, minmax(92px, 1fr));
}

.brand-item {
    background: var(--dz-canvas);
    border: 1px solid var(--dz-hairline);
    border-radius: var(--dz-r-md);
    padding: var(--dz-s-3) var(--dz-s-2);
    text-align: center;
}

.brand-logo {
    height: 36px;
    display: grid;
    place-items: center;
    margin-bottom: 6px;
}

.brand-logo img {
    max-height: 36px;
    max-width: 100%;
    width: auto;
    object-fit: contain;
}

.brand-name {
    font-size: 12px;
    line-height: 1.3;
    color: var(--dz-ink-80);
    letter-spacing: -0.12px;
}

/* 产品（深色瓷砖） */
.products {
    background: var(--dz-tile-1);
}

.products .section-title {
    color: var(--dz-body-on-dark);
}

.product-grid {
    display: grid;
    gap: var(--dz-s-3);
    grid-template-columns: repeat(auto-fill, minmax(148px, 1fr));
}

.product-card {
    background: var(--dz-tile-2);
    border-radius: var(--dz-r-lg);
    overflow: hidden;
}

.product-img {
    height: 92px;
    display: grid;
    place-items: center;
    font-size: 32px;
    background: var(--dz-tile-3);
}

.product-info {
    padding: var(--dz-s-3) var(--dz-s-4) var(--dz-s-4);
    text-align: center;
}

.product-info h3 {
    font-size: 17px;
    font-weight: 600;
    color: var(--dz-body-on-dark);
}

.product-info p {
    margin-top: 2px;
    font-size: 14px;
    line-height: 1.43;
    color: var(--dz-body-muted);
}

/* APP 展示 */
.download {
    background: var(--dz-parchment);
}

.app-showcase {
    margin-top: var(--dz-s-6);
}

.app-showcase h3 {
    font-family: var(--dz-font-display);
    font-size: 21px;
    font-weight: 600;
    letter-spacing: 0.231px;
    color: var(--dz-ink);
}

.app-images {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--dz-s-3);
    margin-top: var(--dz-s-3);
}

.app-images img {
    width: 100%;
    border-radius: var(--dz-r-md);
    box-shadow: var(--dz-shadow-product);
}