/* ------------------------ 基础变量与重置 ------------------------------------- */
    :root {
        --primary-color: #0f403f;
        --text-color-light: #ffffff;
    }

    /* ------------------------ Apple Leather in Action 版块样式 ------------------- */
    
    /* Style B: 对应 Product Gallery (产品展示)  */
    .product-section {
        background-color: #ffffff; /* 白色背景  */
        padding: 40px 30px; /* [cite: 105] */
        text-align: center; /* [cite: 105] */
        font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; /* [cite: 105] */
    }

    .product-title {
        font-size: 28px; /* [cite: 106] */
        font-weight: bold; /* [cite: 106] */
        color: #333; /* [cite: 106] */
        margin-bottom: 40px; /* [cite: 106] */
    }

    .product-container {
        display: flex; /* [cite: 107] */
        justify-content: center; /* [cite: 107] */
        gap: 15px; /* [cite: 108] */
        max-width: 1200px; /* [cite: 108] */
        margin: 0 auto; /* [cite: 108] */
        flex-wrap: wrap; /* 允许换行 [cite: 108] */
    }

    .product-item {
        /* PC端一行3个 [cite: 109] */
        flex: 0 0 calc(33.33% - 15px); /* [cite: 109] */
        max-width: 380px; /* [cite: 109] */
        background-color: transparent; /* [cite: 110] */
        padding: 0; /* [cite: 110] */
        border-radius: 8px; /* [cite: 110] */
        text-align: center; /* 产品标题居中 [cite: 110] */
        margin-bottom: 20px; /* [cite: 111] */
    }

    .product-image {
        margin-bottom: 15px; /* [cite: 112] */
    }

    .product-image img {
        width: 100%; /* [cite: 113] */
        height: auto; /* [cite: 113] */
        display: block; /* [cite: 113] */
        border-radius: 4px; /* [cite: 113] */
    }

    .product-item-title {
        font-size: 16px; /* [cite: 114] */
        font-weight: bold; /* [cite: 114] */
        color: #0f403f; /* [cite: 114] */
        line-height: 1.4; /* [cite: 114] */
    }
    
    .product-item-title a {
        text-decoration: none; /* [cite: 115] */
        color: #0f403f; /* [cite: 115] */
    }

    .product-btn-container {
        margin-top: 30px; /* [cite: 116] */
        width: 100%; /* [cite: 116] */
    }

    /* 通用按钮 (Common) [cite: 117] */
    .common-btn {
        display: inline-block; /* [cite: 117] */
        padding: 12px 30px; /* [cite: 117] */
        background-color: #2a494a; /* [cite: 118] */
        color: #fff; /* [cite: 118] */
        text-decoration: none; /* [cite: 118] */
        border-radius: 5px; /* [cite: 118] */
        font-size: 16px; /* [cite: 118] */
        font-weight: 500; /* [cite: 118] */
        transition: background-color 0.3s ease; /* [cite: 118] */
        border: none; /* [cite: 118] */
        cursor: pointer; /* [cite: 118] */
    }

    .common-btn:hover {
        background-color: #3e6d6e; /* [cite: 119] */
    }

    /* ------------------------ 响应式适配 ------------------------------------- */
    @media (max-width: 768px) {
        /* 产品展示 (Style B) 移动端：垂直排列 [cite: 123] */
        .product-container {
            flex-direction: column; /* [cite: 123] */
            gap: 30px; /* [cite: 123] */
            padding: 0 15px; /* [cite: 123] */
        }
        .product-item {
            flex: 0 0 100%; /* [cite: 124] */
            max-width: 100%; /* [cite: 124] */
        }
    }