
      /* 全局基础设置 */
      .vx-brand-factory-container {
        width: 100%;
        max-width: 1100px;
        margin: 30px auto;
        padding: 0 20px;
        box-sizing: border-box;
      }

      .vx-layout-flex {
        display: flex;
        flex-direction: column;
        /* 手机端默认：上下 */
        gap: 25px;
      }

      /* --- 手机端样式优化 (Max-width: 1023px) --- */
      .vx-brand-para {
        color: #666;
        font-size: 14px;
        line-height: 1.6;
        text-align: left;
        /* 段落左对齐，保证视觉整齐 */
        margin-bottom: 25px;
      }

      .vx-factory-info h3 {
        font-size: 20px;
        color: #222;
        margin-bottom: 12px;
        text-align: center;
        /* 标题居中，保持视觉中心 */
        font-weight: bold;
      }

      .vx-factory-info p {
        color: #666;
        font-size: 14px;
        line-height: 1.6;
        text-align: left;
        /* 段落左对齐 */
      }

      .vx-content-image img {
        width: 100%;
        display: block;
        border-radius: 8px;
      }

      /* --- PC端样式优化 (Min-width: 1024px) --- */
      @media (min-width: 1024px) {
        .vx-layout-flex {
          flex-direction: row;
          /* 左右布局 */
          align-items: center;
          /* 垂直居中，消除留白 */
          gap: 60px;
        }

        .vx-content-text {
          flex: 1;
          order: 1;
        }

        .vx-content-image {
          flex: 1;
          order: 2;
        }

        .vx-brand-para,
        .vx-factory-info h3,
        .vx-factory-info p {
          text-align: left;
          /* PC端全部左对齐，符合阅读习惯 */
        }

        .vx-factory-info h3 {
          font-size: 24px;
        }
      }

      /* 手机端独有逻辑：确保图片插在两段文字中间（如果您之前验证的体验是这样的话） */
      @media (max-width: 1023px) {
        .vx-brand-para {
          order: 1;
        }

        .vx-content-image {
          order: 2;
        }

        .vx-factory-info {
          order: 3;
        }
      }
    