/* ===== SOC 芯片页（1920 画布，布局 --rpx-50，文字 --fpx） ===== */
body.page-inner {
    background: #FAFCFD;
}

.soc-hero {
    position: relative;
    width: 100%;
    min-height: calc(1080 * var(--rpx-50));
    overflow: hidden;
    color: var(--text-primary);
}

.soc-hero .hero-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0;
    pointer-events: none;
}

.soc-hero .hero-bg-image {
    display: block;
    width: 100%;
    height: auto;
}

.soc-hero .hero-inner {
    position: relative;
    z-index: 1;
    min-height: calc(1080 * var(--rpx-50));
}

/* 标题偏上；主要特性 + 下载靠下（CTA @ y≈884） */
.soc-hero .hero-copy {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    width: calc(480 * var(--rpx-50));
    max-width: calc(100% - 320 * var(--rpx-50));
    min-height: calc(1080 * var(--rpx-50));
    margin-left: calc(160 * var(--rpx-50));
    padding-top: calc(140 * var(--rpx-50));
    padding-bottom: calc(136 * var(--rpx-50));
}

.soc-hero .hero-top {
    flex: 0 0 auto;
}

.soc-hero .hero-bottom {
    flex: 0 0 auto;
    margin-top: auto;
}

.soc-hero .hero-title {
    margin: 0;
    font-size: calc(58 * var(--fpx-50));
    font-weight: 600;
    line-height: calc(68 / 58);
}

.soc-hero .hero-body {
    margin-top: calc(18 * var(--rpx-50));
}

.soc-hero .hero-body p {
    margin: 0;
    font-size: calc(16 * var(--fpx));
    line-height: calc(30 / 16);
    text-align: justify;
}

.soc-hero .hero-features {
    width: calc(400 * var(--rpx-50));
    max-width: 100%;
}

.soc-hero .features-title {
    margin: 0;
    font-size: calc(20 * var(--fpx));
    font-weight: 600;
    line-height: calc(30 / 20);
}

.soc-hero .features-line {
    width: calc(480 * var(--rpx-50));
    max-width: 120%;
    height: 1px;
    margin-top: calc(12 * var(--rpx-50));
    background: rgba(0, 0, 0, 0.1);
}

.soc-hero .features-list {
    margin: calc(16 * var(--rpx-50)) 0 0;
    padding: 0 0 0 calc(18 * var(--rpx-50));
    list-style: disc;
}

.soc-hero .features-list li {
    margin: 0;
    padding: 0;
    font-size: calc(14 * var(--fpx));
    font-weight: 400;
    line-height: calc(30 / 14);
}

.soc-hero .hero-actions {
    margin-top: calc(45 * var(--rpx-50));
}

.soc-hero .btn-ctn {
    margin: 0;
    width: auto;
    max-width: 100%;
}

/* 对齐 GPU 规格页下载 CTA：白圆 + 向下箭头；宽度随文案撑开 */
.soc-hero .specs-cta-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: auto;
    min-width: calc(240 * var(--rpx-50));
    height: calc(60 * var(--rpx-50));
    padding: 0 calc(20 * var(--rpx-50) + 40 * var(--rpx-50)) 0 calc(28 * var(--rpx-50));
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: calc(300 * var(--rpx-50));
    background: #DF0716;
    color: #F8F8F8;
    font-size: calc(16 * var(--fpx));
    font-weight: 400;
    line-height: 1;
    white-space: nowrap;
    text-decoration: none;
    transition: filter 0.2s;
}

.soc-hero .specs-cta-btn:hover {
    filter: brightness(1.06);
}

.soc-hero .specs-cta-btn .text {
    flex: 0 0 auto;
    text-align: center;
    white-space: nowrap;
}

.soc-hero .specs-cta-icon {
    position: absolute;
    right: calc(10 * var(--rpx-50));
    top: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(40 * var(--rpx-50));
    height: calc(40 * var(--rpx-50));
    border-radius: 50%;
    background: #FFFFFF;
    margin-top: calc(-20 * var(--rpx-50));
    pointer-events: none;
}

.soc-hero .specs-cta-icon img {
    display: block;
    width: calc(11 * var(--rpx-50));
    height: calc(14 * var(--rpx-50));
    object-fit: contain;
}

@media (min-width: 829px) and (max-width: 1200px) {
    .soc-hero .hero-copy {
        width: calc(480 * var(--rpx));
        max-width: calc(100% - 320 * var(--rpx));
        min-height: calc(1080 * var(--rpx));
        margin-left: calc(160 * var(--rpx));
        padding-top: calc(140 * var(--rpx));
        padding-bottom: calc(136 * var(--rpx));
    }

    .soc-hero .hero-body {
        margin-top: calc(18 * var(--rpx));
    }

    .soc-hero .hero-features {
        width: calc(400 * var(--rpx));
    }

    .soc-hero .features-line {
        width: calc(480 * var(--rpx));
        margin-top: calc(12 * var(--rpx));
    }

    .soc-hero .features-list {
        margin-top: calc(16 * var(--rpx));
        padding-left: calc(18 * var(--rpx));
    }

    .soc-hero .hero-actions {
        margin-top: calc(45 * var(--rpx));
    }

    .soc-hero .btn-ctn {
        width: auto;
    }

    .soc-hero .specs-cta-btn {
        min-width: calc(240 * var(--rpx));
        height: calc(60 * var(--rpx));
        padding: 0 calc(20 * var(--rpx) + 40 * var(--rpx)) 0 calc(28 * var(--rpx));
        border-radius: calc(300 * var(--rpx));
    }

    .soc-hero .specs-cta-icon {
        right: calc(10 * var(--rpx));
        width: calc(40 * var(--rpx));
        height: calc(40 * var(--rpx));
        margin-top: calc(-20 * var(--rpx));
    }

    .soc-hero .specs-cta-icon img {
        width: calc(11 * var(--rpx));
        height: calc(14 * var(--rpx));
    }
}

@media (max-width: 828px) {
    .soc-hero {
        display: flex;
        flex-direction: column;
        min-height: 0;
    }

    .soc-hero .hero-bg {
        position: relative;
        top: auto;
        left: auto;
        flex-shrink: 0;
        width: 100%;
    }

    .soc-hero .hero-bg-image {
        display: block;
        width: 100%;
        height: calc(780 * var(--rpx));
        object-fit: cover;
        object-position: 85%;
    }

    .soc-hero .hero-inner {
        position: relative;
        min-height: 0;
        width: 100%;
        margin-top: calc(-40 * var(--rpx));
    }

    .soc-hero .hero-copy {
        box-sizing: border-box;
        display: block;
        width: var(--wrapper-width);
        max-width: 100%;
        min-height: 0;
        margin-left: auto;
        margin-right: auto;
        padding: calc(32 * var(--rpx)) 0 calc(48 * var(--rpx));
    }

    .soc-hero .hero-bottom {
        margin-top: calc(28 * var(--rpx));
    }

    .soc-hero .hero-title {
        font-size: calc(36 * var(--fpx));
    }

    .soc-hero .hero-body {
        margin-top: calc(16 * var(--rpx));
    }

    .soc-hero .hero-body p {
        font-size: calc(16 * var(--fpx));
    }

    .soc-hero .hero-features {
        width: 100%;
    }

    .soc-hero .features-line {
        width: 100%;
        max-width: 100%;
    }

    .soc-hero .hero-actions {
        margin-top: calc(45 * var(--rpx));
    }

    .soc-hero .btn-ctn {
        width: 100%;
    }

    .soc-hero .specs-cta-btn {
        display: flex;
        width: 100%;
        min-width: 0;
        height: calc(60 * var(--rpx));
        padding: 0 calc(20 * var(--rpx) + 40 * var(--rpx)) 0 calc(28 * var(--rpx));
        border-radius: calc(300 * var(--rpx));
    }

    .soc-hero .specs-cta-icon {
        right: calc(10 * var(--rpx));
        width: calc(40 * var(--rpx));
        height: calc(40 * var(--rpx));
        margin-top: calc(-20 * var(--rpx));
    }

    .soc-hero .specs-cta-icon img {
        width: calc(11 * var(--rpx));
        height: calc(14 * var(--rpx));
    }
}